:root{--map-tile-size: clamp(64px, 8vmin, 88px);--rarity-common: #cdd3c7;--rarity-uncommon: #61d27a;--rarity-rare: #b06cff}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#101610;color:#edf6e8}button,input{font:inherit}button{border:1px solid #5a7257;background:#1d2a1d;color:#f2ffe8;border-radius:8px;padding:.5rem .65rem;cursor:pointer}button:hover{background:#263826}button:disabled{opacity:.45;cursor:not-allowed}input{width:100%;background:#0d130d;color:#edf6e8;border:1px solid #5a7257;border-radius:8px;padding:.65rem;margin-top:.25rem}h1,h2,h3{margin:0 0 .65rem}h1{letter-spacing:.04em}label{display:block;margin:.8rem 0;color:#cfe0c8}.auth-shell,.game-shell{min-height:100vh;padding:1rem}.auth-shell{display:grid;place-items:center}.auth-card{width:min(440px,95vw)}.panel{background:#141f14f0;border:1px solid #344c34;border-radius:14px;padding:.85rem;box-shadow:0 10px 30px #00000040}.subpanel{padding:0;margin-bottom:.9rem}.tabs{display:flex;gap:.4rem;margin:.7rem 0}.tabs button{flex:1}.tabs .active,.primary{background:#3f6b35;border-color:#82a978}.compact-tabs{margin:0 0 .65rem;flex-wrap:wrap}.compact-tabs button{flex:0 1 auto}.muted{color:#a9bca3}.error{color:#ffb5aa}.banner{margin:.75rem 0}.hint{background:#26371f;border-radius:8px;padding:.6rem;color:#d7eecb}.topbar{display:grid;grid-template-columns:1fr auto;gap:.75rem;align-items:center}.status-strip{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .85rem;padding:.65rem .8rem;border:1px solid #344c34;background:#141f14;border-radius:12px}.status-strip span,.status-strip strong{white-space:nowrap}.cooldowns{color:#ffe6a6}.cooldowns.ready{color:#aee6a1}.game-layout{display:grid;grid-template-columns:minmax(420px,1.2fr) minmax(280px,.8fr) minmax(260px,340px);gap:.9rem;margin-top:.9rem;align-items:start}.left-play-column,.map-side-column,.side-stack-column{display:grid;gap:.9rem;align-content:start}.compact-panel{max-height:calc(100vh - 115px);overflow:auto}.centered-map{display:grid;justify-items:center;gap:.75rem}.tile-info-panel .map-info{width:100%}.grid{display:grid;gap:4px;padding:.55rem;background:#0b0f0b;border-radius:12px;width:max-content;max-width:100%;overflow:auto}.tile{position:relative;display:grid;place-items:center;width:var(--map-tile-size);height:var(--map-tile-size);min-width:var(--map-tile-size);overflow:hidden;border-radius:8px;border:1px solid rgba(255,255,255,.18);background-position:center;background-size:contain;background-repeat:no-repeat;font-size:1.05rem;color:#f2ffe8;font-weight:800;padding:0;text-shadow:0 1px 2px rgba(0,0,0,.75)}.tile-label{display:grid;place-items:center;min-width:1.7rem;height:1.7rem;padding:0 .35rem;border-radius:999px;background:#0d130d94;border:1px solid rgba(255,255,255,.18);color:#f2ffe8;line-height:1}.tile:disabled{opacity:1;cursor:default}.move-target{cursor:pointer;outline:2px solid rgba(255,255,255,.55)}.move-target:hover{filter:brightness(1.15)}.t-X{background:#242524;color:#6f756f}.t-F{background:#345f33}.t-G{background:#68a354}.t-Q,.t-C{background:#9b9280}.t-W,.t-P{background:#567aa8}.t-R{background:#a1845a}.t-T,.t-S,.t-I{background:#dfd16c}.t-M,.t-V,.t-B,.t-D{background:#1a1a1a;color:#f6f6f6}.t-A{background:#4f8a38}.t-E{background:#8f5b39}.t-H{background:#d88f4a;color:#101610}.t-dot{background:#627150;color:#101610}.player{outline:3px solid #fff}.player .tile-label{background:#f2ffe8;color:#101610;text-shadow:none}.has-enemy{outline-color:#ff6961}.map-info{width:min(100%,calc(var(--map-tile-size) * 5 + 2rem));padding:.75rem;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#111a11}.map-info p{margin:.45rem 0}.stat-row{display:flex;justify-content:space-between;gap:1rem;padding:.28rem 0;border-bottom:1px solid rgba(255,255,255,.08)}.compact-objective{margin-top:.65rem!important}.actions{display:flex;flex-direction:column;gap:.45rem;max-height:calc(100vh - 115px);overflow:auto}.actions h3{margin-top:.5rem}.enemy{display:grid;gap:.25rem;border-radius:10px;padding:.6rem;background:#182218;border:1px solid #536453}.enemy.green{border-color:#5ca55c}.enemy.yellow{border-color:#d8c15a}.enemy.boss,.enemy.red{border-color:#b45757}.list{min-height:80px}.list h2{font-size:1rem}.item-row,.equipment-row,.slot-row,.list div{padding:.38rem 0;border-bottom:1px solid rgba(255,255,255,.08)}.item-row{display:flex;justify-content:space-between;gap:.75rem;cursor:context-menu}.slot-row{display:grid;gap:.35rem}.empty-slot{color:#a9bca3;padding:.3rem .45rem;border-radius:8px;background:#111a11;border:1px dashed rgba(255,255,255,.14)}.compact-equipment{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:center;cursor:context-menu}.compact-equipment span{display:grid;gap:.1rem}.compact-equipment small{color:#a9bca3}.equipment-tabs{gap:.25rem}.equipment-tabs button{padding:.35rem .45rem}.mini-panel{display:grid;gap:.45rem;padding:.45rem 0}.comms-panel{margin-top:.9rem}.message-list{min-height:120px;max-height:220px;overflow:auto;padding:.65rem;border-radius:10px;background:#111a11;border:1px solid rgba(255,255,255,.08)}.message-list div{padding:.3rem 0;border-bottom:1px solid rgba(255,255,255,.06)}.chat-panel{display:grid;gap:.65rem}.chat-input-row{display:grid;grid-template-columns:1fr auto;gap:.5rem}.chat-input-row input{margin-top:0}.compact-bottom{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.layout.bottom{display:grid;gap:.9rem;margin-top:.9rem}.context-menu{position:fixed;z-index:50;display:grid;gap:.35rem;min-width:210px;padding:.6rem;border-radius:12px;background:#172417;border:1px solid #6f8b68;box-shadow:0 12px 30px #00000073}.context-menu strong{margin-bottom:.25rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;background:#0000009e;padding:1rem}.minigame-card{width:min(560px,96vw);display:grid;gap:.8rem}.timing-game,.quick-game,.fish-game{display:grid;gap:.65rem}.timing-bar{position:relative;height:48px;background:#0d130d;border:1px solid #5a7257;border-radius:10px;cursor:pointer;overflow:hidden}.target-zone{position:absolute;left:45%;width:10%;top:0;bottom:0;background:#ffffff38}.timing-marker{position:absolute;top:0;bottom:0;width:4px;transform:translate(-2px);background:#f2ffe8}.hold-game{position:relative;height:210px;border-radius:12px;background:#0d130d;border:1px solid #5a7257;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;padding:.75rem}.moving-circle{position:absolute;width:90px;height:90px;margin:-45px 0 0 -45px;border-radius:999px;border:3px solid #f2ffe8;background:#ffffff14}.fish-track{position:relative;height:260px;width:88px;margin:0 auto;border-radius:12px;background:#0d130d;border:1px solid #5a7257;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}.fish-target{position:absolute;left:18px;width:52px;height:24px;margin-top:-12px;border-radius:20px;background:#d7eecb}.catch-bar{position:absolute;left:8px;width:72px;height:62px;margin-top:-31px;border:2px solid #f2ffe8;border-radius:8px;background:#ffffff1a}.progress{height:14px;background:#0d130d;border:1px solid #5a7257;border-radius:999px;overflow:hidden}.progress span{display:block;height:100%;background:#d7eecb}@media(max-width:1150px){.game-layout{grid-template-columns:1fr}.compact-panel,.actions{max-height:none}.centered-map{justify-items:start}}@media(max-width:620px){:root{--map-tile-size: 54px}.auth-shell,.game-shell{padding:.65rem}.topbar{grid-template-columns:1fr}.status-strip{gap:.35rem .55rem}.tile{font-size:.9rem}.compact-equipment{grid-template-columns:1fr}}.tile.has-herb{box-shadow:0 0 0 2px var(--rarity-rare, #8e5cff),0 0 12px #8e5cff73}.tile.has-herb .tile-label{color:var(--rarity-rare, #c7a6ff);font-weight:800}.minigame-tips{margin:-.2rem 0 .4rem 1.2rem;color:#cfe0c8}.enchant-caster{display:grid;gap:.45rem;padding:.6rem;border:1px solid rgba(215,238,203,.18);border-radius:10px;background:#111a11}.enchant-caster pre{margin:0;text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#d7eecb;line-height:1.15;letter-spacing:.08em;text-shadow:0 0 8px rgba(215,238,203,.24);-webkit-user-select:none;user-select:none}.enchant-caster.casting pre{animation:enchantPulse .7s ease-in-out infinite alternate}.enchant-button{touch-action:none;-webkit-user-select:none;user-select:none}.enchant-progress{height:10px}@keyframes enchantPulse{0%{filter:brightness(1)}to{filter:brightness(1.45)}}.rich-status{gap:.5rem}.player-pill,.pill,.cooldown-pill{display:inline-flex;align-items:center;min-height:30px;padding:.25rem .55rem;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f}.gold-pill{border-color:#ffdc7859;color:#ffe6a6}.potion-pill{border-color:#a0d2ff4d}.skill-strip{color:#cfe0c8}.status-meter{position:relative;display:inline-grid;align-items:center;min-width:150px;height:30px;overflow:hidden;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#0d130d}.meter-copy{position:relative;z-index:2;padding:0 .65rem;font-weight:700}.meter-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#477a3c,#95d270);opacity:.86}.status-meter.danger .meter-fill{background:linear-gradient(90deg,#8f342d,#e86f61)}.action-button{display:grid;grid-template-columns:1.8rem 1fr;align-items:center;text-align:left;gap:.45rem}.action-icon{display:inline-grid;place-items:center;width:1.65rem;height:1.65rem;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.12);font-weight:800}.compact-equipment.rarity-common{border-left:3px solid var(--rarity-common);padding-left:.45rem}.compact-equipment.rarity-uncommon{border-left:3px solid var(--rarity-uncommon);padding-left:.45rem;box-shadow:inset 0 0 0 1px #61d27a24}.compact-equipment.rarity-rare{border-left:3px solid var(--rarity-rare);padding-left:.45rem;box-shadow:inset 0 0 0 1px #b06cff33,0 0 14px #b06cff1a}.tile.has-herb{box-shadow:0 0 0 2px var(--rarity-uncommon),0 0 12px #61d27a73}.tile.has-herb .tile-label{color:#d6ffd8;font-weight:900}.current-tier{display:inline-flex;align-items:center;border-radius:999px;padding:.2rem .5rem;background:#ffffff12}.check-row{align-items:center;display:flex;flex-direction:row;gap:.5rem}.check-row input{width:auto}.account-panel{position:fixed;right:1rem;top:4.5rem;width:min(36rem,calc(100vw - 2rem));max-height:calc(100vh - 6rem);overflow:auto;z-index:20}.panel-title-row,.device-row{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.device-row{border-top:1px solid var(--border);padding:.55rem 0}.device-row small{color:var(--muted);display:block;margin-top:.2rem}.pairing-box,.approval-card{border:1px solid var(--border);border-radius:.7rem;margin-top:.75rem;padding:.75rem}.pairing-box input{width:100%}.recovery-codes{max-height:12rem;overflow:auto;white-space:pre-wrap}.pairing-qr{background:#fff;border-radius:.4rem;display:block;margin:.75rem 0;max-width:220px;padding:.5rem}.topbar-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.intro-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:1rem;background:#000000d1}.intro-card{width:min(1040px,96vw);overflow:hidden;border:1px solid rgba(186,137,255,.34);border-radius:18px;background:#090b0d;box-shadow:0 24px 80px #000000a6,0 0 36px #9a5aff24}.intro-image-frame{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:#050607}.intro-image{width:100%;height:100%;display:block;object-fit:cover;animation:introStillDrift 8s ease-in-out both}.intro-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 48%,transparent 34%,rgba(0,0,0,.25) 62%,rgba(0,0,0,.78) 100%),linear-gradient(180deg,#00000040,#00000026 42%,#000000e0);pointer-events:none}.intro-copy{position:absolute;left:clamp(1rem,5vw,4rem);right:clamp(1rem,5vw,4rem);bottom:clamp(1.4rem,7vw,5.5rem);max-width:760px;animation:introCopyFade .72s ease-out both}.intro-kicker{display:inline-flex;margin-bottom:.65rem;padding:.25rem .55rem;border:1px solid rgba(216,190,255,.32);border-radius:999px;background:#100a199e;color:#d9c4ff;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.intro-copy p{margin:0;color:#f4efff;font-size:clamp(1.7rem,4.2vw,3.8rem);font-weight:800;line-height:1.04;letter-spacing:.01em;text-shadow:0 3px 22px rgba(0,0,0,.9)}.intro-controls{display:grid;gap:.75rem;padding:.85rem;background:linear-gradient(180deg,#0c0f11,#101610)}.intro-progress{display:grid;grid-template-columns:repeat(9,1fr);gap:.35rem}.intro-progress span{height:.35rem;overflow:hidden;border-radius:999px;background:#ffffff21}.intro-progress span i{display:block;width:0;height:100%;background:#c9a3ff}.intro-progress span.done i{width:100%}.intro-buttons{display:flex;flex-wrap:wrap;gap:.55rem;justify-content:flex-end}.intro-note{margin:0;text-align:right}@keyframes introCopyFade{0%{opacity:0;transform:translateY(12px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes introStillDrift{0%{transform:scale(1.02)}to{transform:scale(1.075)}}@media(max-width:620px){.topbar-actions{justify-content:stretch}.topbar-actions button{flex:1}.intro-copy{bottom:1.3rem}.intro-controls{padding:.65rem}.intro-buttons{justify-content:stretch}.intro-buttons button{flex:1}.intro-note{text-align:left}}.market-panel{gap:.7rem}.market-toolbar,.market-listing-form,.market-row,.chat-message-row,.chat-message-actions{display:flex;gap:.45rem}.market-toolbar,.market-listing-form{flex-direction:column}.market-row,.chat-message-row{align-items:center;justify-content:space-between}.market-row span,.chat-message-row span:first-child{min-width:0}.market-row small{display:block;opacity:.75}.market-section{display:grid;gap:.45rem}.market-scroll{max-height:18rem;overflow:auto;padding-right:.2rem}.chat-message-actions button{padding:.2rem .45rem;font-size:.75rem}.quest-row{padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.08)}.quest-row p{margin:.3rem 0 0;color:#cfe0c8}.side-stack-column .subpanel{margin-bottom:0}.map-panel .message-list{align-self:stretch;width:100%;max-height:180px}.tile-actions{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.08);max-height:calc(100vh - 275px)}.build-footer{display:flex;flex-wrap:wrap;gap:.4rem 1rem;justify-content:center;margin-top:.75rem;padding:.45rem .25rem 0;color:#a9bca3;font-size:.85rem}.two-column-game-layout{grid-template-columns:minmax(420px,1.25fr) minmax(320px,.75fr)}.triple-panel-row,.equipment-inventory-row{display:grid;gap:.9rem;margin-top:.9rem;align-items:start}.triple-panel-row{grid-template-columns:repeat(3,minmax(0,1fr))}.equipment-inventory-row{grid-template-columns:repeat(2,minmax(0,1fr))}.triple-panel-row .panel,.equipment-inventory-row .panel{min-width:0}.cooldown-notice{width:100%;margin:.75rem 0 0;padding:.55rem .65rem;border:1px solid rgba(255,230,166,.3);border-radius:10px;background:#ffe6a614;color:#ffe6a6;font-weight:700}.topbar-actions{display:grid;gap:.5rem;min-width:10rem}.topbar-actions button{width:100%}.equipment-summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.55rem;align-items:center;min-width:0}.equipment-icon{display:inline-grid;place-items:center;width:2rem;height:2rem;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:#ffffff12;font-weight:900}.equipment-copy{min-width:0}.equipment-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.equipment-value{color:#d7eecb;font-size:.86rem;white-space:nowrap}.context-menu-details{display:grid;gap:.35rem;max-width:min(420px,calc(100vw - 2rem));margin:.25rem 0 .45rem;padding:.55rem;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#0f170f}.context-menu-details p{margin:0;color:#cfe0c8;font-size:.88rem;line-height:1.35}@media(max-width:1150px){.two-column-game-layout,.triple-panel-row,.equipment-inventory-row{grid-template-columns:1fr}}@media(max-width:620px){.equipment-summary,.compact-equipment{grid-template-columns:1fr}.equipment-summary{gap:.3rem}.equipment-value{white-space:normal}}.compact-equipment .equipment-icon{display:inline-grid}.compact-equipment .equipment-summary,.compact-equipment .equipment-copy{display:grid}.compact-equipment .equipment-value{display:inline}.auth-shell{position:relative;overflow:hidden;isolation:isolate}.auth-shell:before,.auth-shell:after{content:"";top:0;right:0;bottom:0;left:0;position:absolute}.auth-shell:before{background:linear-gradient(180deg,#05080747,#0508079e),url(/auth/login-background.png) center center / cover no-repeat;transform:scale(1.03)}.auth-shell:after{background:radial-gradient(circle at center,#283e301a,#070a09b8 72%),linear-gradient(180deg,#080c0a4d,#080c0acc)}.auth-card-simple{position:relative;z-index:1;width:min(460px,94vw);padding:1.2rem;background:#0d140edb;border-color:#7ea37e6b;box-shadow:0 20px 60px #0000006b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.auth-header{display:grid;gap:.35rem;margin-bottom:.85rem}.auth-kicker{margin:0;color:#d2dfc5;font-size:.76rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.auth-subcopy,.auth-copy,.auth-footnote{margin:0}.auth-main-tabs{margin:0 0 1rem}.auth-main-tabs button{min-height:42px}.auth-section{display:grid;gap:.8rem}.auth-submit,.auth-secondary-button{width:100%}.auth-link-button{justify-self:start;border:0;padding:0;background:transparent;color:#d7eecb}.auth-link-button:hover{background:transparent;color:#f2ffe8;text-decoration:underline}.auth-hidden-file{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.auth-check-row{margin:0}.auth-shell .hint,.auth-shell .error{margin:0 0 .85rem}@media(max-width:620px){.auth-card-simple{padding:1rem}}