.main-nav{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.main-nav button,.social-tabs button,.social-row button,.portal-panel form button,.portal-panel>button:not(.close-panel),.invitation button{padding:11px 14px;background:#242d4ddd;border:1px solid #b2b6e54a;color:#e7eafa;border-radius:6px}.main-nav button:hover,.mode-card:hover{border-color:#edc580;background:#494365}.main-nav button:disabled{opacity:.4}.portal-panel{width:780px;max-height:85dvh;overflow:auto;background:#141d32f5;position:relative}.close-panel{position:absolute;right:16px;top:12px;color:white;border:0;background:none;font-size:22px}.mode-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mode-card{display:flex;flex-direction:column;gap:18px;text-align:left;padding:25px 18px;border:1px solid #697098;background:linear-gradient(145deg,#30324c,#101d30);border-radius:8px;color:#f4e8ce;min-height:235px}.mode-card small{color:#adabc3;font-size:24px}.mode-card b{font-size:20px}.mode-card span{font-size:12px;line-height:1.8;color:#c0c6d8}.mode-card.selected{border:2px solid #edc580}.portal-panel label{display:block;margin:18px 0;color:#d4d6e4}.portal-panel input{display:block;margin-top:9px;width:100%;padding:12px;background:#090f22;border:1px solid #646b82;border-radius:5px;color:white}.portal-panel input[type=range]{padding:0}.social-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px}.social-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0;border-bottom:1px solid #ffffff20}.social-row small{display:block;margin-top:6px;color:#8793ac}.social-row .online{color:#7fe1b9}.social-row button:disabled{opacity:.45;cursor:default}.login-form button{margin:15px 10px 0 0}#online-chat{position:fixed;right:22px;bottom:55px;width:300px;z-index:12;background:#101a2ded;border:1px solid #a5b4d444;border-radius:8px;color:#e5e7f5}.chat-heading{width:100%;display:flex;justify-content:space-between;background:none;border:0;color:#d5d5eb;padding:13px;font-size:11px;letter-spacing:2px}.messages{height:160px;overflow-y:auto;padding:0 12px;font-size:12px;overflow-wrap:anywhere}.messages p{line-height:1.5}.messages b{color:#efc67d}#online-chat form{display:flex;padding:8px;gap:5px}#online-chat input{min-width:0;width:100%;padding:9px;background:#080f20;color:white;border:1px solid #78829755;border-radius:4px}#online-chat form button{background:#d6bf91;border:0;border-radius:4px}.collapsed .chat-body{display:none}#invite-notice{position:fixed;right:25px;top:105px;z-index:22}.invitation{background:#1a2949;padding:16px;border:1px solid #ab9acf;border-radius:9px;font-size:13px}.invitation button{margin-right:8px}#puzzle-hint{position:fixed;bottom:60px;left:50%;transform:translateX(-50%);max-width:80vw;padding:15px 20px;background:#241d41ee;border:1px solid #c6a1ed;border-radius:8px;z-index:8;text-align:center;font-size:13px;cursor:pointer}
#menu{top:50%;transform:translateY(-50%);max-height:94dvh;overflow:visible!important;scrollbar-width:none!important}#menu::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}#menu h1{font-size:clamp(28px,3.4vw,44px)!important;margin:8px 0 6px!important;line-height:1.08!important}#menu p{max-width:480px;font-size:13px!important;margin-bottom:12px!important;line-height:1.5!important}.menu-meta{margin:8px 0!important;font-size:11px!important}body[data-mode=fantasy] .primary{background:linear-gradient(110deg,#f2d599,#c6aff4);box-shadow:0 0 35px #aa8aff30}body[data-mode=fantasy] h1 em{color:#e0c2ff}body[data-mode=fantasy] #vignette{background:linear-gradient(90deg,#10112ad9,transparent 85%)}body[data-mode=realistic]{font-family:Georgia,serif}body[data-mode=realistic] .primary{background:#bbc3c6;color:#18232b;border-radius:1px}body[data-mode=realistic] h1 em{color:#becedc}body[data-mode=realistic] button,body[data-mode=realistic] .panel{border-radius:2px}body[data-mode=realistic] #vignette{background:linear-gradient(90deg,#080e16e8,transparent)}body[data-mode=potato]{font-family:Consolas,monospace;background:#363f3b}body[data-mode=potato] button,body[data-mode=potato] .panel{border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;transition:none!important}body[data-mode=potato] #game{image-rendering:pixelated}body[data-mode=potato]:not(.playing) #game{visibility:hidden}body[data-mode=potato] #vignette{background:repeating-linear-gradient(0deg,#333f3800 0 3px,#0002 3px 4px)}body[data-mode=potato] h1{letter-spacing:0;text-shadow:4px 4px #172018}body[data-mode=potato] .primary{background:#b8bf8a}.portal-panel button:focus-visible{outline:2px solid #edc580}
@media(max-width:800px){.mode-cards{grid-template-columns:1fr}.mode-card{min-height:0;padding:15px;gap:8px}.portal-panel{padding:30px 20px}#menu{top:16%;max-height:82dvh}#menu h1{font-size:42px}.main-nav{max-width:340px}.main-nav button{font-size:12px;padding:9px}#scene-label{display:none}#online-chat{width:260px;bottom:15px;right:10px}.menu-meta,.keys{display:none}#puzzle-hint{bottom:150px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
.classic-run{margin:10px 0 0;padding:10px 14px;background:#142232b0;border:1px solid #8795a344;color:#d7d9d3;border-radius:4px;font-size:11px}
#expedition-hud{position:fixed;top:225px;left:4%;width:auto;max-width:280px;padding:6px 10px;background:#111e29b8;border:1px solid #b7baa73a;border-radius:24px;z-index:6;backdrop-filter:blur(12px);box-shadow:0 4px 20px #00000040}
.hud-pill{display:flex;align-items:center;gap:10px}
.hud-tag{font-size:9px;font-weight:800;letter-spacing:1.5px;color:#f3ca7b;padding:3px 7px;background:#f3ca7b22;border-radius:12px;border:1px solid #f3ca7b44}
.hud-title{font-size:12px;color:#f3f4f6;font-weight:600;white-space:nowrap}
.hud-btn{background:#243849;color:#eee4cd;border:1px solid #c8b58a55;padding:4px 10px;border-radius:16px;font-size:11px;cursor:pointer;transition:background .2s}
.hud-btn:hover{background:#3b536b;border-color:#edc580}
.exploration-panel button:not(.close-panel){background:#243849;color:#eee4cd;border:1px solid #c8b58a55;padding:12px 15px;border-radius:4px;margin:6px 6px 6px 0;text-align:left}
.exploration-panel{width:850px;max-height:88dvh;overflow:auto;position:relative;background:#13212ef5}
.exploration-panel h2{font-family:Georgia,serif;font-size:34px}
.exploration-panel p{font-size:16px;line-height:1.95;color:#d6d8ce;max-width:66ch}
.exploration-panel button:disabled{opacity:.35;cursor:default}
.journal-regions{display:flex;flex-wrap:wrap}
.journal-regions button{font-size:11px}
.expedition-map{width:100%;height:auto;border:1px solid #72818b55;border-radius:6px}
#exploration-modal{z-index:25}
#explore-prompt{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);border:1px solid #d3bd83;background:#152834ef;color:#f6e7c5;padding:16px 24px;z-index:8;border-radius:5px;max-width:85vw}
body:has(#expedition-hud:not(.hidden)) #relic-callout{display:none}
@media(max-width:800px){#expedition-hud{top:240px;padding:4px 8px}.hud-title{font-size:11px}#explore-prompt{bottom:140px;width:80%;font-size:12px}.exploration-panel{padding:30px 20px}.exploration-panel h2{font-size:25px}.exploration-panel p{font-size:14px}#online-chat{max-width:45vw}}
#expedition-hud p{white-space:pre-line}
#exploration-modal .journal-regions .selected-region{background:#cdb06f;color:#172534;border-color:#f7e6b9;box-shadow:0 0 0 1px #f7e6b955}body[data-region="harbor"] #expedition-hud{border-color:#c5a97988}body[data-region="garden"] #expedition-hud{border-color:#84bba388}body[data-region="archive"] #expedition-hud{border-color:#86b8d088}body[data-region="forge"] #expedition-hud{border-color:#e69a6e88}body[data-region="grave"] #expedition-hud{border-color:#b3a1db88}body[data-region="observatory"] #expedition-hud{border-color:#8eb4d488}body[data-region="colony"] #expedition-hud{border-color:#c0c7a688}body[data-region="heart"] #expedition-hud{border-color:#e1b79188}body[data-mode="potato"] #expedition-hud,body[data-mode="potato"] .exploration-panel{image-rendering:pixelated;background:#3b3b30!important;border-radius:0!important}body[data-mode="realistic"] #expedition-hud,body[data-mode="realistic"] .exploration-panel{background:#0d1723f2;border-radius:2px;border-color:#aab7c266}body[data-mode="fantasy"] #expedition-hud,body[data-mode="fantasy"] .exploration-panel{background:#191632ef;border-color:#c4a8eb77}