:root{--sea-900:#041020;--sea-800:#07182e;--sea-700:#0b2444;--sea-600:#12335e;--sea-line:#1d4a7e;--foam:#eaf4ff;--foam-dim:#9db8d6;--gold:#f5c542;--gold-deep:#d9a520;--coral:#ff6b57;--mint:#35d0a0;--radius:18px;--shadow:0 12px 34px #00000073}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{color:var(--foam);background:radial-gradient(1200px 600px at 50% -10%, #10395f 0%, transparent 60%), radial-gradient(900px 500px at 90% 110%, #0d2c4e 0%, transparent 55%), linear-gradient(180deg, var(--sea-800) 0%, var(--sea-900) 100%);-webkit-font-smoothing:antialiased;background-attachment:fixed;font-family:Cairo,system-ui,sans-serif}.shell{min-height:100dvh;padding:max(env(safe-area-inset-top), 20px) 18px calc(env(safe-area-inset-bottom) + 28px);flex-direction:column;align-items:center;max-width:520px;margin-inline:auto;display:flex}.brand{text-align:center;margin-bottom:8px}.brand .logo{filter:drop-shadow(0 6px 14px #f5c54240);font-size:52px}.brand h1{letter-spacing:.5px;background:linear-gradient(180deg, #ffe9a8, var(--gold) 55%, var(--gold-deep));color:#0000;-webkit-background-clip:text;background-clip:text;font-family:Changa,Cairo,sans-serif;font-size:27px;font-weight:800}.brand .tagline{color:var(--foam-dim);margin-top:2px;font-size:14px}.card{border:1px solid var(--sea-line);border-radius:var(--radius);width:100%;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#12335ebf,#0b2444d9);margin-top:18px;padding:22px 20px}.card h2{margin-bottom:4px;font-size:19px;font-weight:700}.card .hint{color:var(--foam-dim);margin-bottom:14px;font-size:13.5px}.field{width:100%;font:inherit;color:var(--foam);border:1.5px solid var(--sea-line);background:#0410208c;border-radius:14px;outline:none;padding:13px 16px;font-size:17px;transition:border-color .15s,box-shadow .15s}.field:focus{border-color:var(--gold);box-shadow:0 0 0 3px #f5c5422e}.field::placeholder{color:#5e7da0}.btn{width:100%;font:inherit;cursor:pointer;touch-action:manipulation;border:none;border-radius:14px;margin-top:12px;padding:14px 18px;font-size:17px;font-weight:700;transition:transform 80ms,filter .15s}.btn:active{transform:scale(.985)}.btn:disabled{opacity:.55;cursor:default}.btn-gold{color:#3a2a00;background:linear-gradient(180deg, #ffe08a, var(--gold) 55%, var(--gold-deep));box-shadow:0 8px 22px #f5c5424d}.btn-ghost{color:var(--foam);border:1.5px solid var(--sea-line);background:#1d4a7e59}.btn-launch{letter-spacing:1px;color:#041020;background:linear-gradient(180deg, #7df0c8, var(--mint) 60%, #1ba87d);font-family:Changa,Cairo,sans-serif;font-size:21px;box-shadow:0 10px 26px #35d0a059}.error{color:#ffb3a8;background:#ff6b571f;border:1px solid #ff6b5773;border-radius:12px;margin-top:12px;padding:10px 14px;font-size:14px}.code-chip{border:1.5px dashed var(--gold);background:#0410208c;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;padding:10px 14px;display:flex}.code-chip .code{letter-spacing:6px;color:var(--gold);direction:ltr;font-family:Changa,monospace;font-size:26px;font-weight:800}.copy-btn{font:inherit;color:var(--sea-900);background:var(--gold);cursor:pointer;white-space:nowrap;border:none;border-radius:10px;padding:8px 12px;font-size:13.5px;font-weight:700}.share-link{border:1px solid var(--sea-line);cursor:pointer;background:#04102080;border-radius:12px;margin-bottom:14px;padding:10px 12px;transition:border-color .15s}.share-link:active{border-color:var(--gold)}.share-guide{color:var(--gold);margin-bottom:6px;font-size:13px;font-weight:700;display:block}.share-row{align-items:center;gap:8px;display:flex}.share-copy-icon{flex:none;font-size:18px}.share-url{color:var(--foam-dim);word-break:break-all;text-align:left;-webkit-user-select:all;user-select:all;font-size:12px}.panel-title{background:linear-gradient(90deg, var(--sea-600), var(--sea-700));border:1px solid var(--sea-line);border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;padding:10px 14px;font-size:15px;font-weight:700;display:flex}.panel-title .count{background:var(--gold);color:var(--sea-900);border-radius:999px;padding:1px 11px;font-size:14px;font-weight:800}.player-list{border:1px solid var(--sea-line);border-top:none;border-radius:0 0 12px 12px;list-style:none;overflow:hidden}.player-list li{border-top:1px solid #1d4a7e66;align-items:center;gap:10px;padding:11px 14px;font-size:16px;animation:.3s slideIn;display:flex}.player-list li:first-child{border-top:none}.player-list li:nth-child(odd){background:#0410204d}.player-list .avatar{background:var(--sea-600);border:1px solid var(--sea-line);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:17px;display:grid}.player-list .role{color:var(--sea-900);background:var(--gold);border-radius:999px;margin-inline-start:auto;padding:2px 10px;font-size:12px;font-weight:700}.player-list .you{color:var(--mint);font-size:12.5px;font-weight:700}@keyframes slideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.waiting-note{text-align:center;color:var(--foam-dim);margin-top:16px;font-size:14px}.waiting-note .dots:after{content:"…";animation:1.4s infinite blink}@keyframes blink{50%{opacity:.2}}.countdown-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;background:#041020eb;place-items:center;display:grid;position:fixed;inset:0}.countdown-overlay .num{color:var(--gold);text-shadow:0 0 60px #f5c5428c;font-family:Changa,sans-serif;font-size:130px;font-weight:800;animation:.9s infinite pop}.countdown-overlay .go{color:var(--mint);text-shadow:0 0 60px #35d0a099;font-family:Changa,sans-serif;font-size:64px;font-weight:800;animation:.6s pop}@keyframes pop{0%{opacity:0;transform:scale(.6)}35%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.race-shell{flex-direction:column;max-width:640px;height:100dvh;margin-inline:auto;display:flex}.race-top{padding:max(env(safe-area-inset-top), 10px) 16px 8px}.progress-pills{gap:6px;margin-bottom:8px;display:flex}.progress-pills .pill{background:#1d4a7e8c;border-radius:999px;flex:1;height:6px}.progress-pills .pill.done{background:var(--mint)}.progress-pills .pill.now{background:var(--gold);animation:1.6s infinite blink;box-shadow:0 0 10px #f5c54299}.race-title{align-items:center;gap:10px;font-size:17px;display:flex}.island-badge{background:var(--gold);color:var(--sea-900);direction:ltr;border-radius:999px;padding:2px 11px;font-size:13px;font-weight:800}.riddle-card{border:1px solid var(--sea-line);box-shadow:var(--shadow);background:linear-gradient(#12335ee6,#0b2444f2);border-radius:14px;margin:0 16px 10px;padding:13px 16px;font-size:15.5px;line-height:1.8}.riddle-card .hint-line{border-top:1px dashed var(--sea-line);color:var(--gold);margin-top:8px;padding-top:8px;font-size:14px}.mission-map{border:1.5px solid var(--sea-line);z-index:0;border-radius:14px;flex:1;min-height:220px;margin:0 16px;overflow:hidden}.pin-icon{filter:drop-shadow(0 3px 5px #00000080);font-size:32px;line-height:1}.feedback-bar{background:#ff6b5724;border:1px solid #ff6b5780;border-radius:12px;align-items:center;gap:10px;margin:8px 16px 0;padding:9px 14px;font-size:14.5px;animation:.25s slideIn;display:flex}.feedback-bar .fb-icon{font-size:20px}.feedback-bar .fb-cd{color:var(--coral);text-align:center;min-width:26px;margin-inline-start:auto;font-size:17px;font-weight:800}.race-actions{padding:10px 16px calc(env(safe-area-inset-bottom) + 14px)}.confirm-btn{margin-top:0}.aux-actions{gap:10px;margin-top:10px;display:flex}.aux-btn{font:inherit;color:var(--foam);border:1.5px solid var(--sea-line);cursor:pointer;background:#1d4a7e59;border-radius:12px;flex:1;padding:10px;font-size:14px;font-weight:700}.aux-btn:disabled{opacity:.45}.map-toggle{font:inherit;color:var(--sea-900);background:var(--gold);cursor:pointer;border:none;border-radius:999px;margin-inline-start:auto;padding:5px 13px;font-size:13.5px;font-weight:700}.racemap-overlay{z-index:40;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#041020cc;place-items:end center;display:grid;position:fixed;inset:0}.racemap-sheet{background:linear-gradient(180deg, var(--sea-700), var(--sea-800));border:1px solid var(--sea-line);width:100%;max-width:520px;max-height:92dvh;padding:16px 16px calc(env(safe-area-inset-bottom) + 16px);border-radius:22px 22px 0 0;animation:.3s sheetUp;overflow-y:auto}@keyframes sheetUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}.race-map-svg{width:100%;margin-bottom:14px;font-family:Cairo,sans-serif;display:block}.boat{transition:transform .6s}.rank-medal{text-align:center;min-width:26px;color:var(--gold);font-size:16px;font-weight:800}.progress-tag{color:var(--foam-dim);direction:ltr;margin-inline-start:auto;font-size:12.5px;font-weight:700}.practice-overlay{z-index:80;background:linear-gradient(180deg, var(--sea-800), var(--sea-900));position:fixed;inset:0;overflow:hidden}.practice-overlay .race-shell{height:100dvh}.tour-dim{opacity:.35;pointer-events:none;filter:saturate(.6);transition:opacity .3s}.tour-spot{z-index:85;border-radius:14px;animation:1.6s infinite spotPulse;position:relative;box-shadow:0 0 0 3px var(--gold), 0 0 26px #f5c5428c!important}@keyframes spotPulse{0%,to{box-shadow:0 0 0 3px var(--gold), 0 0 18px #f5c54259}50%{box-shadow:0 0 0 4px var(--gold), 0 0 34px #f5c542b3}}.practice-overlay .map-wrap{flex-direction:column;flex:1;min-height:220px;display:flex}.practice-overlay .map-wrap .mission-map{flex:1}.practice-racemap{z-index:82}.coach{z-index:95;left:0;right:0;bottom:calc(env(safe-area-inset-bottom) + 96px);pointer-events:none;place-items:center;padding:0 16px;display:grid;position:fixed}.coach.center{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#041020bf;top:0;bottom:0}.coach.top{top:max(env(safe-area-inset-top), 14px);bottom:auto}.coach-bubble{pointer-events:auto;border:1.5px solid var(--gold);width:100%;max-width:420px;box-shadow:var(--shadow);background:linear-gradient(#12335ef7,#0b2444fa);border-radius:18px;flex-wrap:wrap;align-items:flex-start;gap:10px;padding:14px 16px;animation:.35s both seqIn;display:flex}.coach-avatar{background:#f5c54226;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;font-size:26px;display:grid}.coach-bubble p{flex:1;min-width:200px;font-size:14.5px;line-height:1.8}.coach-btn{width:100%;margin-top:4px;padding:11px 16px;font-size:15.5px}.coach-close{pointer-events:auto;color:var(--foam-dim);border:1px solid var(--sea-line);background:#04102099;border-radius:999px;margin-top:10px;padding:6px 14px;font-size:13px;position:static}.tour-overlay{z-index:80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#041020e0;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.tour-card{text-align:center;border:1px solid var(--sea-line);width:100%;max-width:420px;box-shadow:var(--shadow);background:linear-gradient(#12335ef2,#0b2444fa);border-radius:22px;padding:30px 24px 24px;animation:.35s both seqIn;position:relative}.tour-icon{filter:drop-shadow(0 8px 18px #f5c54233);margin-bottom:10px;font-size:56px}.tour-title{color:var(--gold);margin-bottom:8px;font-family:Changa,Cairo,sans-serif;font-size:22px;font-weight:800}.tour-body{color:var(--foam);min-height:90px;font-size:15.5px;line-height:1.9}.tour-dots{justify-content:center;gap:7px;margin:16px 0 4px;display:flex}.tour-dot{background:var(--sea-line);cursor:pointer;border-radius:50%;width:9px;height:9px;transition:all .25s}.tour-dot.on{background:var(--gold);border-radius:99px;width:24px}.tour-dot.done{background:var(--gold-deep)}.tour-nav{align-items:center;gap:10px;display:flex}.tour-nav .tour-back{flex:1;margin-top:12px}.tour-nav .tour-next{flex:2}.tour-close{top:10px;color:var(--foam-dim);cursor:pointer;background:0 0;border:none;padding:6px;font-size:18px;position:absolute;inset-inline-start:12px}.help-fab{font:inherit;width:34px;height:34px;color:var(--gold);border:1.5px solid var(--sea-line);cursor:pointer;background:#1d4a7e66;border-radius:50%;flex:none;place-items:center;font-size:15px;font-weight:800;display:grid}.ready-tag{color:var(--mint);background:#35d0a02e;border:1px solid #35d0a080;border-radius:999px;margin-inline-start:auto;padding:2px 10px;font-size:12px;font-weight:700}.ready-tag.waiting{border-color:var(--sea-line);color:var(--foam-dim);background:#9db8d61f}.intro-btn{margin-bottom:4px;animation:1.8s infinite spotPulse}.tour-teaser{margin-top:14px;font-size:14.5px}.seq-1,.seq-2,.seq-3{animation:.6s both seqIn}.seq-1{animation-delay:.5s}.seq-2{animation-delay:1.2s}.seq-3{animation-delay:.15s}@keyframes seqIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.wafirah-footer{text-align:center;color:var(--gold);opacity:.9;margin-top:18px;font-size:13.5px;font-weight:700;text-decoration:none;display:block}.wafirah-footer.minimal{color:var(--foam-dim);font-size:12px}.offline-banner{bottom:calc(env(safe-area-inset-bottom) + 8px);z-index:70;text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#ffcdc5;background:#ff6b5729;border:1px solid #ff6b578c;border-radius:12px;width:min(92%,480px);padding:9px 14px;font-size:13.5px;font-weight:700;animation:.3s slideIn;position:fixed;left:50%;transform:translate(-50%)}.countdown-overlay.frozen{background:#0a2342ed}.countdown-overlay.frozen .num{color:#8fd6ff;text-shadow:0 0 60px #8fd6ff99}.freeze-news{z-index:60;background:linear-gradient(180deg, var(--sea-600), var(--sea-700));white-space:nowrap;box-shadow:var(--shadow);border:1px solid #8fd6ff;border-radius:999px;padding:9px 18px;font-size:14.5px;font-weight:700;animation:.3s slideIn;position:fixed;top:14px;left:50%;transform:translate(-50%)}.global-skip-banner{background:#35d0a021;border:1px solid #35d0a08c;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;margin:8px 16px 0;padding:9px 14px;font-size:14px;font-weight:700;animation:.3s slideIn;display:flex}.global-skip-banner .copy-btn{background:var(--mint)}.organizer-box{border:1px dashed var(--gold);border-radius:14px;margin-top:14px;padding:12px 14px}.organizer-box .hint{margin-bottom:10px}.skip-grid{gap:8px;display:flex}.skip-grid .aux-btn.active-skip{background:var(--mint);color:var(--sea-900);border-color:var(--mint)}.celebrate{text-align:center}.celebrate .big-emoji{font-size:72px;animation:.7s pop}.wisdom{text-align:center;background:#f5c54214;border:1px solid #f5c54266;border-radius:14px;margin-top:14px;padding:14px 16px}.wisdom-label{color:var(--gold);margin-bottom:6px;font-size:14px;font-weight:800}.wisdom p{font-size:15.5px;line-height:1.9}.setup-note{color:var(--foam-dim);font-size:14px;line-height:1.9}.setup-note code{color:var(--gold);direction:ltr;background:#04102099;border-radius:6px;padding:1px 7px;display:inline-block}.timer-bar{background:#1d4a7e80;border-radius:999px;height:8px;margin:8px 0 4px;overflow:hidden}.timer-bar .fill{background:linear-gradient(90deg, var(--gold), var(--gold-deep));border-radius:999px;height:100%;transition:width 1s linear}.timer-bar .fill.danger{background:linear-gradient(90deg, var(--coral), #d13f2c)}.phase-head{text-align:center;color:var(--gold);margin-bottom:2px;font-family:Changa,Cairo,sans-serif;font-size:19px;font-weight:800}.drone-count{color:var(--gold);justify-content:center;align-items:center;gap:10px;margin:6px 0;font-family:Changa,sans-serif;font-size:40px;font-weight:800;display:flex}.drone-count .plane{font-size:34px}.level-chip{color:var(--sea-900);background:var(--mint);vertical-align:middle;border-radius:999px;padding:2px 12px;font-size:13px;font-weight:800}.question-card{text-align:center;border:1.5px solid var(--sea-line);background:#0410208c;border-radius:16px;margin-top:10px;padding:18px 14px 14px}.question-text{color:var(--foam);direction:ltr;margin-bottom:12px;font-family:Changa,sans-serif;font-size:44px;font-weight:800}.choices-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.choice-btn{font:inherit;color:var(--foam);border:1.5px solid var(--sea-line);cursor:pointer;touch-action:manipulation;background:#1d4a7e66;border-radius:14px;padding:14px 8px;font-family:Changa,sans-serif;font-size:26px;font-weight:800;transition:transform 80ms,background .15s,border-color .15s}.choice-btn:active{transform:scale(.96)}.choice-btn.good{border-color:var(--mint);background:#35d0a059}.choice-btn.bad{border-color:var(--coral);background:#ff6b574d}.toast{top:max(env(safe-area-inset-top), 14px);z-index:90;background:linear-gradient(180deg, var(--sea-600), var(--sea-700));border:1.5px solid var(--gold);white-space:nowrap;box-shadow:var(--shadow);border-radius:999px;padding:9px 20px;font-size:15px;font-weight:800;animation:.25s slideIn;position:fixed;left:50%;transform:translate(-50%)}.mini-board{margin-top:14px}.mini-board ul{border:1px solid var(--sea-line);border-top:none;border-radius:0 0 12px 12px;list-style:none;overflow:hidden}.mini-board li{align-items:center;gap:8px;padding:7px 14px;font-size:14px;display:flex}.mini-board li:nth-child(odd){background:#0410204d}.mini-board .val{color:var(--gold);direction:ltr;margin-inline-start:auto;font-weight:800}.grid6{direction:ltr;grid-template-columns:repeat(6,1fr);gap:6px;margin-top:12px;display:grid}.grid6 .cell{aspect-ratio:1;border:1.5px solid var(--sea-line);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:#12335e8c;border-radius:10px;place-items:center;font-size:20px;transition:transform 80ms,background .15s,border-color .15s;display:grid;position:relative}.grid6 .cell:active{transform:scale(.94)}.grid6 .cell.disabled{cursor:default;opacity:.8}.grid6 .cell.treasure{border-color:var(--gold);background:#f5c54238}.grid6 .cell.miss{background:#1d4a7e40}.grid6 .cell.radar{background:#8fd6ff2e;border-color:#8fd6ff}.grid6 .cell.shielded{border-color:var(--foam-dim);background:#9db8d633}.grid6 .cell.hit{border-color:var(--gold);background:#f5c5424d}.grid6 .cell.mine-pulse{border-color:var(--gold);background:#f5c54266;animation:1.2s infinite cellPulse}@keyframes cellPulse{0%,to{box-shadow:0 0 #f5c54280}50%{box-shadow:0 0 0 6px #f5c54200}}.grid6 .cell .who{color:var(--gold);font-size:9px;font-weight:800;position:absolute;top:1px;right:3px}.grid6 .cell .fetch-label{color:var(--gold);font-size:8.5px;font-weight:800;position:absolute;bottom:0}.grid6.shake{animation:.4s shakeX}@keyframes shakeX{0%,to{transform:translate(0)}25%{transform:translate(-7px)}50%{transform:translate(7px)}75%{transform:translate(-4px)}}.hud{border:1px solid var(--sea-line);background:#0410208c;border-radius:12px;justify-content:center;align-items:center;gap:14px;margin-bottom:10px;padding:8px 12px;font-size:15px;font-weight:800;display:flex}.hud span{direction:ltr}.turn-banner{text-align:center;border:1px solid var(--sea-line);background:#1d4a7e59;border-radius:12px;margin-bottom:10px;padding:9px 12px;font-size:15.5px;font-weight:800}.turn-banner.my-turn{border-color:var(--gold);color:var(--gold);background:#f5c54229;animation:1.8s infinite blink}.opp-tabs{flex-wrap:wrap;gap:8px;margin-bottom:4px;display:flex}.opp-tab{font:inherit;color:var(--foam);border:1.5px solid var(--sea-line);cursor:pointer;touch-action:manipulation;background:#1d4a7e59;border-radius:999px;padding:7px 15px;font-size:14px;font-weight:800}.opp-tab.active{color:var(--sea-900);background:var(--gold);border-color:var(--gold)}.feed-line{text-align:center;color:var(--foam-dim);background:#04102066;border-radius:999px;margin-top:10px;padding:6px 12px;font-size:13.5px}.confirm-overlay{z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#041020bf;place-items:end center;display:grid;position:fixed;inset:0}.confirm-sheet{background:linear-gradient(180deg, var(--sea-700), var(--sea-800));border:1px solid var(--gold);width:100%;max-width:520px;padding:20px 18px calc(env(safe-area-inset-bottom) + 18px);text-align:center;border-radius:22px 22px 0 0;animation:.25s sheetUp}.confirm-sheet .big{margin-bottom:6px;font-size:40px}.confirm-sheet p{margin-bottom:6px;font-size:16px;font-weight:700}.confirm-sheet .row{gap:10px;display:flex}.result-flash{z-index:65;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#041020d1;place-items:center;animation:.2s seqIn;display:grid;position:fixed;inset:0}.result-flash .inner{text-align:center}.result-flash .icon{font-size:90px;animation:.6s pop}.result-flash .label{color:var(--gold);margin-top:8px;font-family:Changa,sans-serif;font-size:26px;font-weight:800}.wisdom-overlay{z-index:70;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#041020ed;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.wisdom-card{text-align:center;border:1.5px solid var(--gold);width:100%;max-width:420px;box-shadow:var(--shadow);background:linear-gradient(#12335ef2,#0b2444fa);border-radius:22px;padding:28px 22px;animation:.35s seqIn}.wisdom-card .w-icon{margin-bottom:8px;font-size:46px}.wisdom-card .w-label{color:var(--gold);margin-bottom:8px;font-size:15px;font-weight:800}.wisdom-card p{font-size:16.5px;line-height:2}.wisdom-card .w-wait{color:var(--foam-dim);margin-top:14px;font-size:13.5px}.mode-cards{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.mode-card{font:inherit;color:var(--foam);border:1.5px solid var(--sea-line);cursor:pointer;text-align:center;touch-action:manipulation;background:#1d4a7e4d;border-radius:14px;padding:14px 10px;font-size:14.5px;font-weight:800;line-height:1.7;transition:background .15s,border-color .15s}.mode-card .m-icon{margin-bottom:4px;font-size:24px;display:block}.mode-card.active{color:#3a2a00;background:linear-gradient(180deg, #ffe08a, var(--gold) 60%, var(--gold-deep));border-color:var(--gold)}.podium-row{justify-content:center;align-items:flex-end;gap:10px;margin:18px 0 6px;display:flex}.podium-col{text-align:center;flex:1;max-width:110px}.podium-col .medal{font-size:34px}.podium-col .p-name{text-overflow:ellipsis;white-space:nowrap;margin:4px 0;font-size:14px;font-weight:800;overflow:hidden}.podium-col .bar{background:linear-gradient(180deg, var(--gold), var(--gold-deep));color:var(--sea-900);border-radius:10px 10px 0 0;place-items:center;font-size:15px;font-weight:800;display:grid}.podium-col.second .bar{background:linear-gradient(#cdd9e8,#93a7bd);height:62px}.podium-col.first .bar{height:88px}.podium-col.third .bar{background:linear-gradient(#e0a06a,#b06f3c);height:46px}.confetti{pointer-events:none;z-index:5;position:fixed;inset:0;overflow:hidden}.confetti i{border-radius:2px;width:9px;height:14px;animation:linear infinite confFall;position:absolute;top:-12px}@keyframes confFall{to{transform:translateY(110vh)rotate(720deg)}}.grid3{direction:ltr;grid-template-columns:repeat(3,1fr);gap:8px;max-width:240px;margin:12px auto 0;display:grid}.grid3 .cell{aspect-ratio:1;border:1.5px solid var(--sea-line);cursor:pointer;touch-action:manipulation;background:#12335e8c;border-radius:10px;place-items:center;font-size:24px;display:grid}.grid3 .cell.treasure{border-color:var(--gold);background:#f5c54240}.grid3 .cell.mine-pulse{border-color:var(--gold);animation:1.2s infinite cellPulse}