:root{color:#16313a;--app-bg:#c8dfe7;--game-frame-bg:#dfe7ec;--sidebar-card-bg:#eef2f4;--panel-soft-bg:#dfecef;--panel-elevated-bg:#ffffffc7;--panel-elevated-border:#1f7a8c2e;--text-strong:#16313a;--text-body:#214650;--text-soft:#4c6168;--accent:#1f7a8c;--accent-strong:#214650;--accent-soft:#d9ecef;--accent-soft-hover:#cde4e8;--accent-selection:#8ec0cf;--button-idle:#6c8f99;--location-border:#b8ab97;--location-bg:#d7e8e6;--location-locked-bg:#d8d3ca;--location-locked-text:#7a7368;--preview-art-bg:linear-gradient(180deg, #ffffff8c, #ffffff2e);--preview-art-border:#1f7a8c24;--theme-glow:#1f7a8c24;--theme-shadow:#00000014;background:#c8dfe7;font-family:Arial,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{background:var(--app-bg);transition:background .25s,color .25s}body[data-area-theme=willow-lake]{--app-bg:#c8dfe7;--game-frame-bg:#dfe7ec;--sidebar-card-bg:#eef2f4;--panel-soft-bg:#dfecef;--panel-elevated-bg:#ffffffc7;--panel-elevated-border:#1f7a8c2e;--text-strong:#16313a;--text-body:#214650;--text-soft:#4c6168;--accent:#1f7a8c;--accent-strong:#214650;--accent-soft:#d9ecef;--accent-soft-hover:#cde4e8;--accent-selection:#8ec0cf;--button-idle:#6c8f99;--location-border:#b8ab97;--location-bg:#d7e8e6;--location-locked-bg:#d8d3ca;--location-locked-text:#7a7368;--preview-art-bg:linear-gradient(180deg, #d5edf4 0%, #9fcfe0 100%);--preview-art-border:#1f7a8c29;--theme-glow:#1f7a8c24}body[data-area-theme=mossy-pond]{--app-bg:#d5e1d0;--game-frame-bg:#e3ebdf;--sidebar-card-bg:#eef4ea;--panel-soft-bg:#dfe9d7;--panel-elevated-bg:#ffffffc2;--panel-elevated-border:#5a7a3933;--text-strong:#24331f;--text-body:#31472d;--text-soft:#5b6c55;--accent:#5c7f39;--accent-strong:#3f5d26;--accent-soft:#dce8c9;--accent-soft-hover:#d2e0bc;--accent-selection:#a8c67d;--button-idle:#7f9570;--location-border:#97a77f;--location-bg:#dbe8d0;--location-locked-bg:#d7d9cf;--location-locked-text:#76806f;--preview-art-bg:linear-gradient(180deg, #d9ebc4 0%, #92b16d 100%);--preview-art-border:#5c7f392e;--theme-glow:#5c7f3924}body[data-area-theme=cedar-river]{--app-bg:#d2dde5;--game-frame-bg:#e1e9ee;--sidebar-card-bg:#edf3f6;--panel-soft-bg:#d8e4ea;--panel-elevated-bg:#ffffffc7;--panel-elevated-border:#31637833;--text-strong:#182e38;--text-body:#294653;--text-soft:#5b7079;--accent:#316378;--accent-strong:#234655;--accent-soft:#d8e8ef;--accent-soft-hover:#cddfe7;--accent-selection:#8eb3c4;--button-idle:#738d9a;--location-border:#8ba1ad;--location-bg:#d7e5ea;--location-locked-bg:#d4d8db;--location-locked-text:#72797d;--preview-art-bg:linear-gradient(180deg, #d7ecf6 0%, #7aa8ba 100%);--preview-art-border:#3163782e;--theme-glow:#31637826}body[data-area-theme=misty-hollow]{--app-bg:#ddd8e7;--game-frame-bg:#e8e3f0;--sidebar-card-bg:#f3f0f8;--panel-soft-bg:#e2ddef;--panel-elevated-bg:#ffffffc2;--panel-elevated-border:#68508833;--text-strong:#2a2133;--text-body:#433552;--text-soft:#6e627c;--accent:#685088;--accent-strong:#4a3861;--accent-soft:#e0d8ef;--accent-soft-hover:#d6cce8;--accent-selection:#b59ccd;--button-idle:#8a7a9b;--location-border:#9c90b0;--location-bg:#e1d9ee;--location-locked-bg:#d8d3de;--location-locked-text:#7b7483;--preview-art-bg:linear-gradient(180deg, #e5ddf4 0%, #9f8cbf 100%);--preview-art-border:#68508833;--theme-glow:#68508826}.prototype-layout{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:28px;min-height:100vh;padding:24px;display:grid}.game-column{min-width:0}.game-frame{background:var(--game-frame-bg);box-shadow:0 10px 30px var(--theme-shadow);border-radius:32px;padding:26px;transition:background .25s,box-shadow .25s}#game-root{min-width:0}#game-root canvas{border-radius:28px;width:100%;height:auto;display:block}.sidebar-column{flex-direction:column;gap:18px;min-width:0;display:flex}.side-panel-host{width:100%}.sidebar-shell{flex-direction:column;gap:12px;display:flex}.sidebar-card{background:var(--sidebar-card-bg);box-shadow:0 10px 30px var(--theme-shadow);border-radius:28px;padding:28px;transition:background .25s,box-shadow .25s,border-color .25s}.locations-card h2{color:var(--text-strong);margin:0 0 18px;font-size:32px;line-height:1.1}.current-area-preview{background:var(--panel-soft-bg);border:1px solid var(--preview-art-border);border-radius:20px;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:14px;margin-bottom:22px;padding:16px 18px;display:grid;box-shadow:inset 0 0 0 1px #ffffff2e}.current-area-preview-copy{min-width:0}.current-area-preview-art,.shop-item-visual,.record-highlight-visual,.records-species-visual{background:var(--preview-art-bg);border:1px solid var(--preview-art-border);box-shadow:inset 0 1px 0 #ffffff47, 0 4px 14px var(--theme-glow);border-radius:16px;position:relative;overflow:hidden}.current-area-preview-art:before,.shop-item-visual:before,.record-highlight-visual:before,.records-species-visual:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff47,#0000 48%),linear-gradient(#0000 55%,#ffffff14);position:absolute;inset:0}.current-area-preview-art{width:92px;height:92px}.shop-item-visual{border-radius:14px;flex:0 0 52px;width:52px;height:52px}.record-highlight-visual,.records-species-visual{aspect-ratio:5/7;background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:16px;flex-shrink:0;width:96px}.record-highlight-visual.has-image,.records-species-visual.has-image{background-position:50%;background-repeat:no-repeat;background-size:contain}.current-area-preview-art-inner,.shop-item-visual-inner,.record-highlight-visual-inner,.records-species-visual-inner{text-align:center;color:#ffffffeb;text-shadow:0 1px 2px #00000038;place-items:center;width:100%;height:100%;padding:8px;font-size:11px;font-weight:800;line-height:1.15;display:grid}.current-area-name{color:var(--text-strong);margin-bottom:6px;font-size:20px;font-weight:700}.current-area-description{color:var(--text-soft);font-size:15px;line-height:1.5}.locations-list{flex-direction:column;gap:12px;display:flex}.location-button{text-align:left;border:2px solid var(--location-border);background:var(--location-bg);width:100%;color:var(--text-strong);cursor:pointer;border-radius:14px;padding:14px 16px;font-size:18px;font-weight:700;transition:transform .12s,background .12s,border-color .12s,box-shadow .12s}.location-button:hover{box-shadow:0 6px 18px var(--theme-glow);transform:translateY(-1px)}.location-button.selected{background:var(--accent-selection);border-color:var(--accent)}.location-button.locked{background:var(--location-locked-bg);color:var(--location-locked-text);cursor:help}.location-button.locked:hover{box-shadow:none;transform:none}.location-button-copy{justify-content:space-between;align-items:center;gap:12px;display:flex}.location-button-name{display:block}.location-button-status{letter-spacing:.04em;text-transform:uppercase;opacity:.82;font-size:12px;font-weight:800}.sidebar-tabs{gap:8px;display:flex}.sidebar-tab{background:var(--accent-soft);color:var(--text-body);cursor:pointer;border:none;border-radius:12px;flex:1;padding:10px 12px;font-weight:700;transition:transform .15s,background .15s,color .15s,box-shadow .15s}.sidebar-tab:hover{background:var(--accent-soft-hover);transform:translateY(-1px)}.sidebar-tab.selected{background:var(--accent);color:#fff;box-shadow:0 8px 18px var(--theme-glow)}.sidebar-metric-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.metric-card{border:1px solid var(--panel-elevated-border);background:#ffffffb3;border-radius:12px;padding:10px 12px;transition:background .25s,border-color .25s}.metric-label{color:var(--text-soft);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:12px;font-weight:700;display:block}.metric-value{color:var(--text-strong);font-size:18px;font-weight:800;display:block}.current-gear-card{border:1px solid var(--panel-elevated-border);color:var(--text-body);background:#ffffffb3;border-radius:12px;gap:8px;margin-bottom:16px;padding:12px;display:grid}.shop-section-tabs{gap:8px;margin-bottom:16px;display:flex}.shop-section-tab{background:var(--accent-soft);color:var(--text-body);cursor:pointer;border:none;border-radius:12px;flex:1;padding:10px 12px;font-weight:700;transition:transform .15s,background .15s,color .15s,box-shadow .15s}.shop-section-tab:hover{background:var(--accent-soft-hover);transform:translateY(-1px)}.shop-section-tab.selected{background:var(--accent);color:#fff;box-shadow:0 8px 18px var(--theme-glow)}.shop-section+.shop-section{margin-top:18px}.shop-section h3{color:var(--text-strong);margin:0 0 10px}.shop-items{gap:12px;display:grid}.shop-item{background:var(--panel-elevated-bg);border:1px solid var(--panel-elevated-border);border-radius:14px;padding:12px;transition:background .25s,border-color .25s,transform .15s}.shop-item:hover{transform:translateY(-1px)}.shop-item-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.shop-item-title-wrap{align-items:flex-start;gap:12px;min-width:0;display:flex}.shop-item-title{color:var(--text-strong);font-size:16px;font-weight:800}.shop-item-description{color:var(--text-soft);margin-top:4px;font-size:13px}.shop-price{white-space:nowrap;color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, white);border-radius:999px;padding:6px 10px;font-size:14px;font-weight:800}.shop-badges{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.shop-badge{background:var(--accent-soft);color:var(--text-body);border-radius:999px;align-items:center;padding:4px 8px;font-size:12px;font-weight:700;display:inline-flex}.shop-badge.equipped{background:var(--accent);color:#fff}.shop-stat-list{color:var(--text-body);gap:4px;margin:12px 0 0 18px;padding:0;display:grid}.shop-item-actions{margin-top:14px}.shop-button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:10px 12px;font-weight:800;transition:transform .15s,opacity .15s,background .15s,box-shadow .15s}.shop-button:hover:not(:disabled){box-shadow:0 8px 18px var(--theme-glow);transform:translateY(-1px)}.shop-button.secondary{background:var(--accent-strong)}.shop-button:disabled{opacity:.55;cursor:not-allowed}.records-modal-overlay{z-index:9999;background:#0c181e8c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.records-modal{background:var(--sidebar-card-bg);border-radius:28px;width:min(980px,100%);max-height:90vh;padding:24px;overflow:auto;box-shadow:0 20px 60px #00000038}.records-modal-content{min-width:0}.records-modal-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.records-modal-header h2{color:var(--text-strong);margin:0}.records-modal-header p{color:var(--text-soft);margin:6px 0 0}.records-close-button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:10px 14px;font-weight:800}.records-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}.records-section+.records-section{margin-top:20px}.records-section h3{color:var(--text-strong);margin:0 0 12px}.record-highlight-card,.records-species-card{background:var(--panel-elevated-bg);border:1px solid var(--panel-elevated-border);border-radius:16px;padding:14px}.record-highlight-header,.records-species-title-wrap{align-items:center;gap:12px;display:flex}.record-highlight-title{color:var(--text-strong);font-size:20px;font-weight:800}.record-highlight-meta,.records-species-meta,.records-species-best{color:var(--text-soft);margin-top:6px}.record-detail-list{color:var(--text-body);gap:6px;margin:12px 0 0 18px;padding:0;display:grid}.records-species-list{gap:12px;display:grid}.records-species-header{color:var(--text-strong);justify-content:space-between;gap:12px;display:flex}.empty-records{color:var(--text-soft)}.current-area-preview-art,.shop-item-visual{background-position:50%;background-repeat:no-repeat;background-size:cover}.current-area-preview-art.has-image:before,.shop-item-visual.has-image:before,.record-highlight-visual.has-image:before,.records-species-visual.has-image:before{background:linear-gradient(#0000 0%,#00000014 100%)}.records-quality-pill-row{flex-wrap:wrap;gap:8px;margin:12px 0 10px;display:flex}.records-quality-pill{border:2px solid #0000002e;border-radius:999px;justify-content:center;align-items:center;min-width:64px;padding:6px 10px;font-size:13px;font-weight:800;line-height:1;display:inline-flex;box-shadow:inset 0 1px #ffffff59}.records-quality-pill.bronze{color:#4e2c12;background:#d8b08c;border-color:#b27a49}.records-quality-pill.silver{color:#334155;background:#d8dee6;border-color:#9aa6b2}.records-quality-pill.gold{color:#5a4300;background:#efd67a;border-color:#c7a93a}.records-quality-pill.diamond{color:#0f3f5c;background:#9edcff;border-color:#57b8ea}.records-quality-pill.fabled{color:#6a3200;background:#ffbf66;border-color:#f08a00}.record-highlight-visual{aspect-ratio:5/7;width:78px}.records-species-visual{aspect-ratio:5/7;width:64px}.record-highlight-visual,.records-species-visual{box-shadow:none;background:50%/contain no-repeat;border:none;overflow:visible}.record-highlight-visual:before,.records-species-visual:before{display:none}.game-toolbar{justify-content:space-between;align-items:stretch;gap:16px;margin-top:16px;display:flex}.game-toolbar-below{margin-top:16px}.game-toolbar-hud{flex-wrap:wrap;flex:1;align-items:stretch;gap:12px;min-width:0;display:flex}.toolbar-last-catch{background:#ffffff6b;border:1px solid #ffffff73;border-radius:16px;flex:320px;align-items:center;gap:10px;min-width:0;max-width:none;min-height:60px;padding:10px 14px;display:flex}.toolbar-last-catch.is-empty{opacity:.82}.toolbar-last-catch-accent{border-radius:999px;flex:none;width:8px;height:34px}.toolbar-last-catch-icon-shell{background:#ffffff8c;border-radius:12px;flex:none;place-items:center;width:36px;height:36px;display:grid;overflow:hidden}.toolbar-last-catch-icon{object-fit:contain;width:26px;height:26px;image-rendering:pixelated}.toolbar-last-catch-copy{flex-direction:column;min-width:0;display:flex}.toolbar-last-catch-title{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.toolbar-last-catch-meta{opacity:.82;white-space:nowrap;font-size:.9rem}.catches-list{gap:12px;display:grid}.catch-history-item{background:#ffffff6b;border:1px solid #ffffff73;border-radius:16px;align-items:center;gap:10px;min-width:0;min-height:60px;padding:10px 14px;display:flex}.catch-history-accent{border-radius:999px;flex:none;width:8px;height:34px}.catch-history-icon-shell{background:#ffffff8c;border-radius:12px;flex:none;place-items:center;width:36px;height:36px;display:grid;overflow:hidden}.catch-history-icon{object-fit:contain;width:26px;height:26px;image-rendering:pixelated}.catch-history-copy{flex-direction:column;min-width:0;display:flex}.catch-history-title{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.catch-history-meta{opacity:.82;white-space:nowrap;font-size:.9rem}.toolbar-gear-pill{background:#ffffff80;border:1px solid #ffffff73;border-radius:16px;flex-direction:column;flex:0 260px;justify-content:center;gap:6px;min-width:0;min-height:60px;padding:10px 16px;display:flex}.toolbar-gear-line{align-items:baseline;gap:8px;min-width:0;display:flex}.toolbar-gear-label{color:var(--text-strong);flex:none;font-weight:800}.toolbar-gear-value{color:var(--text-body);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.toolbar-gold-pill{background:#ffffff80;border:1px solid #ffffff73;border-radius:999px;flex:none;justify-content:center;align-items:center;min-height:60px;padding:10px 16px;font-weight:700;display:flex}.toolbar-button{background:var(--accent-strong);color:#fff;cursor:pointer;border:none;border-radius:14px;min-height:60px;padding:12px 20px;font-size:18px;font-weight:800;transition:transform .15s,background .15s,box-shadow .15s}.toolbar-button:hover{box-shadow:0 8px 18px var(--theme-glow);transform:translateY(-1px)}@media (width>=1101px){html,body,#app{height:100%;overflow:hidden}.sidebar-tabs{z-index:20;background:linear-gradient(to bottom, var(--app-bg) 0%, var(--app-bg) 85%, #0000 100%);padding:0 0 12px;position:sticky;top:0}.prototype-layout{align-items:stretch;height:100vh;min-height:100vh;overflow:hidden}.game-column,.sidebar-column{min-height:0}.sidebar-column{height:100%;padding-right:6px;overflow:hidden auto}}@media (width<=1100px){html,body,#app{height:auto;overflow:auto}.prototype-layout{grid-template-columns:1fr;height:auto;min-height:100vh;overflow:visible}.game-column,.sidebar-column{min-height:auto}.sidebar-column{order:0;height:auto;padding-right:0;overflow:visible}}@media (width<=900px){.game-toolbar,.game-toolbar-hud{flex-direction:column;align-items:stretch}.toolbar-last-catch,.toolbar-gear-pill,.toolbar-gold-pill,.toolbar-button{width:100%}}@media (width<=720px){.prototype-layout{gap:18px;padding:16px}.game-frame,.sidebar-card,.records-modal{border-radius:22px}.game-frame{padding:18px}.sidebar-card{padding:20px}.current-area-preview{grid-template-columns:1fr}.current-area-preview-art{width:100%;height:120px}.shop-item-header{flex-direction:column}.records-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.records-species-header{flex-direction:column;align-items:flex-start}.toolbar-last-catch,.catch-history-item{min-height:72px;padding:14px 16px}.toolbar-last-catch-icon-shell,.catch-history-icon-shell{width:44px;height:44px}.toolbar-last-catch-icon,.catch-history-icon{width:32px;height:32px}.toolbar-gold-pill,.toolbar-button{min-height:72px;font-size:20px}}@media (width<=560px){.prototype-layout{gap:14px;padding:12px}.game-frame,.sidebar-card,.records-modal{border-radius:18px}.game-frame{padding:14px}.sidebar-card{padding:16px}.records-summary-grid,.sidebar-metric-grid{grid-template-columns:1fr}.toolbar-last-catch-title,.toolbar-last-catch-meta,.catch-history-title,.catch-history-meta{white-space:normal}.toolbar-last-catch,.catch-history-item{align-items:flex-start}.toolbar-gold-pill,.toolbar-button{min-height:76px;font-size:21px}}