.objective-slot{width:49px;height:45px;border-color:#d3aa51;box-shadow:0 0 9px #ffe26444,inset 0 0 8px #71c5d333}.objective-symbol{display:block;width:34px;height:34px}.objective-symbol svg{width:100%;height:100%}.objective-name{position:absolute;top:100%;margin-top:7px;font:11px/1 'VT323',monospace;white-space:nowrap;color:#fff3cc}.objective-slot.collected{background:#267c69;box-shadow:0 0 15px #ffe47588}.objective-slot.collected .objective-symbol{filter:drop-shadow(0 0 3px #ffe56b)}.mission-objectives{padding-bottom:15px}.objective-mark{z-index:2;background:#1a4358}.collected .objective-mark{background:#ffe264;color:#163326}
#upgrade-notice{position:absolute;top:var(--notice-top,100px);left:50%;transform:translateX(-50%);z-index:9;display:flex;gap:12px;align-items:center;width:max-content;max-width:90%;padding:12px 18px;border:3px solid #ffe264;box-shadow:4px 4px #061b2b,0 0 18px #ffe26455;background:#154651;color:#fff4c6;pointer-events:none}#upgrade-notice[hidden]{display:none}#upgrade-notice>svg{width:46px;height:46px;flex:none;filter:drop-shadow(0 0 7px #ffe676)}#upgrade-notice small,#upgrade-notice b,#upgrade-notice span{display:block}#upgrade-notice small{font:11px 'VT323';letter-spacing:1px;color:#ffe264}#upgrade-notice b{font:20px 'VT323';margin:2px 0}#upgrade-notice span{font:14px/1.3 system-ui,sans-serif}
#character-dialogue{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-end;justify-content:center;background:#06162640;padding:24px;touch-action:pan-y}.dialogue-box{width:min(940px,100%);display:grid;grid-template-columns:155px 1fr;gap:18px;padding:16px;background:#162c4b;border:4px solid #fff0bd;box-shadow:0 0 0 4px #0c182c,7px 7px #0008;color:#fff5cc}.dialogue-portrait{width:100%;aspect-ratio:1;background-image:url('assets/dialogue-portraits.png');background-size:300% 100%;image-rendering:pixelated;border:3px solid #7f9abc;align-self:center}.dialogue-copy{min-width:0}.dialogue-copy>small{font:11px 'VT323';letter-spacing:1px;color:#abc7dd}.dialogue-copy h3{margin:7px 0;color:#ffe264;font:17px 'Press Start 2P',monospace}.dialogue-copy p{margin:14px 0;font:22px/1.3 'VT323',monospace;min-height:60px}.dialogue-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.dialogue-actions button{min-height:44px}.dialogue-page{font:15px 'VT323';color:#b6cedd}
.unidos-title img{display:block;width:min(490px,55vw);max-height:38dvh;object-fit:contain;image-rendering:pixelated;margin:auto}.unidos-title p{max-width:490px;font:15px/1.35 'VT323';color:#f3e9bf;margin:7px auto 0}.title-screen:has(.unidos-title){gap:10px;padding:14px}.title-screen:has(.unidos-title) .title-menu{gap:7px}.title-screen:has(.unidos-title) .title-menu button{padding:9px 18px;min-height:44px}
@media(max-width:600px){.objective-slot{width:35px;height:32px}.objective-symbol{width:26px;height:26px}.objective-name{font-size:9px}.mission-objectives{padding-bottom:13px}#character-dialogue{padding:10px}.dialogue-box{grid-template-columns:74px 1fr;gap:10px;padding:10px}.dialogue-copy h3{font-size:11px;line-height:1.5}.dialogue-copy p{font-size:19px;min-height:90px}.dialogue-copy>small{font-size:9px}.dialogue-actions{gap:5px;flex-wrap:wrap}.dialogue-actions .primary{font-size:9px;padding:8px}.dialogue-actions .text-button{font-size:14px;padding:5px}.unidos-title img{width:min(340px,82vw);max-height:30dvh}.unidos-title p{font-size:13px;max-width:300px}#upgrade-notice{padding:8px 10px;gap:8px}#upgrade-notice span{font-size:12px}#upgrade-notice>svg{width:32px;height:32px}}
@media(orientation:landscape) and (max-height:600px){.dialogue-box{grid-template-columns:100px 1fr;padding:10px}.dialogue-copy p{min-height:40px;font-size:19px;margin:8px 0}.dialogue-copy h3{font-size:13px}.unidos-title img{max-height:43dvh;width:min(380px,40vw)}.title-screen:has(.unidos-title){display:grid;grid-template-columns:1fr 1fr;align-content:center;gap:8px 20px}.unidos-title{grid-column:1;grid-row:1/4}.title-screen:has(.unidos-title) .title-menu{grid-column:2;grid-row:1;min-width:0}.title-screen:has(.unidos-title) .title-save,.title-screen:has(.unidos-title)>small{grid-column:2;margin:0}.mission-objectives{padding-bottom:13px}.objective-slot{width:35px;height:31px}.objective-symbol{width:26px;height:26px}.objective-name{font-size:9px}}

.dialogue-box{max-height:calc(100dvh - 48px);overflow:auto}@media(max-width:600px){.dialogue-box{max-height:calc(100dvh - 20px)}}