*{margin:0;padding:0;box-sizing:border-box}:root{--av-outfit: #4a6741;--av-outfit-dark: #3d5636;--av-outfit-mid: #3f5b37;--av-outfit-light: #5a7d4f;--av-outfit-brim: rgba(74,103,65,.7);--av-pocket-border: #2d4229;--av-skin: #f4c7a0;--av-skin-dark: #e0ad85;--av-skin-mid: #e8b890;--av-eyes: #2c1810;--av-mouth: #c4836a;--av-belt: #6b4226;--av-boots: #3b2814;--av-hair: #3b2314}[data-avatar=soldier]{--av-outfit: #4a6741;--av-outfit-dark: #3d5636;--av-outfit-mid: #3f5b37;--av-outfit-light: #5a7d4f;--av-outfit-brim: rgba(74,103,65,.7);--av-pocket-border: #2d4229;--av-belt: #6b4226;--av-boots: #3b2814}[data-avatar=explorer]{--av-outfit: #c4a265;--av-outfit-dark: #a8894f;--av-outfit-mid: #b39558;--av-outfit-light: #d4b87a;--av-outfit-brim: rgba(168,137,79,.7);--av-pocket-border: #8a6e3a;--av-belt: #5c3d1e;--av-boots: #4a2e14}[data-avatar=pirate]{--av-outfit: #8b2035;--av-outfit-dark: #6e1828;--av-outfit-mid: #7a1c2e;--av-outfit-light: #a83050;--av-outfit-brim: rgba(110,24,40,.8);--av-pocket-border: #5a1020;--av-belt: #2a2a2a;--av-boots: #1a1a1a}[data-avatar=astronaut]{--av-outfit: #d0d8e8;--av-outfit-dark: #a8b4c8;--av-outfit-mid: #bcc6d8;--av-outfit-light: #e8eef8;--av-outfit-brim: rgba(168,180,200,.7);--av-pocket-border: #8090a8;--av-belt: #5a6a80;--av-boots: #3a4858}[data-avatar=ninja]{--av-outfit: #2a2040;--av-outfit-dark: #1a1230;--av-outfit-mid: #221838;--av-outfit-light: #3a2e55;--av-outfit-brim: rgba(26,18,48,.8);--av-pocket-border: #140e25;--av-belt: #1a1a2e;--av-boots: #0f0a1e}[data-avatar=sporty]{--av-outfit: #1a75d2;--av-outfit-dark: #1260b0;--av-outfit-mid: #1668c0;--av-outfit-light: #2e8ae8;--av-outfit-brim: rgba(18,96,176,.7);--av-pocket-border: #0e4a8a;--av-belt: #e8a820;--av-boots: #222}[data-avatar=royal]{--av-outfit: #b8860b;--av-outfit-dark: #8b6508;--av-outfit-mid: #a07608;--av-outfit-light: #ffd700;--av-outfit-brim: rgba(184,134,11,.7);--av-pocket-border: #6b4e08;--av-belt: #ffd700;--av-boots: #2a1a08}[data-avatar=wizard]{--av-outfit: #5b2d9e;--av-outfit-dark: #3d1d6e;--av-outfit-mid: #4c2486;--av-outfit-light: #7b4cc4;--av-outfit-brim: rgba(91,45,158,.7);--av-pocket-border: #2a1050;--av-belt: #ffd700;--av-boots: #1a0a30}[data-avatar=chef]{--av-outfit: #f2f2f2;--av-outfit-dark: #c8c8c8;--av-outfit-mid: #ddd;--av-outfit-light: #fff;--av-outfit-brim: rgba(200,200,200,.7);--av-pocket-border: #aaa;--av-belt: #c0392b;--av-boots: #333}[data-avatar=farmer]{--av-outfit: #6b8e23;--av-outfit-dark: #4e6a18;--av-outfit-mid: #5c7c1e;--av-outfit-light: #8fbc3a;--av-outfit-brim: rgba(107,142,35,.7);--av-pocket-border: #3d5510;--av-belt: #8b5a2b;--av-boots: #5c3a1e}[data-avatar=scientist]{--av-outfit: #eceff4;--av-outfit-dark: #b8c0cc;--av-outfit-mid: #d0d6e0;--av-outfit-light: #fff;--av-outfit-brim: rgba(184,192,204,.7);--av-pocket-border: #8a96a8;--av-belt: #4a90d9;--av-boots: #3a4858}[data-avatar=superhero]{--av-outfit: #c0392b;--av-outfit-dark: #8e2419;--av-outfit-mid: #a93226;--av-outfit-light: #e74c3c;--av-outfit-brim: rgba(192,57,43,.7);--av-pocket-border: #6e160f;--av-belt: #f1c40f;--av-boots: #1a1a1a}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#0f0c29;color:#fff;height:100vh;display:flex;flex-direction:column;overflow:hidden}.top-bar{display:flex;align-items:center;gap:1rem;padding:.6rem 1.2rem;background:#ffffff0f;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.top-bar h1{font-size:1.3rem;text-shadow:0 2px 6px rgba(0,0,0,.4);white-space:nowrap}.hud{display:flex;gap:1.2rem;font-size:.95rem;margin-left:auto}.hud span{opacity:.85}.hud strong{color:#ffd166}.game-layout{display:flex;flex:1;overflow:hidden;position:relative}.side-panel{width:280px;min-width:240px;padding:1rem;display:flex;flex-direction:column;gap:.8rem;background:#ffffff0a;border-right:1px solid rgba(255,255,255,.08);flex-shrink:0;overflow-y:auto}.soldier-area{display:flex;align-items:flex-end;justify-content:center;position:relative;height:120px}.soldier-wrapper{perspective:400px;width:60px;height:110px;position:relative}.soldier{width:100%;height:100%;position:relative;transform-style:preserve-3d;transform:rotateX(-5deg) rotateY(-20deg)}.soldier.idle{animation:soldierIdle 2.5s ease-in-out infinite}@keyframes soldierIdle{0%,to{transform:rotateX(-5deg) rotateY(-20deg) translateY(0)}50%{transform:rotateX(-5deg) rotateY(-20deg) translateY(-3px)}}.soldier.celebrate{animation:soldierCelebrate .6s ease-in-out}@keyframes soldierCelebrate{0%{transform:rotateX(-5deg) rotateY(-20deg) translateY(0) scale(1)}30%{transform:rotateX(-5deg) rotateY(0) translateY(-18px) scale(1.1)}70%{transform:rotateX(-5deg) rotateY(360deg) translateY(-10px) scale(1.05)}to{transform:rotateX(-5deg) rotateY(-20deg) translateY(0) scale(1)}}.soldier.sad{animation:soldierSad .6s ease-in-out}@keyframes soldierSad{0%{transform:rotateX(-5deg) rotateY(-20deg) translateY(0)}30%{transform:rotateX(15deg) rotateY(-20deg) translateY(5px)}to{transform:rotateX(-5deg) rotateY(-20deg) translateY(0)}}.cube-face{position:absolute;backface-visibility:hidden}.head{position:absolute;width:24px;height:22px;top:6px;left:18px;transform-style:preserve-3d}.head .front{width:24px;height:22px;background:var(--av-skin);transform:translateZ(12px);border-radius:4px 4px 2px 2px}.head .back{width:24px;height:22px;background:var(--av-skin-dark);transform:translateZ(-12px) rotateY(180deg);border-radius:4px 4px 2px 2px}.head .left{width:24px;height:22px;background:var(--av-skin-mid);transform:rotateY(-90deg) translateZ(12px);left:-12px}.head .right{width:24px;height:22px;background:var(--av-skin-mid);transform:rotateY(90deg) translateZ(12px);left:12px}.head .top{display:none}.head .front:before{content:"";position:absolute;top:7px;left:4px;width:4px;height:4px;background:var(--av-eyes);border-radius:50%;box-shadow:12px 0 0 var(--av-eyes)}.head .front:after{content:"";position:absolute;bottom:5px;left:8px;width:8px;height:2px;background:var(--av-mouth);border-radius:1px}.hair{position:absolute;top:0;left:18px;width:24px;height:0;transform-style:preserve-3d;pointer-events:none;display:none}[data-hair=buzz] .hair{display:block;height:5px}[data-hair=buzz] .hair:before{content:"";position:absolute;top:0;left:0;width:24px;height:5px;background:var(--av-hair);border-radius:4px 4px 0 0;transform:translateZ(12px)}[data-hair=buzz] .hair:after{content:"";position:absolute;top:-2px;left:-1px;width:26px;height:4px;background:var(--av-hair);border-radius:4px;transform:rotateX(90deg) translateZ(2px)}[data-hair=spiky] .hair{display:block;height:14px}[data-hair=spiky] .hair:before{content:"";position:absolute;top:0;left:2px;width:5px;height:14px;background:var(--av-hair);border-radius:2px 2px 0 0;transform:translateZ(12px) rotate(-8deg);box-shadow:7px 2px 0 var(--av-hair),14px 1px 0 var(--av-hair)}[data-hair=spiky] .hair:after{content:"";position:absolute;top:-3px;left:-1px;width:26px;height:5px;background:var(--av-hair);border-radius:4px;transform:rotateX(90deg) translateZ(2px)}[data-hair=long] .hair{display:block;height:8px}[data-hair=long] .hair:before{content:"";position:absolute;top:0;left:-3px;width:30px;height:8px;background:var(--av-hair);border-radius:6px 6px 0 0;transform:translateZ(13px)}[data-hair=long] .hair:after{content:"";position:absolute;top:-3px;left:-3px;width:30px;height:5px;background:var(--av-hair);border-radius:6px;transform:rotateX(90deg) translateZ(3px)}[data-hair=long] .head .back:before{content:"";position:absolute;top:-2px;left:-3px;width:30px;height:24px;background:var(--av-hair);border-radius:0 0 4px 4px}[data-hair=mohawk] .hair{display:block;height:18px}[data-hair=mohawk] .hair:before{content:"";position:absolute;top:-4px;left:8px;width:8px;height:18px;background:var(--av-hair);border-radius:4px 4px 0 0;transform:translateZ(12px)}[data-hair=mohawk] .hair:after{content:"";position:absolute;top:-6px;left:8px;width:8px;height:8px;background:var(--av-hair);border-radius:4px;transform:rotateX(90deg) translateZ(4px)}[data-hair=curly] .hair{display:block;height:8px}[data-hair=curly] .hair:before{content:"";position:absolute;top:0;left:-2px;width:28px;height:8px;background:var(--av-hair);border-radius:50% 50% 0 0;transform:translateZ(13px)}[data-hair=curly] .hair:after{content:"";position:absolute;top:-4px;left:-2px;width:28px;height:6px;background:var(--av-hair);border-radius:50%;transform:rotateX(90deg) translateZ(3px)}[data-hair=curly] .head .left:before{content:"";position:absolute;top:-2px;left:0;width:6px;height:14px;background:var(--av-hair);border-radius:50%}[data-hair=curly] .head .right:before{content:"";position:absolute;top:-2px;right:0;width:6px;height:14px;background:var(--av-hair);border-radius:50%}[data-hair=ponytail] .hair{display:block;height:8px}[data-hair=ponytail] .hair:before{content:"";position:absolute;top:0;left:-1px;width:26px;height:8px;background:var(--av-hair);border-radius:8px 8px 0 0;transform:translateZ(13px)}[data-hair=ponytail] .hair:after{content:"";position:absolute;top:10px;left:18px;width:7px;height:18px;background:var(--av-hair);border-radius:4px;transform:translateZ(-12px)}[data-hair=bun] .hair{display:block;height:12px}[data-hair=bun] .hair:before{content:"";position:absolute;top:-8px;left:6px;width:12px;height:12px;background:var(--av-hair);border-radius:50%;transform:translateZ(12px)}[data-hair=bun] .hair:after{content:"";position:absolute;top:0;left:0;width:24px;height:6px;background:var(--av-hair);border-radius:6px 6px 0 0;transform:translateZ(12px)}[data-hair=afro] .hair{display:block;height:16px}[data-hair=afro] .hair:before{content:"";position:absolute;top:-8px;left:-6px;width:36px;height:22px;background:var(--av-hair);border-radius:50%;transform:translateZ(12px)}[data-hair=afro] .hair:after{content:"";position:absolute;top:-4px;left:-6px;width:36px;height:10px;background:var(--av-hair);border-radius:50%;transform:rotateX(90deg) translateZ(4px)}[data-hair=bangs] .hair{display:block;height:10px}[data-hair=bangs] .hair:before{content:"";position:absolute;top:2px;left:1px;width:22px;height:8px;background:var(--av-hair);border-radius:0 0 8px 8px;transform:translateZ(13px)}[data-hair=bangs] .hair:after{content:"";position:absolute;top:-2px;left:-1px;width:26px;height:6px;background:var(--av-hair);border-radius:6px;transform:rotateX(90deg) translateZ(2px)}.hat,.cape{position:absolute;pointer-events:none;transform-style:preserve-3d}[data-hat=cap] .hat{display:block;top:-2px;left:16px;width:28px;height:10px;background:#e74c3c;border-radius:8px 8px 2px 2px;transform:translateZ(14px);box-shadow:10px 6px 0 -2px #c0392b}[data-hat=crown] .hat{display:block;top:-8px;left:16px;width:28px;height:12px;background:gold;clip-path:polygon(0 100%,0 40%,15% 70%,35% 10%,50% 60%,65% 10%,85% 70%,100% 40%,100% 100%);transform:translateZ(14px)}[data-hat=helmet] .hat{display:block;top:-4px;left:14px;width:32px;height:16px;background:#7f8c8d;border-radius:16px 16px 4px 4px;transform:translateZ(14px)}[data-hat=wizard] .hat{display:block;top:-22px;left:20px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:28px solid #5b2d9e;transform:translateZ(14px)}[data-hat=bandana] .hat{display:block;top:4px;left:16px;width:28px;height:8px;background:#e74c3c;border-radius:2px;transform:translateZ(14px)}[data-hat=helmet] .hair,[data-hat=crown] .hair{opacity:0}[data-avatar=superhero] .cape{display:block;top:28px;left:10px;width:40px;height:36px;background:#1a2744;border-radius:0 0 12px 12px;transform:translateZ(-12px) rotateX(8deg);opacity:.9}[data-avatar=wizard] .cape{display:block;top:26px;left:8px;width:44px;height:40px;background:#3d1d6e;border-radius:0 0 14px 14px;transform:translateZ(-12px);opacity:.85}[data-avatar=scientist] .head .front{box-shadow:inset 0 6px #28282859}.torso{position:absolute;width:28px;height:28px;top:28px;left:16px;transform-style:preserve-3d}.torso .front{width:28px;height:28px;background:var(--av-outfit);transform:translateZ(10px)}.torso .back{width:28px;height:28px;background:var(--av-outfit-dark);transform:translateZ(-10px) rotateY(180deg)}.torso .left{width:20px;height:28px;background:var(--av-outfit-mid);transform:rotateY(-90deg) translateZ(10px);left:-6px}.torso .right{width:20px;height:28px;background:var(--av-outfit-mid);transform:rotateY(90deg) translateZ(10px);left:18px}.torso .top{display:none}.torso .front:after{content:"";position:absolute;bottom:2px;left:0;width:28px;height:5px;background:var(--av-belt)}.torso .front:before{content:"";position:absolute;top:4px;left:3px;width:8px;height:6px;background:var(--av-outfit-mid);border:1px solid var(--av-pocket-border);box-shadow:14px 0 0 var(--av-outfit-mid)}.arm-left,.arm-right{position:absolute;width:10px;height:26px;top:30px;transform-style:preserve-3d}.arm-left{left:7px}.arm-right{left:43px}.arm-left .front,.arm-right .front{width:10px;height:26px;background:var(--av-outfit);transform:translateZ(5px);border-radius:0 0 3px 3px}.arm-left .back,.arm-right .back{width:10px;height:26px;background:var(--av-outfit-dark);transform:translateZ(-5px) rotateY(180deg);border-radius:0 0 3px 3px}.arm-left .front:after,.arm-right .front:after{content:"";position:absolute;bottom:0;left:1px;width:8px;height:6px;background:var(--av-skin);border-radius:0 0 3px 3px}.leg-left,.leg-right{position:absolute;width:12px;height:24px;top:56px;transform-style:preserve-3d}.leg-left{left:16px}.leg-right{left:32px}.leg-left .front,.leg-right .front{width:12px;height:24px;background:var(--av-outfit);transform:translateZ(6px)}.leg-left .back,.leg-right .back{width:12px;height:24px;background:var(--av-outfit-dark);transform:translateZ(-6px) rotateY(180deg)}.leg-left .front:after,.leg-right .front:after{content:"";position:absolute;bottom:0;left:-1px;width:14px;height:7px;background:var(--av-boots);border-radius:0 0 2px 2px}.soldier-shadow{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:40px;height:8px;background:radial-gradient(ellipse,rgba(0,0,0,.35),transparent);border-radius:50%}.speech-bubble{position:absolute;top:5px;left:70px;background:#fffffff2;color:#1a1a2e;padding:4px 8px;border-radius:8px;font-size:.65rem;font-weight:700;white-space:nowrap;opacity:0;transform:translateY(5px) scale(.8);transition:all .3s ease;pointer-events:none;box-shadow:0 2px 8px #0003}.speech-bubble:before{content:"";position:absolute;left:-6px;top:50%;transform:translateY(-50%);border:6px solid transparent;border-right-color:#fffffff2}.speech-bubble.show{opacity:1;transform:translateY(0) scale(1)}.feedback{font-size:.9rem;font-weight:600;min-height:1.4rem;text-align:center}.action-btn{padding:.65rem 1.5rem;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:none;width:100%;text-decoration:none;text-align:center;box-sizing:border-box}.action-btn.show{display:block}#restartBtn{background:#06d6a0;color:#1a1a2e}#restartBtn:hover{background:#05c795}#giveUpBtn{background:#ef476f;color:#fff}#giveUpBtn:hover{background:#d93a5e}.type-answer{position:relative}.type-label{text-transform:uppercase;font-size:.6rem;letter-spacing:1.5px;opacity:.4;margin-bottom:.4rem;text-align:center}.input-wrapper{display:flex;gap:.4rem}#countryInput{flex:1;padding:.65rem .8rem;border:2px solid rgba(255,255,255,.15);border-radius:10px;background:#ffffff14;color:#fff;font-size:.95rem;font-family:inherit;outline:none;transition:border-color .2s}#countryInput:focus{border-color:#ffd166}#countryInput::placeholder{color:#ffffff4d}#countryInput:disabled{opacity:.4;cursor:default}#submitBtn{padding:.65rem 1rem;border:none;border-radius:10px;background:#ffd166;color:#1a1a2e;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap}#submitBtn:hover{background:#ffc233}#submitBtn:disabled{opacity:.4;cursor:default}.suggestions{position:absolute;top:100%;left:0;right:0;background:#1e1b3a;border:1px solid rgba(255,255,255,.12);border-radius:0 0 10px 10px;max-height:160px;overflow-y:auto;z-index:50;display:none}.suggestions.show{display:block}.suggestion-item{padding:.5rem .8rem;cursor:pointer;font-size:.85rem;transition:background .15s;border-bottom:1px solid rgba(255,255,255,.05)}.suggestion-item:hover,.suggestion-item.active{background:#ffd16626;color:#ffd166}.suggestion-item:last-child{border-bottom:none}.progress-section{text-align:center}.progress-text{font-size:.8rem;opacity:.6;margin-bottom:.4rem}.progress-bar{width:100%;height:10px;background:#ffffff1a;border-radius:5px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#06d6a0,#ffd166);border-radius:5px;transition:width .4s ease;width:0%}.found-list{flex:1;overflow-y:auto;max-height:200px;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:.5rem}.found-item{font-size:.75rem;padding:.2rem .4rem;opacity:.7;display:inline-block;margin:.1rem;background:#06d6a01f;border-radius:4px;color:#06d6a0}.controls-hint{font-size:.7rem;opacity:.35;text-align:center;line-height:1.4}.map-area{flex:1;position:relative;overflow:hidden;cursor:grab;background:radial-gradient(ellipse at center,#1a2744,#0f0c29)}#mapContainer{width:100%;height:100%;position:relative}#worldMap{width:100%;height:100%;transform-origin:0 0;will-change:transform}.country path{fill:#2a3f5f;stroke:#0f0c29;stroke-width:.5;cursor:pointer}.country:hover path{fill:#4a6a9f}.country.small-island path{fill:#3a5a8f;stroke:#ffffff40;stroke-width:.8}.country.small-island:hover path{fill:#6a9adf;filter:drop-shadow(0 0 4px rgba(106,154,223,.6))}.country.found path{fill:#06d6a0!important;stroke:#ffffff4d;stroke-width:.5}.country.found-flash path{fill:#06d6a0!important;stroke:#fff;stroke-width:1;filter:drop-shadow(0 0 10px rgba(6,214,160,.7))}.country.already-found path{fill:#ffd166!important;filter:drop-shadow(0 0 6px rgba(255,209,102,.5))}.zoom-controls{position:absolute;bottom:1rem;right:1rem;display:flex;flex-direction:column;gap:.3rem}.zoom-btn{width:36px;height:36px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#0f0c29cc;color:#fff;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.zoom-btn:hover{background:#2a3f5fe6}.country-label{position:absolute;background:#06d6a0e6;color:#1a1a2e;padding:2px 6px;border-radius:4px;font-size:.6rem;font-weight:700;pointer-events:none;transform:translate(-50%,-100%);white-space:nowrap;z-index:10;opacity:0;animation:labelPop .3s ease forwards}@keyframes labelPop{0%{opacity:0;transform:translate(-50%,-90%) scale(.7)}to{opacity:1;transform:translate(-50%,-100%) scale(1)}}.game-over{display:none;position:absolute;top:0;right:0;bottom:0;left:0;background:#0f0c29eb;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;z-index:200}.game-over.show{display:flex}.game-over .score-final{font-size:3rem;font-weight:700;color:#ffd166}.game-over .message{font-size:1.2rem;opacity:.8;white-space:pre-line;text-align:center}.game-over .action-btn{width:auto;display:inline-block}.all-countries-section{max-width:700px;width:90vw}.all-countries-title{font-size:.8rem;opacity:.6;margin-bottom:.5rem;text-align:center}.all-countries-list{max-height:280px;overflow-y:auto;display:flex;flex-wrap:wrap;gap:.3rem;justify-content:center;padding:.6rem;background:#ffffff0d;border-radius:10px}.all-item{font-size:.72rem;padding:.25rem .5rem;border-radius:4px;white-space:nowrap}.all-item.found{background:#06d6a026;color:#06d6a0}.all-item.missed{background:#ef476f26;color:#ef476f}.country.missed path{fill:#ef476f!important;opacity:.5;stroke:#fff3;stroke-width:.5}.country.off-level path{opacity:.18;pointer-events:none}.country.off-level:hover path{opacity:.18}.map-label{font-size:5px;font-family:Segoe UI,sans-serif;font-weight:700;text-anchor:middle;dominant-baseline:central;pointer-events:none;paint-order:stroke;stroke-width:.8px}.found-label{fill:#fff;stroke:#06d6a0}.missed-label{fill:#fff;stroke:#ef476f}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.hidden{display:none!important}.topbar-back-btn,.game-back-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;padding:.4rem .9rem;border-radius:8px;font-size:.85rem;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block;font-family:inherit}.topbar-back-btn:hover,.game-back-btn:hover{background:#ffffff2e}.game-back-btn{position:absolute;top:.6rem;left:.6rem;z-index:160;text-decoration:none;display:inline-block;font-family:inherit}a.game-back-btn:hover{background:#ffffff2e}.home-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0f0c29;display:flex;align-items:center;justify-content:center;transition:opacity .5s ease,transform .5s ease}.home-screen.leaving{opacity:0;transform:scale(1.05);pointer-events:none}.home-bg-globe{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#1a2744,#0f0c29 70%);border:1px solid rgba(42,63,95,.3);opacity:.4;animation:globeSpin 20s linear infinite}@keyframes globeSpin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.05)}to{transform:rotate(360deg) scale(1)}}.home-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:.7rem;text-align:center;animation:homeContentIn .8s ease-out}@keyframes homeContentIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.home-soldier-area{display:flex;align-items:flex-end;justify-content:center;height:72px}.home-title{font-size:3rem;text-shadow:0 4px 20px rgba(0,0,0,.5);letter-spacing:-.5px}.home-logo{width:min(200px,55vw);height:auto;filter:drop-shadow(0 6px 24px rgba(0,0,0,.45))}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.home-subtitle{font-size:1rem;opacity:.75;line-height:1.4;max-width:420px}.home-play-btn{padding:1rem 3rem;border:none;border-radius:16px;font-size:1.3rem;font-weight:700;cursor:pointer;background:linear-gradient(135deg,#06d6a0,#05c795);color:#1a1a2e;box-shadow:0 4px 24px #06d6a059;transition:all .25s ease;animation:btnPulse 2s ease-in-out infinite}.home-play-btn:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 8px 32px #06d6a080}@keyframes btnPulse{0%,to{box-shadow:0 4px 24px #06d6a059}50%{box-shadow:0 4px 32px #06d6a08c}}.home-stats{display:flex;gap:1.5rem;font-size:.85rem;opacity:.45;margin-top:.5rem}@media (max-width: 600px){.home-title{font-size:2rem}.home-subtitle{font-size:.95rem}.home-stats{flex-direction:column;gap:.5rem}.home-bg-globe{width:300px;height:300px}}.minigames-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0f0c29;display:block;overflow-y:auto;transition:opacity .4s ease,transform .4s ease}.minigames-screen.leaving{opacity:0;transform:scale(1.04);pointer-events:none}.mg-back-btn{position:absolute;top:1.2rem;left:1.2rem;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;padding:.5rem 1rem;border-radius:10px;font-size:.9rem;cursor:pointer;transition:all .2s;z-index:10}.mg-back-btn:hover{background:#ffffff26}.mg-content{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:5rem 2rem 3rem;margin:0 auto;animation:homeContentIn .5s ease-out}.mg-title{font-size:2.2rem;text-shadow:0 4px 16px rgba(0,0,0,.4)}.mg-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;max-width:1120px;width:100%}.mg-section-head{grid-column:1 / -1;display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-top:1.15rem;padding:0 .15rem .25rem;border-bottom:1px solid rgba(255,255,255,.08);text-align:left}.mg-section-head:first-child{margin-top:0}.mg-section-title{font-size:.95rem;font-weight:700;letter-spacing:.02em;color:#f8fafc}.mg-section-sub{font-size:.8rem;color:#94a3b8}.mg-card{background:#151b2e;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:.9rem 1rem;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease;display:flex;align-items:center;gap:.85rem;position:relative;overflow:hidden;text-align:left}.mg-card:hover,.mg-card.active-showcase{background:#1c243d;border-color:var(--accent, #38bdf8);box-shadow:0 8px 20px #00000052;transform:translateY(-2px)}.mg-card-wide{grid-column:1 / -1;background:linear-gradient(135deg,#162238,#151b2e);border-color:#2dd4bf47;padding:1rem 1.2rem}.mg-card-wide:hover{border-color:#2dd4bf8c}.mg-card-cta{margin-left:auto;background:#ffd166;color:#0f172a;font-size:.85rem;font-weight:700;padding:.5rem 1rem;border-radius:999px;white-space:nowrap;flex-shrink:0}.mg-card-icon{width:44px;height:44px;border-radius:11px;background:color-mix(in srgb,var(--accent, #38bdf8) 18%,#0f172a);border:1px solid color-mix(in srgb,var(--accent, #38bdf8) 34%,transparent);display:flex;align-items:center;justify-content:center;font-size:1.35rem;flex-shrink:0}.mg-card-body{min-width:0;flex:1;text-align:left}.mg-card-top{display:flex;align-items:center;justify-content:space-between;gap:.4rem;margin-bottom:.18rem}.mg-card-title{font-size:.98rem;font-weight:700;color:#f8fafc;letter-spacing:-.01em}.mg-card-desc{font-size:.8rem;color:#94a3b8;line-height:1.35}.mg-card-status{display:inline-block;font-size:.7rem;font-weight:700;color:#34d399;background:#10b98124;padding:.12rem .45rem;border-radius:999px;white-space:nowrap}.mg-card-tag.coming-soon{background:#ffffff14;color:#ffffff59}.mg-card:has(.coming-soon){opacity:.5;cursor:default}.mg-card:has(.coming-soon):hover{transform:none;border-color:#ffffff1a;box-shadow:none}@media (max-width: 600px){.mg-grid{grid-template-columns:1fr}.mg-title{font-size:1.6rem}}.fom-prompt{text-align:center}.fom-lives{text-align:center;font-size:1.4rem;letter-spacing:4px;min-height:1.6rem}.fom-target{font-size:1.6rem;font-weight:700;color:#ffd166;margin-top:.4rem;text-shadow:0 2px 8px rgba(255,209,102,.3)}.game-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;background:#0f0c29;display:flex;align-items:center;justify-content:center}.fq-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;max-width:500px;width:90%;animation:homeContentIn .4s ease-out}.fq-header{display:flex;justify-content:space-between;width:100%;font-size:.95rem;opacity:.7}.fq-header strong{color:#ffd166}.fq-flag{font-size:6rem;line-height:1;filter:drop-shadow(0 4px 12px rgba(0,0,0,.4))}.fq-flag.cqz-prompt-text{font-size:2.2rem;line-height:1.3;text-align:center}.fq-question{font-size:1.1rem;opacity:.7}.fq-options{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;width:100%}.fq-option{padding:1rem;border:2px solid rgba(255,255,255,.28);border-radius:12px;background:#ffffff1f;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;text-align:center}.fq-option:hover{border-color:#ffd16680;background:#ffd1661a}.fq-option.correct{border-color:#06d6a0;background:#06d6a033;color:#06d6a0}.fq-option.wrong{border-color:#ef476f;background:#ef476f33;color:#ef476f}.fq-option.disabled{pointer-events:none;opacity:.6}.fq-option.disabled.correct{opacity:1}.fq-feedback{font-size:1rem;font-weight:600;min-height:1.5rem}.fm-flag-option{font-size:2.8rem;padding:.8rem;line-height:1.2}.fm-country-name{font-size:2rem;font-weight:700;text-align:center;line-height:1.3}.cc-clues{display:flex;flex-direction:column;gap:.6rem;width:100%;text-align:left}.cc-clue{padding:.7rem 1rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:10px;font-size:.95rem;line-height:1.4}.lvl-picker{z-index:210}.lvl-title{font-size:2rem;text-align:center}.lvl-subtitle{font-size:1.05rem;opacity:.6;margin-top:-.6rem}.lvl-grid{display:flex;flex-direction:column;gap:.9rem;width:100%}.lvl-card{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;padding:1.1rem 1.3rem;border:2px solid rgba(255,255,255,.12);border-radius:14px;background:#ffffff0f;color:#fff;cursor:pointer;text-align:left;transition:all .2s}.lvl-card:hover{transform:translateY(-2px);border-color:#06d6a080;background:#06d6a01a}.lvl-card.lvl-easy:hover{border-color:#06d6a08c}.lvl-card.lvl-medium:hover{border-color:#ffd1668c;background:#ffd1661a}.lvl-card.lvl-hard:hover{border-color:#ef476f8c;background:#ef476f1a}.lvl-emoji{font-size:1.6rem;line-height:1}.lvl-label{font-size:1.2rem;font-weight:700}.lvl-hint{font-size:.85rem;opacity:.55}.lvl-continents{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;width:100%;margin:.5rem 0}.lvl-continent{padding:.45rem .85rem;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:#ffffff0d;color:#fff;cursor:pointer;font-size:.85rem;transition:all .2s}.lvl-continent:hover{border-color:#06d6a066}.lvl-continent.active{border-color:#06d6a0;background:#06d6a026}.lvl-best{text-align:center;font-size:.9rem;opacity:.65;min-height:1.2rem}.lvl-best-tag{font-size:.75rem;opacity:.7;margin-top:.15rem}.lvl-card.selected{border-color:#06d6a073}.mg-card-featured{border-color:#ffd16680;background:linear-gradient(135deg,#ffd1661f,#06d6a014)}.mg-card-featured:hover{border-color:#ffd166bf}.onboarding-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:320;display:flex;align-items:center;justify-content:center}.onboarding-modal.hidden{display:none}.onboarding-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.onboarding-content{position:relative;background:#17142d;color:#fff;border:1px solid rgba(255,255,255,.16);border-radius:22px;padding:1.8rem 1.8rem 1.6rem;max-width:380px;width:90%;text-align:center;box-shadow:0 24px 60px #0000008c}.onboarding-mark{width:56px;height:56px;border-radius:50%;object-fit:cover;margin-bottom:.6rem}.onboarding-content h2{color:#ffd166;margin-bottom:.5rem;font-size:1.45rem}.onboarding-content p{color:#fffc;opacity:1;line-height:1.5;margin-bottom:1.2rem}.onboarding-content ul{text-align:left;margin:0 0 1.25rem;padding-left:1.2rem;line-height:1.6;opacity:.85}.fom-level-hud{font-size:.85rem;opacity:.65;text-align:center;margin-bottom:.5rem}.home-btn-row{display:flex;gap:.8rem;align-items:center}.home-avatar-btn{padding:1rem 1.8rem;border:2px solid rgba(255,255,255,.15);border-radius:16px;font-size:1.1rem;font-weight:700;cursor:pointer;background:#ffffff0f;color:#fff;transition:all .25s ease}.home-avatar-btn:hover{border-color:#ffd16680;background:#ffd1661a;transform:translateY(-2px)}.avatar-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;align-items:center;justify-content:center}.avatar-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.avatar-modal-content{position:relative;background:#1a1a2e;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;max-width:580px;width:90%;display:flex;flex-direction:column;align-items:center;gap:1.5rem;animation:homeContentIn .3s ease-out}.avatar-modal-title{font-size:1.5rem}.avatar-live-preview{height:120px;display:flex;align-items:flex-end;justify-content:center}.av-tabs{display:flex;gap:0;width:100%;border-bottom:1px solid rgba(255,255,255,.1)}.av-tab{flex:1;padding:.6rem;border:none;background:none;color:#fff6;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;border-bottom:2px solid transparent}.av-tab:hover{color:#ffffffb3}.av-tab.active{color:#ffd166;border-bottom-color:#ffd166}.av-tab-panel{display:none;width:100%}.av-tab-panel.active{display:block}.av-section-label{font-size:.7rem;text-transform:uppercase;letter-spacing:1px;opacity:.4;margin-bottom:.5rem}.avatar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;width:100%}.avatar-option{display:flex;align-items:center;gap:.5rem;padding:.6rem .7rem;border:2px solid rgba(255,255,255,.08);border-radius:10px;cursor:pointer;transition:all .2s;background:#ffffff08}.avatar-option:hover{border-color:#ffd16666;background:#ffd1660f}.avatar-option.selected{border-color:#ffd166;background:#ffd1661a}.av-swatch{width:24px;height:24px;border-radius:6px;flex-shrink:0}.avatar-name{font-size:.78rem;font-weight:600;opacity:.7}.avatar-option.selected .avatar-name{color:#ffd166;opacity:1}.av-hair-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;width:100%}.av-hair-option{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.6rem .4rem;border:2px solid rgba(255,255,255,.08);border-radius:10px;cursor:pointer;transition:all .2s;background:#ffffff08}.av-hair-option:hover{border-color:#ffd16666;background:#ffd1660f}.av-hair-option.selected{border-color:#ffd166;background:#ffd1661a}.av-hair-option.selected .avatar-name{color:#ffd166;opacity:1}.av-hair-icon{font-size:1.4rem;line-height:1}.av-color-row{display:flex;flex-wrap:wrap;gap:.5rem}.av-color-dot{width:32px;height:32px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:all .2s}.av-color-dot:hover{transform:scale(1.15)}.av-color-dot.selected{border-color:#ffd166;box-shadow:0 0 10px #ffd16666}.avatar-close-btn{padding:.7rem 2.5rem;border:none;border-radius:12px;background:#ffd166;color:#1a1a2e;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s}.avatar-close-btn:hover{background:#ffc233;transform:translateY(-2px)}@media (max-width: 500px){.avatar-grid,.av-hair-grid{grid-template-columns:repeat(2,1fr)}.home-btn-row{flex-direction:column}}.home-premium-btn{padding:1rem 1.8rem;border:2px solid rgba(255,215,0,.4);border-radius:16px;font-size:1.1rem;font-weight:700;cursor:pointer;background:linear-gradient(135deg,#ffd70026,#b8860b1a);color:gold;transition:all .25s ease}.home-premium-btn:hover{border-color:#ffd700b3;background:linear-gradient(135deg,#ffd70040,#b8860b26);transform:translateY(-2px);box-shadow:0 4px 20px #ffd70033}.home-premium-btn.owned{background:#06d6a01a;border-color:#06d6a066;color:#06d6a0}.premium-content{text-align:center}.premium-badge{font-size:3rem;margin-bottom:-.5rem}.premium-desc{font-size:.95rem;opacity:.6;line-height:1.5;max-width:350px}.premium-perks{display:flex;flex-direction:column;gap:.6rem;text-align:left;width:100%;padding:1rem;background:#ffffff0a;border-radius:12px;border:1px solid rgba(255,255,255,.06)}.premium-perk{font-size:.9rem;opacity:.8}.premium-price{font-size:2rem;font-weight:700;color:gold}.premium-buy-btn{padding:.9rem 2.5rem;border:none;border-radius:14px;font-size:1.1rem;font-weight:700;cursor:pointer;background:linear-gradient(135deg,gold,#b8860b);color:#1a1a2e;box-shadow:0 4px 20px #ffd7004d;transition:all .25s}.premium-buy-btn:hover{transform:translateY(-2px);box-shadow:0 6px 28px #ffd70073}.premium-restore-btn{background:none;border:none;color:#ffffff59;font-size:.8rem;cursor:pointer;text-decoration:underline;transition:color .2s}.premium-restore-btn:hover{color:#fff9}.premium-status{color:#06d6a0;font-size:1.1rem;font-weight:700}.premium-locked{position:relative;opacity:.55}.premium-locked:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#0000004d;pointer-events:none}.mg-card.premium-locked{cursor:pointer;opacity:.6}.mg-card.premium-locked:hover{transform:none;border-color:#ffd7004d}.mg-card-lock{position:absolute;top:.8rem;right:.8rem;font-size:1.2rem}.premium-tag{background:#ffd70026!important;color:gold!important}.mg-card.premium-unlocked{opacity:1}.mg-card.premium-unlocked:after{display:none}.mg-card.premium-unlocked .mg-card-lock{display:none}.avatar-option.premium-unlocked{opacity:1}.avatar-option.premium-unlocked:after{display:none}.sr-input{flex:1;padding:.65rem .8rem;border:2px solid rgba(255,255,255,.15);border-radius:10px;background:#ffffff14;color:#fff;font-size:1rem;font-family:inherit;outline:none;transition:border-color .2s}.sr-input:focus{border-color:#ffd166}.sr-input::placeholder{color:#ffffff4d}.sr-submit{padding:.65rem 1rem;border:none;border-radius:10px;background:#ffd166;color:#1a1a2e;font-size:1rem;font-weight:700;cursor:pointer}body.page-home{overflow:auto;height:auto;min-height:100vh}.site-nav{position:sticky;top:0;z-index:400;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 1.2rem;background:#0f0c29eb;border-bottom:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.site-nav a,.site-nav button.nav-avatar{color:#fff;text-decoration:none;font-weight:700;background:none;border:none;cursor:pointer;font-size:.95rem;font-family:inherit}.site-nav .brand{display:flex;align-items:center;gap:.7rem;color:#ffd166;font-size:1.55rem;font-weight:800;letter-spacing:-.03em}.site-nav .brand-mark{width:44px;height:44px;border-radius:50%;object-fit:cover}.site-nav .nav-links{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap}.site-nav .nav-links a{color:#f4f1ea;font-weight:600}.site-nav .nav-streak{color:#ffd166;font-size:.88rem;font-weight:700}.site-nav .nav-streak:empty{display:none}body.page-home{background:#0b1120}body.page-home .site-nav{background:#0b1120e6;border-bottom:1px solid rgba(255,255,255,.08)}body.page-home .home-screen{position:relative;z-index:1;min-height:auto;align-items:flex-start;justify-content:center;padding:1.4rem 1.5rem 2.5rem;background:transparent;overflow:visible}body:not(.page-home) .game-screen{top:3.75rem}body.page-home .home-content{max-width:1120px;width:100%;animation:none}.home-showcase{width:100%;margin-bottom:1.5rem}.showcase-stage{display:grid;grid-template-columns:1.35fr 1fr;align-items:center;min-height:205px;border-radius:18px;border:1px solid rgba(255,255,255,.12);overflow:hidden;text-decoration:none;color:#fff;background:#131a2e;box-shadow:0 16px 36px #00000061}.showcase-visual{height:205px;display:flex;align-items:center;justify-content:center;padding:1rem;position:relative;overflow:hidden}.showcase-overlay{padding:1.4rem 1.8rem;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:.85rem}.showcase-badge{display:inline-block;font-size:.76rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#ffd166;background:#ffd16624;padding:.28rem .65rem;border-radius:999px;margin-bottom:.4rem}.showcase-title{font-size:1.85rem;font-weight:800;letter-spacing:-.02em;color:#f8fafc}.showcase-desc{font-size:.96rem;color:#94a3b8;margin-top:.2rem}.showcase-cta{display:inline-block;background:#ffd166;color:#0f172a;font-weight:800;font-size:.95rem;padding:.62rem 1.25rem;border-radius:999px;box-shadow:0 3px #c9962a}.sc-map-wrap{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.sc-map-wrap svg{width:100%;height:100%}.sc-floating-prompt{position:absolute;bottom:10px;left:14px;background:#0f0c29e6;border:1px solid rgba(255,209,102,.5);color:#ffd166;font-weight:800;font-size:.88rem;padding:.36rem .78rem;border-radius:999px}.sc-center-scene{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7rem;width:100%}.sc-big-flag{font-size:4.3rem;line-height:1;filter:drop-shadow(0 8px 18px rgba(0,0,0,.4))}.sc-mini-grid{display:grid;grid-template-columns:repeat(2,auto);gap:.45rem}.sc-mini-grid span,.sc-chip{background:#ffffff1a;border:1px solid rgba(255,255,255,.18);padding:.38rem .75rem;border-radius:10px;font-weight:700;font-size:.86rem}.sc-mini-grid span.ok,.sc-flag-row span.ok,.sc-chip.ok{background:#16b364;border-color:#34d399;color:#fff}.sc-prompt-pill,.sc-timer{background:#0f0c29bf;border:1px solid rgba(255,255,255,.2);padding:.45rem .95rem;border-radius:999px;font-size:.96rem}.sc-flag-row{display:flex;gap:.55rem;font-size:2rem}.sc-flag-row span{background:#ffffff1a;padding:.3rem .6rem;border-radius:12px}.sc-clue-box{background:#0f0c29bf;border-left:4px solid #ffd166;padding:.55rem .9rem;border-radius:10px;font-size:.88rem;font-weight:700;display:flex;flex-direction:column;gap:.22rem}.sc-shape-svg{width:120px;height:110px;fill:#ffd166;stroke:#06d6a0;stroke-width:.7}.sc-Guesses{display:flex;flex-direction:column;gap:.35rem}body.page-home .fixed-credit{display:none}.home-grid-wrap{width:100%}.mg-card{color:inherit;text-decoration:none}@media (max-width: 800px){.mg-grid{grid-template-columns:repeat(2,1fr)}.showcase-stage{grid-template-columns:1fr}.showcase-visual{height:180px}}@media (max-width: 520px){.mg-grid{grid-template-columns:1fr}.mg-card-cta{display:none}}.home-footer{margin:2rem auto 0;display:flex;justify-content:center;align-items:center;gap:1.1rem;flex-wrap:wrap;font-size:.82rem;color:#ffffff7a}.home-footer a{color:#ffffffa6;text-decoration:none;font-weight:600}.home-footer a:hover{color:#ffd166}.mode-pill{padding:.4rem .8rem;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:#ffffff1a;color:#ffd166;font:inherit;font-size:.82rem;font-weight:700;cursor:pointer}.cs-silhouette{width:220px;height:170px;margin:.4rem auto;padding:.8rem;border-radius:16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center}.cs-silhouette svg{width:100%;height:100%;fill:#ffd166;stroke:#06d6a0;stroke-width:.6}.cs-type{max-width:360px;width:100%;margin:0 auto}.cs-guesses{display:flex;flex-direction:column;gap:.45rem;width:100%;max-width:420px;margin-top:.6rem}.cs-guess-row{display:flex;justify-content:space-between;align-items:center;gap:.6rem;padding:.55rem .75rem;border-radius:10px;background:#ffffff12;border-left:5px solid #38bdf8;font-size:.9rem}.fr-stage{position:relative;width:240px;height:160px;margin:.3rem auto;border-radius:16px;overflow:hidden;background:#ffffff0f;border:2px solid rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center}.fr-flag-glyph{font-size:6.8rem;line-height:1;-webkit-user-select:none;user-select:none}.fr-tile-grid{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:3px}.fr-tile{background:#1e1b3a;border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-weight:800;color:#ffffff73;transition:opacity .3s ease,transform .3s ease}.fr-tile.open{opacity:0;transform:scale(.85);pointer-events:none}.fr-type,.cmp-type{max-width:360px;width:100%;margin:0 auto}.cmp-table{display:flex;flex-direction:column;gap:.45rem;width:100%;max-width:680px;margin-top:.65rem}.cmp-row{display:grid;grid-template-columns:1.3fr repeat(5,1fr);gap:.35rem;align-items:center;background:#ffffff0f;padding:.45rem .6rem;border-radius:10px;font-size:.8rem}.cmp-cell{background:#ffffff14;padding:.3rem .45rem;border-radius:7px;text-align:center;font-weight:700}.cmp-cell.hit{background:#16b3644d;border:1px solid #22c55e;color:#fff}.seo-panel{max-width:720px;margin:0 auto;padding:1.5rem 1.2rem 3rem}.seo-panel.playing{display:none}.seo-panel h1{font-size:1.8rem;margin-bottom:.4rem}.seo-panel ol,.seo-panel ul{margin:.6rem 0 1rem 1.2rem;opacity:.8}.share-row{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center;margin-top:.8rem}.share-row button{padding:.7rem 1.2rem;border:none;border-radius:10px;font-weight:700;cursor:pointer;background:#06d6a0;color:#1a1a2e}#dailyCopyBtn{background:#118ab2;color:#fff}#dailyShareStatus,#dailyStreakLine{min-height:1.2rem;font-weight:700;color:#ffd166}.sr-input-area{width:100%}#cqzBuilder{align-items:flex-start;overflow-y:auto;padding:3rem 0 2rem}.cqz-builder{width:min(920px,calc(100vw - 2rem));display:flex;flex-direction:column}.cqz-title{font-size:1.6rem;margin:0 0 .25rem}.cqz-subtitle{margin:0 0 1rem;opacity:.72}.cqz-presets,.cqz-modes,.cqz-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.9rem}.cqz-preset{min-height:44px;padding:.5rem .85rem;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:#ffffff1a;color:#fff;font:inherit;font-size:.85rem;font-weight:600;cursor:pointer}.cqz-preset:hover{border-color:#ffd1668c;background:#ffd1661f}.cqz-mode{min-height:44px;padding:.5rem 1rem;border-radius:10px;border:1px solid rgba(255,255,255,.22);background:#ffffff1a;color:#fff;font:inherit;font-size:.9rem;font-weight:700;cursor:pointer}.cqz-mode[aria-pressed=true]{background:#ffd166;border-color:#ffd166;color:#1a1a2e}.cqz-search-label{display:block;margin-bottom:.35rem;font-size:.85rem;opacity:.72}.cqz-search{width:100%;box-sizing:border-box;padding:.7rem .9rem;margin-bottom:.8rem;border-radius:10px;border:1px solid rgba(255,255,255,.25);background:#ffffff1a;color:#fff;font:inherit}.cqz-chips{display:flex;flex-wrap:wrap;gap:.4rem;max-height:38vh;overflow-y:auto;padding:.5rem;border-radius:12px;background:#0000002e}.cqz-chip{min-height:44px;padding:.4rem .75rem;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:#fff;font:inherit;font-size:.85rem;cursor:pointer;text-align:left}.cqz-chip.picked{border-color:#06d6a0;background:#06d6a038}.cqz-count{margin:.7rem 0;font-weight:700;color:#ffd166}.cqz-levels{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.9rem}.cqz-levels .lvl-card{flex:1 1 150px;padding:.8rem 1rem}.cqz-actions .action-btn{width:auto;display:inline-block;padding:.7rem 1.4rem}#cqzPlayBtn{background:#06d6a0;color:#1a1a2e}#cqzCopyBtn{background:#118ab2;color:#fff}.cqz-actions .action-btn:disabled{opacity:.45;cursor:not-allowed}.cqz-hint,.cqz-status{font-size:.82rem;opacity:.75;margin:.4rem 0 0}.cqz-status{color:#06d6a0;word-break:break-all}