*{box-sizing:border-box}body{color:#eef7ee;background:#0b120d;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{color:#1c1506;cursor:pointer;background:#d8b44e;border:0;border-radius:12px;padding:10px 14px;font-weight:800}button:disabled{opacity:.45}.secondary{color:#eaf6ea!important;background:#263629!important}.landing{background:radial-gradient(circle at top,#438a4f47,#0000 42%),#0b120d;place-items:center;min-height:100vh;padding:24px;display:grid}.hero-card{text-align:center;background:#121f16f5;border:1px solid #dbffdc24;border-radius:24px;max-width:560px;padding:32px;box-shadow:0 20px 60px #0006}.hero-card h1{margin:0 0 12px;font-size:48px}.hero-card p,.muted,.small{color:#b9cbb9}.hero-card input{color:#fff;background:#0f1a12;border:1px solid #ffffff29;border-radius:14px;width:100%;margin:18px 0 12px;padding:14px 16px}.app{max-width:1600px;margin:0 auto;padding:16px}.topbar,.world-panel,.character-panel,.tabs-panel{background:#121f16f0;border:1px solid #dbffdc1f;border-radius:18px;box-shadow:0 14px 38px #00000047}.topbar{grid-template-columns:1fr 220px 220px auto;align-items:center;gap:14px;margin-bottom:14px;padding:14px 18px;display:grid}.topbar h1,.topbar p{margin:0}.top-actions{flex-wrap:wrap;gap:8px;display:flex}.rank-box b{display:block}.rank-box small{color:#c8d8c8;margin:3px 0 7px;display:block}.progress-track{background:#263629;border-radius:99px;height:10px;overflow:hidden}.rank-fill{background:linear-gradient(90deg,#6ba8ff,#ffe08a);height:100%}.level-fill{background:linear-gradient(90deg,#58d46d,#ffe08a);height:100%}.game-grid{grid-template-columns:1fr 330px;gap:14px;display:grid}.world-panel{min-height:600px;position:relative;overflow:hidden}#phaser-root canvas{object-fit:cover;display:block;width:100%!important;height:600px!important}.character-panel h2,.character-panel h3{margin:0 0 10px}.paper-doll{background:#ffffff09;border:1px solid #ffffff14;border-radius:16px;justify-items:center;gap:6px;margin-bottom:16px;padding:14px;display:grid}.mini-char{width:70px;height:90px;position:relative}.mini-char .head{background:#f0c39b;border:2px solid #3a271d;border-radius:50%;width:30px;height:30px;position:absolute;top:16px;left:20px}.mini-char .hat{background:#8b5e34;border-radius:6px 6px 2px 2px;width:42px;height:12px;position:absolute;top:6px;left:14px}.mini-char .body{background:#456bd9;border:2px solid #fff;border-radius:16px;width:38px;height:42px;position:absolute;top:46px;left:16px}.next-unlock{background:#d8b44e1a;border:1px solid #d8b44e59;border-radius:14px;gap:4px;margin-bottom:12px;padding:10px;display:grid}.equip-row{color:#d8ead8;border-bottom:1px solid #ffffff14;justify-content:space-between;padding:8px 0;display:flex}.assignment-mini{gap:8px;display:grid}.assignment-mini p{color:#b9cbb9;margin:0}.objective-req{background:#ffffff0b;border:1px solid #ffffff14;border-radius:10px;justify-content:space-between;padding:7px 9px;display:flex}.objective-req.done{color:#86ee91;border-color:#58d46d8c}.objective-req.locked,.locked{opacity:.5}.interaction-prompt{z-index:10;color:#ffe08a;background:#0a0f0beb;border:1px solid #d8b44e99;border-radius:14px;padding:10px 18px;font-weight:900;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.spawn-layer{pointer-events:none;position:absolute;inset:0}.spawn{pointer-events:auto;color:#fff;background:#070c08e6;border:1px solid #ffffff29;justify-items:center;gap:2px;min-width:138px;padding:10px 12px;animation:.16s ease-out pop;display:grid;position:absolute;transform:translate(-50%,-50%)}.spawn span{font-size:25px}.spawn small{color:#c8d8c8}.common{--rarity:#bfc7bf}.uncommon{--rarity:#58d46d}.rare{--rarity:#ffd76b}.spawn.common{border-color:#bfc7bf73}.spawn.uncommon{border-color:#58d46da6;box-shadow:0 0 14px #58d46d40}.spawn.rare{border-color:#ffd76bf2;box-shadow:0 0 22px #ffd76b73}.spawn.shared{z-index:5;background:radial-gradient(circle at top,#ffd76b61,#070c08f2);border-width:2px;outline:2px solid #ffd76bbf;min-width:180px;animation:.22s ease-out rareSpawnPop,.65s infinite alternate rarePulse}.tabs-panel{margin-top:14px;padding:14px}.big-tabs,.tabs{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.tab,.active-tab{border-radius:999px;padding:8px 12px;font-size:13px}.tab{color:#d7ead7;background:#263629}.active-tab{color:#1c1506;background:#d8b44e}.dropdown-button{margin-bottom:12px}.survey-list{gap:10px;display:grid}.survey-row{background:#ffffff09;border:1px solid #ffffff1a;border-radius:14px;justify-content:space-between;gap:12px;padding:12px;display:flex}.survey-row h3{margin:0 0 4px}.survey-row p{color:#b9cbb9;margin:0}.survey-row.locked{opacity:.5}.survey-row.completed{border-color:#58d46d80}.item-grid,.journal-list,.knowledge-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.item-card,.journal-chip,.knowledge-card{color:#fff;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:14px;justify-items:center;gap:5px;padding:13px;display:grid}.item-card{border-color:var(--rarity);color:var(--rarity)}.journal-chip span{font-size:24px}.journal-chip small{color:var(--rarity)}.journal-chip.unknown{opacity:.5}.journal-chip.discovered{border-color:var(--rarity)}.journal-summary{color:#d8b44e;margin-bottom:12px;font-weight:900}.journal-group{margin-bottom:18px}.journal-group h3{margin:0 0 10px}.knowledge-card{text-align:center}.log{color:#e8f6e8;border-bottom:1px solid #ffffff0f;padding:7px 0}.log.rare{color:#ffd76b;font-weight:800}.log.system{color:#9fc2ff}.rare-banner{z-index:30;color:#1b1305;text-align:center;letter-spacing:.5px;background:linear-gradient(135deg,#ffe08a,#c98f1c);border-radius:18px;padding:14px 28px;font-weight:950;animation:.25s ease-out bannerDrop,.75s infinite bannerShake;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 0 34px #ffd76bc7,0 20px 50px #00000059}.get-popup{z-index:50;text-align:center;border:2px solid var(--rarity);pointer-events:none;background:#0d160ff5;border-radius:22px;min-width:280px;padding:22px 26px;animation:1.3s ease-out forwards getPop;position:fixed;top:42%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 70px #00000080}.get-popup.miss{--rarity:#f77}.get-word{color:var(--rarity);margin-bottom:8px;font-size:44px;font-weight:1000;line-height:1}.modal-backdrop{z-index:40;background:#000000ad;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{text-align:center;background:#101c13;border:1px solid #ffffff24;border-radius:22px;width:min(560px,100%);padding:24px}.tutorial-modal,.journal-modal{text-align:left}.tutorial-modal h2{text-align:center}.tutorial-steps{gap:10px;font-weight:800;display:grid}.tutorial-goal{text-align:center;background:#d8b44e24;border:1px solid #d8b44e59;border-radius:14px;margin:16px 0;padding:12px;font-weight:800}.fact{color:#f0dca3!important}.rarity-label.common{color:#bfc7bf}.rarity-label.uncommon{color:#58d46d}.rarity-label.rare{color:#ffd76b}.timing-bar{background:#111912;border:1px solid #ffffff1f;border-radius:999px;height:36px;margin:24px 0 12px;position:relative;overflow:hidden}.zone{position:absolute;top:0;bottom:0}.good-zone{background:#58d46d5c}.excellent-zone{background:#58a0ff80}.perfect-zone{background:#ffd76bd1}.marker{background:#fff;width:5px;position:absolute;top:-2px;bottom:-2px;transform:translate(-50%);box-shadow:0 0 14px #ffffffe6}.smooth-marker{will-change:left;animation:1.25s linear infinite alternate markerSweep;left:0}.legend{color:#cfe0cf;flex-wrap:wrap;justify-content:center;gap:10px 14px;margin-bottom:16px;font-size:13px;display:flex}.legend-good{color:#58d46d}.legend-excellent{color:#58a0ff}.legend-perfect{color:#ffd76b}@keyframes markerSweep{0%{left:0%}to{left:100%}}@keyframes pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.8)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes rareSpawnPop{0%{opacity:0;transform:translate(-50%,-50%)scale(.65)rotate(-2deg)}to{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}}@keyframes rarePulse{0%{filter:brightness();box-shadow:0 0 16px #ffd76b8c}to{filter:brightness(1.45);box-shadow:0 0 42px #ffd76b}}@keyframes bannerDrop{0%{opacity:0;transform:translate(-50%,-30px)}to{opacity:1;transform:translate(-50%)}}@keyframes bannerShake{0%,to{transform:translate(-50%)rotate(0)}25%{transform:translate(calc(-50% - 1px))rotate(-.4deg)}75%{transform:translate(calc(1px - 50%))rotate(.4deg)}}@keyframes getPop{0%{opacity:0;transform:translate(-50%,-50%)scale(.72)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}70%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-68%)scale(.95)}}@media (width<=1100px){.topbar,.game-grid{grid-template-columns:1fr}.topbar{align-items:flex-start}.world-panel{min-height:520px}#phaser-root canvas{height:520px!important}.character-panel{order:-1}}.progress-page{grid-template-columns:1fr 1fr;gap:14px;display:grid}.progress-card,.skill-row{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:14px;padding:13px}.unlock-list{gap:7px;display:grid}.unlock-row{background:#ffffff0b;border-radius:10px;justify-content:space-between;padding:8px;display:flex}.unlock-row.unlocked{color:#86ee91}.skill-page{gap:10px;display:grid}.skill-points{background:#d8b44e1a;border:1px solid #d8b44e59;border-radius:14px;padding:12px}.skill-row{grid-template-columns:1fr auto;align-items:center;gap:10px;display:grid}.skill-row h3,.skill-row p{margin:0}@media (width<=1200px){.progress-page{grid-template-columns:1fr}}.world-panel{background:#121f16f0;justify-content:center;align-items:flex-start;display:flex;min-height:600px!important;overflow:auto!important}#phaser-root{flex:0 0 800px;position:relative;width:800px!important;min-width:800px!important;height:600px!important;min-height:600px!important}#phaser-root canvas{display:block;object-fit:contain!important;width:800px!important;min-width:800px!important;height:600px!important;min-height:600px!important}.spawn-layer{transform:translate(-50%);width:800px!important;height:600px!important;inset:0 auto auto 50%!important}@media (width<=1100px){.world-panel{overflow:auto!important}#phaser-root,#phaser-root canvas,.spawn-layer{width:800px!important;min-width:800px!important;height:600px!important;min-height:600px!important}}.character-panel{padding:12px}.paper-doll{margin-bottom:10px;padding:10px}.character-panel h2,.character-panel h3{margin-bottom:7px}.equip-row{padding:5px 0}.assignment-mini,.quest-mini{gap:6px}.objective-req{padding:6px 8px}.quest-reward{color:#ffe08a;background:#d8b44e1f;border:1px solid #d8b44e59;border-radius:10px;gap:3px;padding:8px;font-size:13px;display:grid}.skill-notice{color:#ffe08a;background:#ffd76b29;border:1px solid #ffd76bb3;border-radius:14px;gap:3px;margin-bottom:10px;padding:9px 10px;animation:1s infinite alternate skillPulse;display:grid}.skill-alert{animation:1s infinite alternate skillPulse;box-shadow:0 0 18px #ffd76bbf;color:#1b1305!important;background:#ffd76b!important}@keyframes skillPulse{0%{box-shadow:0 0 8px #ffd76b59}to{box-shadow:0 0 24px #ffd76bf2}}.skill-row p{color:#c8d8c8}.modal h2{letter-spacing:.02em}@media (width>=1201px){.character-panel{max-height:600px;overflow:auto}}.backpack-status{color:#dcecff;background:#6ba8ff1a;border:1px solid #6ba8ff59;border-radius:14px;gap:6px;margin-bottom:10px;padding:9px 10px;display:grid}.backpack-status.danger,.backpack-header.danger{color:#ffb3b3;background:#ff777724;border-color:#ff7777a6}.backpack-page{gap:12px;display:grid}.backpack-header{background:#6ba8ff1a;border:1px solid #6ba8ff59;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.backpack-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px;display:grid}.bag-slot{text-align:center;background:#ffffff0b;border:1px solid #ffffff1a;border-radius:12px;place-items:center;gap:3px;min-height:96px;padding:9px;display:grid}.bag-slot.empty{opacity:.55;background:#ffffff05;border-style:dashed}.bag-slot.common{border-color:#bfc7bf73}.bag-slot.uncommon{border-color:#58d46da6}.bag-slot.rare{border-color:#ffd76be6;box-shadow:0 0 14px #ffd76b33}.bag-slot span{font-size:22px}.bag-slot b{font-size:12px}.bag-slot small{color:#c8d8c8}.attr-page{gap:14px;display:grid}.attr-points{background:#d8b44e1f;border:1px solid #d8b44e59;border-radius:14px;padding:12px}.attr-grid,.pack-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.attr-card,.pack-card{text-align:center;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:14px;justify-items:center;gap:6px;padding:13px;display:grid}.attr-card h3,.pack-card h3{margin:0}.attr-card b{color:#ffe08a;font-size:26px}.attr-card small,.pack-card small,.pack-card p{color:#c8d8c8;margin:0}.pack-card.equipped{border-color:#ffd76bd9;box-shadow:0 0 18px #ffd76b38}.pack-section h3{margin-bottom:10px}.equip-note{color:#c8d8c8;background:#ffffff0a;border-radius:10px;margin:8px 0 10px;padding:8px;font-size:13px}.merchant-modal{text-align:left;width:min(920px,96vw);max-height:86vh;overflow:auto}.merchant-columns{grid-template-columns:1fr 1fr;gap:14px;margin-top:14px;display:grid}.merchant-row{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;gap:6px;margin-bottom:8px;padding:10px;display:grid}.merchant-row.common{border-color:#bfc7bf73}.merchant-row.uncommon{border-color:#58d46da6}.merchant-row.rare{border-color:#ffd76be6}.merchant-row div{flex-wrap:wrap;gap:8px;display:flex}.merchant-row small{color:#c8d8c8}.merchant-footer{justify-content:flex-end;gap:10px;margin-top:14px;display:flex}@media (width<=800px){.merchant-columns{grid-template-columns:1fr}}.keyboard-hint{color:#c8d8c8;margin:10px 0 0;font-size:13px}.quest-ready{color:#ffe08a;text-align:center;background:#ffd76b2e;border:1px solid #ffd76bbf;border-radius:14px;margin:8px 0 10px;padding:10px;font-weight:950;animation:.9s infinite alternate skillPulse}.effect-list{gap:4px;margin-bottom:8px;display:grid}.effect-list span{color:#dcecff;background:#58a0ff29;border:1px solid #58a0ff59;border-radius:999px;padding:5px 8px;font-size:12px}.shop-section{background:#d8b44e14;border:1px solid #d8b44e38;border-radius:16px;margin:14px 0;padding:12px}.shop-section h3{margin:0 0 10px}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:10px;margin-bottom:14px;display:grid}.shop-card{background:#ffffff0b;border:1px solid #ffffff1a;border-radius:14px;gap:6px;padding:11px;display:grid}.shop-card.equipped{border-color:#ffd76bcc;box-shadow:0 0 16px #ffd76b38}.shop-card p{color:#c8d8c8;margin:0;font-size:13px}.shop-card small{color:#ffe08a}.hover-help{cursor:help;border-bottom:1px dotted #ffe08aa6;position:relative}.hover-help:hover:after{content:attr(data-tip);z-index:9999;white-space:normal;color:#eef7ee;text-align:left;background:#090f0afa;border:1px solid #ffe08abf;border-radius:12px;width:max-content;max-width:280px;padding:10px 12px;font-size:13px;line-height:1.35;position:absolute;top:120%;left:0;box-shadow:0 12px 32px #0006}.beginner-hint{color:#dcecff;background:#58a0ff1f;border:1px solid #58a0ff52;border-radius:12px;margin:8px 0 10px;padding:8px 10px;font-size:13px}.afk-overlay{text-align:center;z-index:9;background:#0509069e;place-content:center;padding:24px;display:grid;position:absolute;inset:0}.afk-overlay h2{color:#ffe08a;margin:0 0 6px}.quest-ready{letter-spacing:.02em;font-size:15px}.contract-page,.collection-page{gap:12px;display:grid}.contract-card,.collection-card{background:#ffffff0b;border:1px solid #ffffff1a;border-radius:14px;grid-template-columns:1fr 190px;gap:12px;padding:13px;display:grid}.contract-card h3,.collection-card h3{margin:0 0 8px}.contract-card.locked{opacity:.5}.collection-card.completed{border-color:#ffd76bcc;box-shadow:0 0 16px #ffd76b38}.collection-items{flex-wrap:wrap;gap:6px;display:flex}.collection-items span{background:#ffffff0e;border:1px solid #ffffff1a;border-radius:999px;padding:5px 8px;font-size:12px}.collection-items .found{color:#86ee91;border-color:#58d46d73}.collection-items .missing{color:#c8d8c8;opacity:.75}@media (width<=800px){.contract-card,.collection-card{grid-template-columns:1fr}}