:root{--panel: #fff8ec;--panel-soft: #fdf3df;--panel-border: #ecd9b8;--ink: #5b4a3a;--ink-soft: #94816c;--accent: #f0a35e;--accent-deep: #e0854a;--teal: #63b8a8;--danger: #d96a58;--radius: 16px;--radius-sm: 10px;--shadow: 0 6px 24px rgba(91, 74, 58, .18);--shadow-soft: 0 3px 10px rgba(91, 74, 58, .12);--font: "Segoe UI", "Trebuchet MS", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;font-family:var(--font);color:var(--ink);background:#aadcec}#app,#app canvas{position:fixed;inset:0;display:block}button{font-family:var(--font);cursor:pointer}.overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#aadcec,#c8ecdd 55%,#f5e6c4);z-index:100;transition:opacity .45s ease}.overlay.fade-out{opacity:0;pointer-events:none}.hidden{display:none!important}.loading-card,.title-card{background:var(--panel);border:2px solid var(--panel-border);border-radius:24px;box-shadow:var(--shadow);padding:40px 52px;text-align:center;max-width:420px}.loading-logo,.title-logo{font-size:64px;font-weight:800;letter-spacing:.18em;color:var(--accent-deep);text-shadow:0 3px 0 rgba(224,133,74,.2)}.loading-sub,.title-tag{margin-top:6px;color:var(--ink-soft);font-size:15px}.loading-bar{margin-top:22px;height:10px;border-radius:6px;background:var(--panel-soft);border:1px solid var(--panel-border);overflow:hidden}.loading-fill{height:100%;width:5%;border-radius:6px;background:linear-gradient(90deg,var(--teal),var(--accent));transition:width .3s ease}.title-label{display:block;margin-top:26px;font-size:14px;color:var(--ink-soft)}#name-input{margin-top:10px;width:100%;padding:12px 16px;font-size:18px;text-align:center;font-family:var(--font);color:var(--ink);background:var(--panel-soft);border:2px solid var(--panel-border);border-radius:var(--radius-sm);outline:none}#name-input:focus{border-color:var(--accent)}.title-hint{margin-top:18px;font-size:12px;color:var(--ink-soft)}.fatal-msg{text-align:left;font-size:11px;max-height:200px;overflow:auto;background:var(--panel-soft);border-radius:var(--radius-sm);padding:10px;white-space:pre-wrap}.btn{border:2px solid var(--panel-border);background:var(--panel-soft);color:var(--ink);border-radius:var(--radius-sm);padding:8px 16px;font-size:14px;font-weight:600;transition:transform .1s ease,box-shadow .1s ease,background .15s ease}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-soft);background:#fff}.btn:active:not(:disabled){transform:translateY(1px) scale(.98)}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:var(--accent);border-color:var(--accent-deep);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-deep)}#begin-btn{margin-top:18px;width:100%;padding:12px;font-size:17px}.title-wallet{margin-top:14px}.title-or{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:12px;color:var(--ink-soft)}.title-or:before,.title-or:after{content:"";flex:1;height:1px;background:var(--panel-border)}.btn-wallet{width:100%;padding:10px;font-size:14px}.title-wallet-msg{margin-top:10px;min-height:16px;font-size:12px;color:var(--ink-soft)}.title-wallet-msg.is-error{color:var(--danger, #c0574d)}.ui-root{position:fixed;inset:0;pointer-events:none;z-index:10;overflow:hidden}.ui-root>*{pointer-events:none}.hud-topleft{position:absolute;top:16px;left:16px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.hud-shells{display:flex;align-items:center;gap:8px;background:var(--panel);border:2px solid var(--panel-border);border-radius:999px;padding:8px 18px 8px 12px;font-size:18px;font-weight:700;box-shadow:var(--shadow-soft)}.hud-shells.bump{animation:bump .35s ease}@keyframes bump{30%{transform:scale(1.12)}to{transform:scale(1)}}.hud-tool{background:var(--panel);border:2px solid var(--panel-border);border-radius:999px;padding:5px 14px;font-size:13px;font-weight:600;color:var(--ink-soft);box-shadow:var(--shadow-soft)}.reset-overlay{position:fixed;inset:0;z-index:300;display:grid;place-items:center;background:linear-gradient(160deg,#bfe3ec,#f3e6c8)}.reset-card{background:var(--panel);border:2px solid var(--panel-border);border-radius:18px;box-shadow:var(--shadow-soft);padding:26px 30px;width:min(360px,90vw);text-align:center}.reset-card h2{margin:0 0 4px;font-size:20px;color:var(--ink)}.reset-sub{margin:0 0 14px;font-size:13px;color:var(--ink-soft)}.reset-card input{width:100%;box-sizing:border-box;border:2px solid var(--panel-border);border-radius:10px;padding:10px 12px;font-size:14px;font-family:inherit;margin-bottom:12px}.reset-row{display:flex;gap:8px;justify-content:center}.reset-msg{min-height:18px;margin-top:10px;font-size:13px;color:var(--ink-soft)}.board-rank{font-size:20px;font-weight:800;color:var(--ink)}.pause-forgot{background:none;border:none;color:var(--ink-soft);font-size:12px;text-decoration:underline;cursor:pointer;margin-top:6px;font-family:inherit}.pause-forgot:hover{color:var(--ink)}.project-box{background:var(--panel-soft);border:2px solid var(--panel-border);border-radius:12px;padding:12px 14px;margin-bottom:10px}.project-name{font-size:15px;font-weight:800;color:var(--ink)}.project-blurb{font-size:12px;color:var(--ink-soft);margin:3px 0 8px;line-height:1.45}.project-row{display:flex;align-items:center;gap:10px;margin-top:5px}.project-need{flex:1;font-size:13px;font-weight:600}.project-done-tag{font-size:13px}.ext-dot{display:inline-block;width:11px;height:11px;border-radius:50%;border:1px solid rgba(91,74,58,.35);vertical-align:-1px}.mirror-row{margin-bottom:12px}.mirror-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);margin-bottom:6px}.wear-chip{border:2px solid var(--panel-border);background:var(--panel-soft);color:var(--ink);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600;font-family:var(--font);margin:0 6px 6px 0}.wear-chip:hover{background:#fff}.wear-chip.selected{background:var(--accent);border-color:var(--accent-deep);color:#fff}.hud-buff{background:linear-gradient(135deg,#ffe6b8,#f5c98a);border:2px solid #d8a35f;border-radius:999px;padding:5px 14px;font-size:12px;font-weight:700;color:#5c4020;box-shadow:var(--shadow-soft)}.hud-event{background:linear-gradient(135deg,#ffd9a0,#f2a8c4);border:2px solid #d98fb0;border-radius:999px;padding:5px 14px;font-size:12px;font-weight:800;color:#5c2f44;box-shadow:var(--shadow-soft)}.event-box{background:linear-gradient(160deg,rgba(255,217,160,.5),var(--panel-soft));border:2px solid rgba(217,143,176,.5);border-radius:14px;padding:14px 16px;margin-bottom:14px}.event-title{font-size:16px;font-weight:800;color:var(--ink)}.event-blurb{font-size:13px;color:var(--ink-soft);margin:4px 0 6px;line-height:1.45}.event-ends{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);margin-bottom:10px}.craft-unknown{opacity:.55;filter:grayscale(.6)}.craft-unknown .craft-name,.craft-unknown .shop-item{font-style:italic}.emote-wheel{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:34px;z-index:40;pointer-events:auto}.emote-ring{position:relative;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,#fff8ece6,#fff8ec8c);border:3px solid rgba(91,74,58,.18);box-shadow:var(--shadow-soft)}.emote-btn{position:absolute;transform:translate(-50%,-50%);width:62px;height:62px;border-radius:50%;border:2px solid rgba(91,74,58,.2);background:#fffdf6;font-size:26px;cursor:pointer;display:grid;place-items:center;transition:transform .12s ease,background .12s ease}.emote-btn:hover{transform:translate(-50%,-50%) scale(1.12);background:#fff4d8}.emote-label{position:absolute;bottom:-17px;font-size:10px;font-weight:700;color:var(--ink-soft);white-space:nowrap}.emote-hint{font-size:12px;font-weight:700;color:var(--ink-soft);background:#fff8ecd9;padding:6px 14px;border-radius:999px}.ui-root.photo-mode>*:not(.photo-hint){display:none!important}.photo-hint{position:fixed;bottom:24px;left:50%;transform:translate(-50%);font-size:12px;font-weight:700;color:var(--ink-soft);background:#fff8ecd1;padding:7px 16px;border-radius:999px;box-shadow:var(--shadow-soft);transition:opacity .4s ease}.letter-row{cursor:pointer}.letter-body{background:#fffdf6;border:2px solid rgba(91,74,58,.16);border-radius:12px;padding:14px 16px;margin:-2px 0 4px}.letter-text{white-space:pre-wrap;font-size:13px;line-height:1.55;color:var(--ink)}.letter-encl{display:flex;align-items:center;gap:10px;margin-top:12px;padding-top:10px;border-top:1px dashed rgba(91,74,58,.25)}.letter-encl .shop-item{flex:1;font-size:13px;font-weight:700}.hud-marks{background:linear-gradient(135deg,#b7e2a1,#8fc271);border:2px solid #6ea256;border-radius:999px;padding:5px 14px;font-size:12px;font-weight:800;color:#2f4a24;box-shadow:var(--shadow-soft)}.hud-deeds{background:linear-gradient(135deg,#fdf0c4,#f5dc94);border:2px solid #d8b74f;border-radius:999px;padding:5px 14px;font-size:12px;font-weight:700;color:#5c4a14;box-shadow:var(--shadow-soft)}.coll-row.deed-ready{border-color:#d8b74f;background:linear-gradient(135deg,rgba(253,240,196,.7),var(--panel-soft))}.hud-tourney{background:linear-gradient(135deg,#f7cf6b,#efa95c);border:2px solid #d8933f;border-radius:999px;padding:5px 14px;font-size:12px;font-weight:700;color:#5c3c14;box-shadow:var(--shadow-soft)}.hud-topright{position:absolute;top:16px;right:16px;display:flex;flex-direction:column;gap:8px;align-items:flex-end}.hud-request{max-width:280px;background:var(--panel);border:2px solid var(--panel-border);border-radius:var(--radius);padding:10px 14px}.hud-request .hud-quest-label{color:var(--ink-soft)}.hud-request-reward{font-size:12px;font-weight:700;color:var(--accent-deep);margin-top:2px}.hud-quest{max-width:280px;background:var(--panel);border:2px solid var(--panel-border);border-radius:var(--radius);padding:10px 16px;box-shadow:var(--shadow-soft)}.hud-quest-label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-deep);font-weight:700}.hud-quest-text{font-size:14px;font-weight:600;margin-top:2px}.hud-prompt{position:absolute;bottom:96px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;background:var(--panel);border:2px solid var(--panel-border);border-radius:999px;padding:8px 20px 8px 8px;font-size:15px;font-weight:600;box-shadow:var(--shadow);animation:float-in .2s ease}@keyframes float-in{0%{opacity:0;transform:translate(-50%) translateY(8px)}}.hud-prompt-key{background:var(--accent);color:#fff;border-radius:8px;min-width:30px;height:30px;padding:0 8px;display:grid;place-items:center;font-weight:800;white-space:nowrap}.hud-toasts{position:absolute;right:16px;top:90px;display:flex;flex-direction:column;gap:8px;align-items:flex-end}.toast{display:flex;align-items:center;gap:8px;background:var(--panel);border:2px solid var(--panel-border);border-radius:999px;padding:7px 16px;font-size:14px;font-weight:600;box-shadow:var(--shadow-soft);animation:toast-in .25s ease;transition:opacity .4s ease,transform .4s ease}.toast.fade{opacity:0;transform:translate(20px)}@keyframes toast-in{0%{opacity:0;transform:translate(24px)}}.hud-hint{position:absolute;top:22%;left:50%;transform:translate(-50%);background:#5b4a3ad1;color:#fff8ec;border-radius:999px;padding:9px 22px;font-size:15px;font-weight:600;animation:float-in .2s ease;white-space:nowrap}.hud-bite{position:absolute;top:30%;left:50%;transform:translate(-50%);font-size:64px;animation:bite-pulse .4s ease infinite alternate;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}@keyframes bite-pulse{0%{transform:translate(-50%) scale(1)}to{transform:translate(-50%) scale(1.25)}}.hud-minimap{position:absolute;bottom:14px;right:16px;width:148px;height:148px;border-radius:50%;border:3px solid var(--panel-border);box-shadow:var(--shadow);overflow:hidden;opacity:.92}.hud-minimap canvas{display:block}body.touch-mode .hud-minimap{right:130px;bottom:10px;width:110px;height:110px}body.touch-mode .hud-minimap canvas{width:104px!important;height:104px!important}.map-overlay{position:absolute;inset:0;background:#3c2d1e73;display:flex;align-items:center;justify-content:center;z-index:30}.map-panel{background:var(--panel);border:2px solid var(--panel-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 18px 12px;display:flex;flex-direction:column;gap:10px;align-items:center}.map-head{display:flex;align-items:center;justify-content:space-between;width:100%}.map-title{font-size:18px;font-weight:800}.map-big{border-radius:50%;max-width:min(78vw,78vh);max-height:min(78vw,78vh)}.map-footnote{font-size:12px;color:var(--ink-soft)}.hud-visiting{position:absolute;top:16px;left:50%;transform:translate(-50%);font-size:13px;font-weight:700;color:var(--ink);background:var(--panel);border:2px solid var(--accent);border-radius:99px;padding:6px 16px;white-space:nowrap}.hud-saved{position:absolute;bottom:14px;right:180px;font-size:12px;font-weight:600;color:var(--ink-soft);background:var(--panel);border:1px solid var(--panel-border);border-radius:999px;padding:4px 12px;opacity:.9}.hud-saved.bump{animation:bump .3s ease}.hud-conn{position:absolute;bottom:14px;right:180px;font-size:12px;font-weight:700;color:#fff;background:var(--danger);border-radius:999px;padding:5px 14px;box-shadow:var(--shadow-soft);animation:float-in .2s ease}.hud-fps{position:absolute;bottom:14px;left:16px;font-size:11px;color:var(--ink-soft);background:#fff8ecb3;border-radius:6px;padding:2px 8px}.fish-card{position:absolute;top:34%;left:50%;transform:translate(-50%);text-align:center;background:var(--panel);border:3px solid var(--accent);border-radius:20px;padding:18px 36px;box-shadow:var(--shadow);animation:card-pop .35s cubic-bezier(.34,1.56,.64,1)}@keyframes card-pop{0%{opacity:0;transform:translate(-50%) scale(.7)}}.fish-card-icon{font-size:44px}.fish-card-name{font-size:20px;font-weight:800;margin-top:4px}.fish-card-rarity{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.fish-card-size{font-size:13px;color:var(--ink-soft);margin-top:4px}.quest-banner{position:absolute;top:26%;left:50%;transform:translate(-50%);text-align:center;background:var(--panel);border:3px solid var(--teal);border-radius:24px;padding:24px 48px;box-shadow:var(--shadow);animation:card-pop .45s cubic-bezier(.34,1.56,.64,1);z-index:30}.quest-banner-star{font-size:44px}.quest-banner-text{font-size:20px;font-weight:800;margin-top:8px}.quest-banner-reward{font-size:15px;color:var(--accent-deep);font-weight:700;margin-top:6px}.dialogue{position:absolute;bottom:26px;left:50%;transform:translate(-50%);width:min(620px,calc(100vw - 40px));background:var(--panel);border:2px solid var(--panel-border);border-radius:20px;padding:18px 26px 22px;box-shadow:var(--shadow);pointer-events:auto;animation:float-in .25s ease}.dialogue-name{position:absolute;top:-14px;left:22px;background:var(--teal);color:#fff;border-radius:999px;padding:4px 16px;font-size:14px;font-weight:700;box-shadow:var(--shadow-soft)}.touch-ui{position:absolute;inset:0;pointer-events:none;z-index:40}.touch-stick{position:absolute;left:26px;bottom:30px;width:128px;height:128px;border-radius:50%;background:#fffcf42e;border:2px solid rgba(255,252,244,.35);pointer-events:auto;touch-action:none}.touch-knob{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:#fffcf4bf;box-shadow:0 3px 10px #3c281440}.touch-actions{position:absolute;right:26px;bottom:30px;display:flex;flex-direction:column;align-items:flex-end;gap:14px;pointer-events:auto}.touch-btn{width:64px;height:64px;border-radius:50%;border:2px solid rgba(255,252,244,.5);background:#fffcf4b3;font-size:24px;font-weight:800;color:#6b4a32;box-shadow:0 3px 10px #3c281440;touch-action:none}.touch-btn-act{width:78px;height:78px;background:var(--accent, #e0854a);color:#fff}.touch-btn-idle{opacity:.45}.touch-bar{position:absolute;top:12px;left:50%;transform:translate(-50%);display:flex;gap:10px;pointer-events:auto}.touch-chip{width:44px;height:44px;border-radius:12px;border:2px solid rgba(255,252,244,.5);background:#fffcf4b3;font-size:20px;box-shadow:0 2px 8px #3c281433;touch-action:none}.map-season{font-size:13px;font-weight:600;color:var(--ink-soft, #7a6a58);margin-left:auto;margin-right:10px}.pause-music-row{display:flex;align-items:center;gap:8px;margin:10px 0 4px;cursor:pointer;font-size:14px}.mirror-swatches{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.mirror-swatch{width:34px;height:34px;border-radius:10px;border:3px solid rgba(0,0,0,.12);cursor:pointer;transition:transform .12s ease}.mirror-swatch:hover{transform:scale(1.12)}.mirror-swatch.active{border-color:var(--teal, #3f8f85);box-shadow:0 0 0 2px #3f8f8559}.dialogue-hearts{position:absolute;top:-12px;right:22px;font-size:13px;letter-spacing:1px;background:var(--panel);border:2px solid var(--panel-border);border-radius:999px;padding:2px 10px;box-shadow:var(--shadow-soft)}.dialogue-hearts:empty{display:none}.dialogue-gift{position:absolute;top:-14px;right:130px;background:var(--panel);border:2px solid var(--panel-border);border-radius:999px;padding:3px 12px;font-size:12px;font-weight:700;color:var(--ink-soft);cursor:pointer;box-shadow:var(--shadow-soft);font-family:inherit}.dialogue-gift:hover{background:var(--teal);color:#fff}.dialogue-text{font-size:16px;line-height:1.55;min-height:50px;margin-top:6px}.dialogue-next{position:absolute;bottom:8px;right:16px;color:var(--accent-deep);animation:bob .8s ease infinite alternate;font-size:16px}@keyframes bob{0%{transform:translateY(0)}to{transform:translateY(4px)}}.panel-backdrop{position:absolute;inset:0;background:#3c302659;display:flex;align-items:center;justify-content:center;pointer-events:auto!important;animation:backdrop-in .15s ease}@keyframes backdrop-in{0%{opacity:0}}.panel{width:min(560px,calc(100vw - 32px));max-height:min(600px,calc(100vh - 60px));display:flex;flex-direction:column;background:var(--panel);border:2px solid var(--panel-border);border-radius:22px;box-shadow:var(--shadow);animation:panel-in .22s cubic-bezier(.34,1.4,.64,1);overflow:hidden}@keyframes panel-in{0%{opacity:0;transform:scale(.92) translateY(12px)}}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:16px 22px 12px;border-bottom:2px solid var(--panel-border)}.panel-title{font-size:19px;font-weight:800}.panel-close{border:none;background:var(--panel-soft);border-radius:8px;width:32px;height:32px;font-size:14px;color:var(--ink-soft)}.panel-close:hover{background:var(--panel-border)}.panel-body{padding:18px 22px;overflow-y:auto}.inv-wrap{display:flex;gap:18px}.inv-grid{display:grid;grid-template-columns:repeat(5,52px);gap:8px;align-content:start}.inv-slot{position:relative;width:52px;height:52px;border-radius:12px;border:2px solid var(--panel-border);background:var(--panel-soft);font-size:24px;display:grid;place-items:center;transition:transform .1s ease,border-color .1s ease}.inv-slot:hover{transform:scale(1.06)}.inv-slot.selected{border-color:var(--accent);background:#fff}.inv-count{position:absolute;bottom:1px;right:5px;font-size:11px;font-weight:800;color:var(--ink)}.inv-equipped{position:absolute;top:0;left:4px;font-size:11px;color:var(--accent-deep)}.inv-detail{flex:1;min-width:0;background:var(--panel-soft);border-radius:var(--radius);padding:14px 16px;display:flex;flex-direction:column;gap:6px;align-self:start}.inv-detail-empty{color:var(--ink-soft);font-size:13px}.inv-detail-name{font-size:17px;font-weight:800}.inv-detail-cat{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--teal);font-weight:700}.inv-detail-desc{font-size:13px;line-height:1.45}.inv-detail-sell{font-size:12px;color:var(--accent-deep);font-weight:600}.inv-note{font-size:11px;color:var(--ink-soft)}.inv-actions{display:flex;gap:8px;margin-top:6px}.craft-list{display:flex;flex-direction:column;gap:10px}.craft-row{display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--panel-soft);border-radius:var(--radius);padding:12px 16px}.craft-name{font-size:15px;font-weight:700}.craft-ing{display:flex;gap:10px;margin-top:4px}.craft-req{font-size:13px;font-weight:600;color:var(--danger);background:#fff;border-radius:8px;padding:2px 8px}.craft-req.ok{color:var(--teal)}.craft-btn{flex-shrink:0}.shop-tabs{display:flex;gap:8px;align-items:center;margin-bottom:14px}.shop-tab{border:2px solid var(--panel-border);background:var(--panel-soft);border-radius:999px;padding:6px 20px;font-size:14px;font-weight:700;color:var(--ink-soft)}.shop-tab.active{background:var(--accent);border-color:var(--accent-deep);color:#fff}.shop-wallet{margin-left:auto;font-size:15px;font-weight:800}.shop-list{display:flex;flex-direction:column;gap:8px}.shop-row{display:flex;align-items:center;gap:10px;background:var(--panel-soft);border-radius:var(--radius-sm);padding:9px 14px}.shop-item{flex:1;font-size:14px;font-weight:600}.shop-price{font-size:13px;font-weight:700;color:var(--accent-deep)}.shop-row .btn{padding:5px 12px;font-size:12px}.shop-empty{color:var(--ink-soft);font-size:14px;padding:12px;text-align:center}.coll-progress{font-size:12px;font-weight:700;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.08em;margin:8px 0}.museum-wings{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;padding:10px 12px;background:var(--panel-soft);border-radius:12px}.museum-wing{display:flex;align-items:center;gap:10px}.museum-wing-name{flex:0 0 96px;font-size:13px;font-weight:600}.museum-wing-bar{flex:1;height:8px;background:#5b4a3a24;border-radius:999px;overflow:hidden}.museum-wing-fill{height:100%;background:linear-gradient(90deg,#8fc271,#6fb0a0);border-radius:999px;transition:width .4s ease}.museum-wing-fill.complete{background:linear-gradient(90deg,#f0c060,#e8a33f)}.museum-wing-count{flex:0 0 44px;text-align:right;font-size:12px;font-weight:700;color:var(--ink-soft)}.coll-list{display:flex;flex-direction:column;gap:8px}.coll-row{display:flex;align-items:center;gap:12px;background:var(--panel-soft);border-radius:var(--radius-sm);padding:9px 14px}.coll-row.unknown{opacity:.65}.coll-icon{font-size:26px;width:34px;text-align:center}.coll-icon.silhouette{filter:grayscale(1);opacity:.5}.coll-info{flex:1;min-width:0}.coll-name{font-size:14px;font-weight:700}.coll-rarity{font-size:12px;font-weight:700}.coll-blurb{font-size:12px;color:var(--ink-soft)}.coll-stats{font-size:12px;font-weight:600;color:var(--accent-deep);margin-top:2px}.coll-time{font-size:14px;font-weight:700;color:var(--ink-soft);white-space:nowrap}.store-wrap{display:flex;gap:14px;align-items:flex-start}.store-col{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.store-col-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);margin-bottom:2px}.store-row{display:flex;align-items:center;gap:8px;background:var(--panel-soft);border-radius:var(--radius-sm);padding:7px 10px}.store-item{flex:1;font-size:13px;font-weight:600;min-width:0}.store-row .btn{padding:4px 10px;font-size:12px}.store-pickup{width:100%;margin-top:12px;padding:9px}.shop-rotate-note{font-size:12px;color:var(--accent-deep);font-weight:700;padding:2px 0 6px}.fish-card-time{font-size:12px;color:var(--ink-soft);font-weight:600;margin-top:2px}.pause-wrap{display:flex;flex-direction:column;gap:12px}.pause-label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);font-weight:700}.pause-volume{width:100%;accent-color:var(--accent)}.pause-btn{width:100%;padding:10px}.pause-danger{color:var(--danger)}.pause-account{font-size:12px;color:var(--ink-soft);text-align:center}.pause-account-box{display:flex;flex-direction:column;gap:8px;background:var(--panel-soft);border:1px solid var(--panel-border);border-radius:var(--radius-sm);padding:12px}.pause-form{display:flex;flex-direction:column;gap:8px}.pause-code-row{display:flex;align-items:center;gap:8px}.pause-code{font-family:Consolas,monospace;font-weight:700;font-size:15px;letter-spacing:.06em;color:var(--accent-deep);flex:1}.pause-code-copy{padding:3px 12px;font-size:12px}.pause-visit-form{flex-direction:row}.pause-visit-form .pause-input{flex:1;min-width:0}.pause-visit-form .btn{padding:8px 16px}.pause-input{font:inherit;font-size:14px;color:var(--ink);background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius-sm);padding:8px 12px;outline:none}.pause-input:focus{border-color:var(--accent)}.pause-form-btns{display:flex;gap:8px}.pause-form-btns .btn{flex:1;padding:8px}.pause-controls{margin-top:8px;display:flex;flex-direction:column;gap:6px}.pause-row{display:flex;gap:12px;font-size:13px;align-items:center}.pause-key{background:var(--panel-soft);border:1px solid var(--panel-border);border-radius:6px;padding:2px 10px;font-weight:700;font-size:12px;min-width:90px;text-align:center}.panel-backdrop,.panel-backdrop *,.dialogue,.dialogue *{pointer-events:auto}@media (max-width: 640px){.inv-wrap{flex-direction:column}.inv-grid{grid-template-columns:repeat(5,1fr)}.panel{max-height:calc(100vh - 24px)}.hud-quest{max-width:200px;font-size:12px}}.pause-toggle{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:13px;color:var(--ink);cursor:pointer}.pause-toggle input{accent-color:var(--accent);width:16px;height:16px;cursor:pointer}