.home-nav{width:var(--content-width);min-height:max(76px, calc(175 * var(--unit)));padding:calc(28 * var(--unit)) 0;background:#07111bbb;border-top:1px solid #3a4d62;flex:none;grid-template-columns:repeat(4,1fr);margin-inline:auto;display:grid}.home-nav button{align-items:center;gap:calc(12 * var(--unit));color:#899bb5;background:0 0;border:0;border-right:1px solid #324454;flex-direction:column;padding:0;display:flex;position:relative}.home-nav button:last-child{border-right:0}.home-nav span{font-size:calc(22 * var(--unit))}.home-nav button[aria-current]{color:var(--local-blue)}.home-nav button[aria-current]:before{content:"";top:calc(-28 * var(--unit));width:35%;height:calc(6 * var(--unit));background:var(--local-blue);box-shadow:var(--glow-local);position:absolute}@media (width<=430px){.home-nav span{font-size:9px}}.product-screen{--content-width:min(100vw, 941px, max(390px, 56.28dvh));--unit:min(.10627vw, 1px, max(.41445px, .0598086dvh));--chamfer:calc(18 * var(--unit));width:100%;height:var(--product-viewport-height,100dvh);min-height:0;color:var(--cold-white);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);background:0 0;margin:0 auto}.product-screen button{font:inherit;border-radius:0}.product-screen button:disabled{cursor:default}.product-brand{align-items:center;gap:calc(22 * var(--unit));min-width:0;display:flex}.product-brand svg{width:calc(88 * var(--unit));height:calc(100 * var(--unit));filter:drop-shadow(0 4px 9px #0008);flex:none}.product-brand span{font-size:calc(50 * var(--unit));letter-spacing:.045em;text-shadow:none;font-weight:900}.product-icon{width:calc(58 * var(--unit));height:calc(58 * var(--unit));fill:none;stroke:currentColor;stroke-width:2.8px;stroke-linecap:round;stroke-linejoin:round;flex:none}.product-panel{isolation:isolate;background:var(--panel-border,var(--border-steel));clip-path:var(--panel-shape);border:0;position:relative}.product-panel:before{content:"";z-index:-1;inset:var(--panel-inset,1px);clip-path:var(--panel-shape);background:repeating-linear-gradient(22deg, #afc9e005 0 1px, transparent 1px 3px), var(--panel-fill,linear-gradient(135deg, #283546, var(--panel-surface) 52%, #0b131d));position:absolute;box-shadow:inset 0 1px #b3c6df35,inset 0 -3px 6px #0009}.product-primary{--panel-border:var(--primary-cta-border);--panel-inset:3px;--panel-fill:var(--primary-cta-fill);color:var(--cold-white);background:var(--panel-border)}.product-primary:before{background:var(--panel-fill);box-shadow:var(--primary-cta-inset-glow)}.product-secondary-action{--panel-border:var(--secondary-action-border);--panel-fill:var(--secondary-action-fill);color:var(--cold-white)}.product-secondary-action:before{background:var(--panel-fill);box-shadow:var(--primary-cta-inset-glow)}.product-avatar{width:calc(112 * var(--unit));aspect-ratio:1;padding:calc(5 * var(--unit));background:#152234;border:2px solid #9baac1;border-radius:50%;flex:none;overflow:hidden;box-shadow:inset 0 0 12px #000,0 0 0 2px #26364b}.product-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.product-avatar>span{color:#d9edff;width:100%;height:100%;font-weight:700;font-size:calc(35 * var(--unit));background:linear-gradient(130deg,#426986,#112335);border-radius:50%;place-items:center;display:grid}.tactical-arena{filter:drop-shadow(0 14px 10px #000b);width:100%;height:100%;display:block}.production-status{text-align:center;background:0 0;align-content:center;justify-items:center;height:100dvh;padding:32px;display:grid;overflow-y:auto}.production-status .product-brand{--unit:min(.10627vw, .7px)}.production-status p{max-width:30em;color:var(--text-muted)}.production-status button{flex:none;padding:12px 24px}.production-feedback{z-index:10;top:max(12px, env(safe-area-inset-top));border:1px solid var(--border-steel);width:min(92%,540px);color:var(--cold-white);text-align:center;background:#0d1c2bef;padding:10px 16px;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 3px 18px #0008}.production-aborted{align-content:center;justify-items:center;gap:16px;min-height:50svh;padding:24px;display:grid}.production-match{display:contents}.production-connection-lost{z-index:9;bottom:max(16px, env(safe-area-inset-bottom));border:1px solid var(--border-steel);text-align:center;background:#0d1c2bf2;width:min(92%,540px);min-height:0;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 3px 18px #0008}.production-connection-lost button{min-height:44px;color:var(--cold-white);background:var(--panel-surface);border:1px solid var(--border-steel);font:inherit;padding:10px 16px}.production-connection-lost button:focus-visible{outline:2px solid var(--local-blue);outline-offset:3px}.competitive-screen{flex-direction:column;display:flex}.competitive-content{width:var(--content-width);min-height:0;padding:calc(28 * var(--unit)) calc(35 * var(--unit)) calc(24 * var(--unit));flex-direction:column;flex:1;min-width:0;margin-inline:auto;display:flex}.competitive-content>*{flex:none}.leaderboard-list,.profile-history{flex-direction:column;min-height:0;display:flex;flex:1!important}.competitive-heading{margin:0 calc(15 * var(--unit)) calc(28 * var(--unit))}.competitive-heading h1{font-size:calc(68 * var(--unit));letter-spacing:.025em;text-shadow:none;margin:0;font-weight:900;line-height:1}.competitive-heading p{margin:calc(10 * var(--unit)) 0 0;font-size:calc(30 * var(--unit));color:var(--text-muted);line-height:1.25}.profile-screen .competitive-heading{margin-bottom:calc(42 * var(--unit))}.competitive-section{padding:calc(15 * var(--unit)) calc(14 * var(--unit));margin-top:calc(20 * var(--unit))}.competitive-section h2{margin:0 calc(14 * var(--unit)) calc(18 * var(--unit));font-size:calc(36 * var(--unit));letter-spacing:.025em;font-weight:900;line-height:1.1}.competitive-identity{gap:calc(5 * var(--unit));flex-direction:column;min-width:0;display:flex}.competitive-identity strong{text-overflow:ellipsis;white-space:nowrap;font-size:calc(37 * var(--unit));font-weight:900;overflow:hidden}.competitive-identity b{font-size:calc(40 * var(--unit))}.competitive-identity span,.local-position>span,.profile-wins>span{color:var(--text-muted);font-size:calc(24 * var(--unit));letter-spacing:.06em}.leaderboard-local{--panel-border:#18b4ff;--panel-fill:linear-gradient(120deg, #10243d, #09121e);align-items:center;gap:calc(32 * var(--unit));padding:calc(16 * var(--unit)) calc(48 * var(--unit));min-height:calc(172 * var(--unit));filter:drop-shadow(0 0 12px #0095ff44);display:flex}.local-position{border-right:1px solid #496a8b;flex:none;width:34%}.local-position strong{color:var(--local-blue);font-size:calc(72 * var(--unit));line-height:1.2;display:block}.leaderboard-local .product-avatar{width:calc(140 * var(--unit));border-color:var(--local-blue);box-shadow:var(--glow-local)}.leaderboard-local .competitive-identity{flex:1}.podium-grid{gap:calc(15 * var(--unit));grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;margin-top:0;display:grid}.leaderboard-podium h2{margin-bottom:0}.podium-player{--panel-border:#91a9c4;text-align:center;min-width:0;padding:calc(12 * var(--unit));min-height:calc(245 * var(--unit));flex-direction:column;justify-content:flex-end;align-items:center;display:flex}.podium-player[data-position="1"]{--panel-border:#e9b64c;--panel-fill:linear-gradient(140deg, #44371e, #101724 60%);min-height:calc(275 * var(--unit))}.podium-player[data-position="3"]{--panel-border:#c58662}.podium-medal{color:#101722;background:var(--panel-border);clip-path:polygon(50% 0,95% 25%,95% 75%,50% 100%,5% 75%,5% 25%);font-size:calc(38 * var(--unit));width:calc(62 * var(--unit));height:calc(58 * var(--unit));place-items:center;font-weight:900;display:grid}.podium-player .product-avatar{width:calc(125 * var(--unit));margin:calc(8 * var(--unit)) 0;border-color:var(--panel-border)}.podium-player[data-position="1"] .product-avatar{width:calc(140 * var(--unit))}.podium-player strong{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:calc(27 * var(--unit));line-height:1.1;overflow:hidden}.podium-player b{font-size:calc(36 * var(--unit));line-height:1.1}.competitive-subtitle{margin:calc(-12 * var(--unit)) calc(14 * var(--unit)) calc(14 * var(--unit));font-size:calc(21 * var(--unit));color:var(--text-muted)}.competitive-scroll{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.ranking-row{align-items:center;gap:calc(28 * var(--unit));padding:calc(4 * var(--unit)) calc(30 * var(--unit));margin-bottom:calc(8 * var(--unit));min-height:calc(76 * var(--unit));display:flex}.ranking-row>span{width:calc(48 * var(--unit));font-size:calc(31 * var(--unit));color:#b9cbe8;flex:none;font-weight:700}.ranking-row .product-avatar{width:calc(68 * var(--unit))}.ranking-row strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:calc(30 * var(--unit));flex:1;overflow:hidden}.ranking-row b{padding-left:calc(24 * var(--unit));font-size:calc(31 * var(--unit));color:#b9cbe8;border-left:1px solid #486785;flex:none}.ranking-row[data-local=true]{--panel-border:#20b8ff;--panel-fill:linear-gradient(120deg, #003c7d, #071b38);min-height:calc(114 * var(--unit));margin-top:calc(20 * var(--unit))}.ranking-row[data-local=true]>span{color:var(--local-blue);width:calc(130 * var(--unit));font-size:calc(42 * var(--unit))}.ranking-row[data-local=true] .product-avatar{width:calc(90 * var(--unit));border-color:var(--local-blue)}.profile-identity{--panel-border:#18b4ff;--panel-fill:linear-gradient(120deg, #10243d, #09121e);align-items:center;gap:calc(36 * var(--unit));min-height:calc(270 * var(--unit));padding:calc(27 * var(--unit)) calc(48 * var(--unit));display:flex}.profile-identity .product-avatar{width:calc(215 * var(--unit));border:calc(7 * var(--unit)) solid var(--local-blue);box-shadow:var(--glow-local)}.profile-identity .competitive-identity{flex:1}.profile-identity .competitive-identity b{color:var(--local-blue);font-size:calc(74 * var(--unit));text-shadow:var(--glow-local)}.profile-wins{text-align:center;padding-left:calc(32 * var(--unit));border-left:1px solid #486785}.profile-wins strong{color:var(--local-blue);font-size:calc(66 * var(--unit));display:block}.profile-streak{justify-content:center;align-items:center;gap:calc(40 * var(--unit));margin-top:calc(24 * var(--unit));min-height:calc(218 * var(--unit));padding:calc(24 * var(--unit));display:flex}.profile-streak .product-icon{width:calc(88 * var(--unit));height:calc(88 * var(--unit));color:#8dcaf7}.profile-streak>div{text-align:center}.profile-streak span{font-size:calc(30 * var(--unit));font-weight:800;display:block}.profile-streak strong{color:var(--local-blue);font-size:calc(54 * var(--unit))}.profile-streak p{color:var(--text-muted);font-size:calc(23 * var(--unit));margin:0}.stats-grid{padding:calc(26 * var(--unit)) calc(8 * var(--unit));grid-template-columns:repeat(4,minmax(0,1fr));margin:0;display:grid}.stats-grid>div{text-align:center;border-right:1px solid #486785;min-width:0}.stats-grid>div:last-child{color:var(--local-blue);border:0}.stats-grid dd{font-size:calc(56 * var(--unit));margin:0;font-weight:900}.stats-grid dt{color:var(--text-muted);font-size:calc(22 * var(--unit))}.history-row{align-items:center;gap:calc(22 * var(--unit));width:100%;padding:calc(10 * var(--unit)) calc(24 * var(--unit));min-height:calc(107 * var(--unit));color:var(--cold-white);text-align:left;margin-bottom:calc(8 * var(--unit));display:flex}.history-row .product-avatar,.history-unavailable{width:calc(80 * var(--unit));flex:none}.history-opponent{flex:1;min-width:0}.history-opponent strong{text-overflow:ellipsis;white-space:nowrap;font-size:calc(27 * var(--unit));display:block;overflow:hidden}.history-outcome{align-items:center;gap:calc(6 * var(--unit));font-size:calc(23 * var(--unit));color:var(--local-blue);font-weight:700;display:flex}.history-outcome svg{width:calc(19 * var(--unit));height:calc(19 * var(--unit));fill:none;stroke:currentColor;stroke-width:2px}.history-row[data-outcome=LOSS] .history-outcome,.history-row[data-outcome=LOSS] .history-delta{color:var(--opponent-coral)}.history-opponent small,.history-details small{color:var(--text-muted);font-size:calc(18 * var(--unit));display:block}.history-details{padding-left:calc(22 * var(--unit));font-size:calc(28 * var(--unit));width:calc(200 * var(--unit));border-left:1px solid #486785;flex:none}.history-delta{color:var(--local-blue);font-size:calc(40 * var(--unit));padding-left:calc(20 * var(--unit));min-width:calc(100 * var(--unit));border-left:1px solid #486785;flex:none}.history-row>.product-icon{width:calc(24 * var(--unit));height:calc(32 * var(--unit))}.history-feedback,.competitive-empty{color:var(--text-muted);font-size:max(12px, calc(23 * var(--unit)));padding:calc(12 * var(--unit))}.competitive-feedback{min-height:250px;font-size:max(14px, calc(28 * var(--unit)));padding:24px}.competitive-feedback button{border:1px solid var(--local-blue);min-height:44px;color:var(--cold-white);background:#123253;padding:12px 20px}.history-row:focus-visible,.home-nav button:focus-visible{outline:2px solid var(--local-blue);outline-offset:-3px}@media (width<=430px){.competitive-heading h1{font-size:max(26px, calc(68 * var(--unit)))}.competitive-identity strong,.ranking-row strong,.history-opponent strong{font-size:max(11px, calc(27 * var(--unit)))}.competitive-identity span,.local-position>span,.profile-wins>span,.stats-grid dt{font-size:max(8px, calc(21 * var(--unit)))}.profile-identity{gap:calc(20 * var(--unit));padding:calc(28 * var(--unit))}.profile-identity .product-avatar{width:calc(190 * var(--unit))}.profile-wins{padding-left:calc(18 * var(--unit))}.history-row{gap:calc(16 * var(--unit));min-height:52px}.history-details{width:calc(130 * var(--unit));padding-left:calc(12 * var(--unit))}.history-outcome{font-size:9px}.history-opponent small,.history-details small{font-size:8px}.history-delta{font-size:calc(34 * var(--unit));min-width:calc(82 * var(--unit));padding-left:calc(12 * var(--unit))}}.home-screen{flex-direction:column;display:flex}.home-content{width:var(--content-width);min-height:0;padding:calc(20 * var(--unit)) calc(42 * var(--unit)) calc(30 * var(--unit));flex-direction:column;flex:1;margin-inline:auto;display:flex;overflow-y:auto}.home-content>*{flex:none}.home-header{height:calc(122 * var(--unit));justify-content:space-between;align-items:center;gap:calc(20 * var(--unit));padding:0;display:flex}.home-header .product-brand{flex:1}.home-header .product-brand span{font-size:calc(44 * var(--unit))}.home-profile{align-items:center;gap:calc(16 * var(--unit));width:35%;min-width:0;display:flex}.home-profile .product-avatar{width:calc(102 * var(--unit))}.home-profile>div:last-child{min-width:0}.home-profile strong{text-overflow:ellipsis;white-space:nowrap;font-size:calc(23 * var(--unit));max-width:100%;display:block;overflow:hidden}.home-profile span:not(.product-avatar span){font-size:calc(35 * var(--unit));font-weight:700;display:block}.home-profile small{font-size:calc(17 * var(--unit));color:var(--text-muted);letter-spacing:.08em;font-weight:400;display:block}.home-arena{min-height:60px;max-height:calc(640 * var(--unit));height:calc(640 * var(--unit));margin:calc(8 * var(--unit)) calc(-14 * var(--unit)) calc(20 * var(--unit));flex:auto;position:relative}.home-hero-board{width:100%;height:calc(100% - 42 * var(--unit));object-fit:contain;display:block}.home-arena p{text-align:center;width:100%;font-size:calc(25 * var(--unit));letter-spacing:.18em;color:var(--opponent-coral);margin:0;font-weight:700;position:absolute;bottom:0;left:0}.home-arena p span{color:#9cd2ff}.home-quick{width:100%;min-height:max(74px, calc(190 * var(--unit)));align-items:center;gap:calc(35 * var(--unit));padding:calc(25 * var(--unit)) calc(40 * var(--unit));filter:drop-shadow(var(--primary-cta-glow));display:flex}.home-quick .home-icon-slot{width:calc(90 * var(--unit));height:calc(90 * var(--unit))}.home-quick .product-icon:last-child{width:calc(32 * var(--unit));margin-left:auto}.home-quick span{text-align:left;min-width:0}.home-quick strong{font-size:calc(47 * var(--unit));white-space:nowrap;font-weight:900;display:block}.home-quick small{font-size:calc(31 * var(--unit));color:#b8d4fc;margin-top:calc(8 * var(--unit));display:block}.home-modes{gap:calc(20 * var(--unit));margin:calc(32 * var(--unit)) 0 calc(26 * var(--unit));grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.home-mode{min-height:calc(200 * var(--unit));padding:calc(24 * var(--unit)) calc(24 * var(--unit));text-align:left;color:#c8d3e5}.home-mode .home-icon-slot{width:calc(72 * var(--unit));height:calc(72 * var(--unit));margin-bottom:calc(14 * var(--unit));display:block}.home-mode strong{font-size:calc(25 * var(--unit));white-space:nowrap;font-weight:800;display:block}.home-mode small{color:var(--text-muted);margin-top:calc(6 * var(--unit));font-size:calc(20 * var(--unit));display:block}.home-daily{--panel-border:#33465d;--panel-inset:.5px;--panel-fill:linear-gradient(135deg, #16222f, #091320 52%, #07101a);align-items:center;gap:calc(20 * var(--unit));width:100%;min-height:calc(170 * var(--unit));padding:calc(20 * var(--unit)) calc(36 * var(--unit));margin-bottom:calc(25 * var(--unit));color:#c8d3e5;text-align:left;flex-wrap:wrap;display:flex}.home-daily:before{background:repeating-linear-gradient(22deg, #afc9e002 0 1px, transparent 1px 3px), var(--panel-fill);box-shadow:inset 0 1px #b3c6df14,inset 0 -1px 2px #0004}.home-daily .home-icon-slot{width:calc(65 * var(--unit));height:calc(65 * var(--unit))}.home-daily strong{font-size:calc(28 * var(--unit));font-weight:800;display:block}.home-daily small{color:#62758f;font-size:calc(25 * var(--unit));margin-top:calc(10 * var(--unit));display:block}.home-daily-track{width:100%;height:calc(24 * var(--unit));border:1px solid var(--border-steel);background:#29374a;border-radius:8px}.home-help{--panel-border:transparent;--panel-fill:transparent;margin-top:calc(30 * var(--unit));width:100%;min-height:max(44px, calc(96 * var(--unit)));align-items:center;gap:calc(28 * var(--unit));padding:calc(20 * var(--unit)) calc(36 * var(--unit));color:#bac9df;display:flex}.home-help:before{box-shadow:none;background:0 0}.home-help span{font-size:calc(32 * var(--unit))}.home-help small{font-size:calc(19 * var(--unit));color:#62758f;margin-left:auto}.home-icon-slot{flex:none;position:relative}.home-icon-slot img{width:calc(var(--home-icon-width) * var(--unit));max-width:none;height:auto;transform:translate(var(--home-icon-x), var(--home-icon-y));display:block;position:absolute;top:50%;left:50%}.home-icon-quick-match{--home-icon-width:130.8;--home-icon-x:-53.21%;--home-icon-y:-55.46%}.home-icon-rooms{--home-icon-width:96.32;--home-icon-x:-48.41%;--home-icon-y:-58.06%}.home-icon-friend{--home-icon-width:127.68;--home-icon-x:-48.55%;--home-icon-y:-63.98%}.home-icon-friend img{left:calc(50% + 3 * var(--unit))}.home-icon-bot{--home-icon-width:114.24;--home-icon-x:-52.43%;--home-icon-y:-41.97%}.home-icon-daily{--home-icon-width:72;--home-icon-x:-50.4%;--home-icon-y:-42.43%}.home-help .home-icon-slot{width:calc(58 * var(--unit));height:calc(58 * var(--unit))}.home-icon-how-to-play{--home-icon-width:68;--home-icon-x:-48.73%;--home-icon-y:-43.8%}@media (width<=430px){.home-header .product-brand span{font-size:calc(41 * var(--unit))}.home-profile strong{font-size:max(10px, calc(23 * var(--unit)))}.home-profile small{font-size:8px}.home-modes small,.home-help small{font-size:9px}.home-mode strong{font-size:max(9px, calc(25 * var(--unit)))}}.shop-screen{flex-direction:column;display:flex}.shop-content{width:var(--content-width);overscroll-behavior:contain;min-height:0;padding:calc(20 * var(--unit)) calc(42 * var(--unit)) calc(32 * var(--unit));flex:1;margin-inline:auto;overflow-y:auto}.shop-header{margin-bottom:calc(10 * var(--unit))}.shop-heading h1{font-size:calc(68 * var(--unit));letter-spacing:.04em;margin:0;font-weight:900;line-height:1.1}.shop-heading p{margin:calc(7 * var(--unit)) 0 calc(28 * var(--unit));color:var(--text-muted);font-size:max(12px, calc(30 * var(--unit)));line-height:1.3}.shop-categories{margin-bottom:calc(24 * var(--unit));grid-template-columns:repeat(3,1fr);display:grid}.shop-categories button{min-height:44px;height:calc(74 * var(--unit));color:var(--text-muted);font-size:max(12px, calc(26 * var(--unit)));font-weight:700}.shop-categories button[aria-selected=true]{--panel-border:#08a9e5;--panel-fill:linear-gradient(120deg, #102d46, #05223e);color:var(--cold-white)}.shop-intro{padding:calc(20 * var(--unit)) calc(48 * var(--unit))}.shop-intro strong{font-size:max(12px, calc(28 * var(--unit)))}.shop-intro p{color:var(--text-muted);font-size:max(11px, calc(24 * var(--unit)));margin:calc(9 * var(--unit)) 0 0}.shop-section{margin-top:calc(32 * var(--unit))}.shop-section-heading{margin-bottom:calc(12 * var(--unit));justify-content:space-between;align-items:center;gap:8px;display:flex}.shop-section-heading h2{padding-left:calc(48 * var(--unit));font-size:max(12px, calc(30 * var(--unit)));letter-spacing:.03em;white-space:nowrap;margin:0;position:relative}.shop-section-heading h2:before{content:"";left:calc(12 * var(--unit));height:90%;width:max(3px, calc(7 * var(--unit)));background:var(--local-blue);position:absolute;top:5%;box-shadow:0 0 9px #00a8e566}.shop-premium h2:before{background:var(--opponent-coral);box-shadow:0 0 9px #ef535344}.shop-section-heading>span{color:var(--text-muted);font-size:max(9px, calc(22 * var(--unit)))}.shop-free-row{padding:calc(6 * var(--unit));grid-template-columns:repeat(4,1fr);display:grid}.shop-free-row img{width:100%;height:auto;display:block}.shop-grid{gap:calc(14 * var(--unit));grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.shop-card{min-height:110px;height:calc(218 * var(--unit));padding:calc(8 * var(--unit));grid-template-columns:54% 46%;align-items:center;display:grid}.shop-card>img{object-fit:contain;width:100%;height:100%;min-height:0;display:block}.shop-card-details{min-width:0;padding-right:calc(10 * var(--unit));gap:calc(34 * var(--unit));flex-direction:column;display:flex}.shop-card h3{font-size:max(11px, calc(27 * var(--unit)));text-transform:uppercase;margin:0;font-weight:700}.shop-price,.shop-owned{justify-content:center;align-items:center;gap:calc(10 * var(--unit));min-height:44px;height:calc(62 * var(--unit));white-space:nowrap;flex:none;width:100%;padding:2px;display:flex;font-size:max(10px, calc(25 * var(--unit)))!important;font-weight:700!important}.shop-price{--panel-border:#009dd5;--panel-fill:linear-gradient(120deg, #093b58, #06233c);color:var(--cold-white)}.shop-owned{--panel-border:#42566b;--panel-fill:linear-gradient(130deg, #152230, #0c1520);color:#9dafc5;font-size:max(9px, calc(23 * var(--unit)))!important}.shop-owned>span{font-size:1.4em}.shop-screen button:focus-visible{outline:2px solid var(--cold-white);outline-offset:-5px}@media (width<=360px){.shop-section-heading{align-items:flex-start}.shop-premium .shop-section-heading>span{text-align:right;max-width:78px}.shop-card{grid-template-columns:51% 49%}}.shop-piece-card{height:calc(206 * var(--unit));grid-template-columns:44% 56%}.shop-piece-card .shop-card-details{gap:calc(30 * var(--unit))}.shop-piece-card h3{font-size:max(11px, calc(25 * var(--unit)))}.shop-piece-card[data-piece-id=FLAG_AZ] h3{font-size:max(10px, calc(22 * var(--unit)))}.shop-piece-card .shop-price{font-size:max(10px, calc(22 * var(--unit)))!important}.shop-piece-card[data-selected=true]{--panel-border:#4a7891;--panel-fill:linear-gradient(125deg, #162936, #0a1723)}.shop-pieces-flags h2:before{background:var(--opponent-coral);box-shadow:0 0 9px #ef535344}.shop-selection-feedback{color:var(--text-muted);font-size:max(12px, calc(24 * var(--unit)))}@media (width<=360px){.shop-piece-card{grid-template-columns:1fr;gap:4px;height:auto;padding:8px}.shop-piece-card>img{aspect-ratio:1;height:auto;max-height:106px}.shop-piece-card .shop-card-details{text-align:center;gap:8px;padding:0}.shop-piece-card h3{font-size:11px}.shop-piece-card .shop-price,.shop-piece-card .shop-owned{font-size:10px!important}}.shop-wall-card{min-width:0;height:calc(288 * var(--unit));min-height:156px;padding:calc(24 * var(--unit)) calc(12 * var(--unit));grid-template-rows:auto 1fr auto;align-items:center;display:grid}.shop-wall-card h3{padding-inline:calc(20 * var(--unit));font-size:max(12px, calc(30 * var(--unit)));margin:0;line-height:1.2}.shop-wall-card>img{width:100%;height:calc(100 * var(--unit));display:block}.shop-wall-action{padding-inline:calc(16 * var(--unit))}.shop-wall-card .shop-price,.shop-wall-card .shop-owned{height:calc(66 * var(--unit))}.shop-wall-intro strong{font-size:max(12px, calc(25 * var(--unit)))}.shop-wall-intro p{font-size:max(11px, calc(23 * var(--unit)))}.room-screen{padding:calc(40 * var(--unit)) max(calc(40 * var(--unit)), calc((100% - var(--content-width)) / 2 + 40 * var(--unit)));padding-top:max(calc(40 * var(--unit)), env(safe-area-inset-top));flex-direction:column;display:flex}.room-body{flex:1;min-height:0;overflow-y:auto}.room-screen:has(.room-list) .room-body{flex-direction:column;display:flex}.room-body>*{flex:none}.room-header{align-items:center;gap:calc(34 * var(--unit));margin-bottom:calc(36 * var(--unit));flex:none;padding:0;display:flex}.room-header>div{min-width:0}.room-header h1{font-size:calc(64 * var(--unit));letter-spacing:.02em;text-shadow:none;margin:0;font-weight:900;line-height:1.15}.room-header p{color:#8ca9d3;font-size:max(11px, calc(28 * var(--unit)));margin:calc(12 * var(--unit)) 0 0}.room-create-screen .room-header h1{font-size:calc(52 * var(--unit));white-space:nowrap}.room-screen{--panel-shape:polygon(var(--chamfer) 0, calc(100% - var(--chamfer)) 0, 100% var(--chamfer), 100% calc(100% - var(--chamfer)), calc(100% - var(--chamfer)) 100%, var(--chamfer) 100%, 0 calc(100% - var(--chamfer)), 0 var(--chamfer))}.room-back{width:calc(92 * var(--unit));min-width:44px;height:calc(100 * var(--unit));min-height:44px;padding:calc(18 * var(--unit));flex:none}.room-back svg{fill:none;stroke:#c9dfff;stroke-width:4px;width:100%;height:100%}.room-create{justify-content:center;align-items:center;gap:calc(44 * var(--unit));width:100%;height:calc(160 * var(--unit));letter-spacing:.02em;min-height:64px;filter:drop-shadow(var(--primary-cta-glow));display:flex;font-size:max(18px, calc(48 * var(--unit)))!important;font-weight:900!important}.room-create>span{width:calc(92 * var(--unit));height:calc(92 * var(--unit));font-size:calc(78 * var(--unit));border:2px solid var(--primary-cta-border);flex:none;place-items:center;display:grid}.room-screen .product-primary:disabled,.room-screen .product-secondary-action:disabled{--panel-border:#4f5d72;--panel-fill:linear-gradient(135deg, #1a2534, #0b141e);color:#657791;filter:none}.room-list-heading{font-size:max(15px, calc(34 * var(--unit)));padding:calc(28 * var(--unit));margin:calc(36 * var(--unit)) 0 calc(26 * var(--unit));font-weight:900}.room-list-heading span{color:var(--local-blue)}.room-list{align-content:start;gap:calc(28 * var(--unit));flex:1;min-height:0;display:grid;overflow-y:auto}.room-row{align-items:center;gap:calc(26 * var(--unit));padding:calc(20 * var(--unit));min-height:calc(156 * var(--unit));display:flex}.room-row-content{flex:1;min-width:0}.room-row-content>strong{text-overflow:ellipsis;white-space:nowrap;font-size:max(14px, calc(32 * var(--unit)));display:block;overflow:hidden}.room-row-content>small{color:#8ca9d3;font-size:max(10px, calc(18 * var(--unit)))}.room-settings-summary{justify-content:space-between;gap:calc(14 * var(--unit));color:#a6c4f1;font-size:max(10px, calc(24 * var(--unit)));display:flex}.room-settings-summary>span{align-items:center;gap:calc(12 * var(--unit));white-space:nowrap;display:flex}.room-glyph{width:calc(54 * var(--unit));height:calc(54 * var(--unit));fill:none;stroke:currentColor;stroke-width:3px;flex:none}.room-glyph-duel{stroke-width:1px}.room-blue{fill:#00baff;stroke:#8ee9ff}.room-coral{fill:#fa434d;stroke:#ffaba8}.room-row .room-glyph{width:calc(30 * var(--unit));height:calc(30 * var(--unit))}.room-row .room-settings-summary{margin-top:calc(12 * var(--unit))}.room-row-action{justify-items:center;gap:calc(12 * var(--unit));flex:none;display:grid}.room-row-action>span{color:#8ca9d3;font-size:max(12px, calc(26 * var(--unit)))}.room-row-action>button{font-size:max(13px, calc(26 * var(--unit)));width:calc(180 * var(--unit));min-width:65px;min-height:44px;height:calc(68 * var(--unit));font-weight:900}.room-empty{text-align:center;color:#8ca9d3;font-size:max(14px, calc(30 * var(--unit)));padding:24px 12px}.room-feedback{color:#b5c8df;font-size:max(12px, calc(24 * var(--unit)));margin:14px 0}.room-retry{padding:12px 24px;font-weight:800}.room-form{margin-top:calc(86 * var(--unit));margin-bottom:calc(96 * var(--unit))}.room-form section+section{margin-top:calc(76 * var(--unit))}.room-form h2{font-size:max(18px, calc(40 * var(--unit)));margin:0 0 calc(28 * var(--unit));font-weight:900}.room-mode-options,.room-wall-options,.room-time-options{gap:calc(22 * var(--unit));display:grid}.room-mode-options,.room-wall-options{grid-template-columns:repeat(2,minmax(0,1fr))}.room-time-options{grid-template-columns:repeat(3,minmax(0,1fr))}.room-form button[aria-pressed=true]{--panel-border:#43d9ff;--panel-inset:3px;--panel-fill:linear-gradient(135deg, #005aaf, #061e4e 70%, #004487);color:var(--cold-white);background:var(--panel-border);filter:drop-shadow(0 0 9px #006aff70)}.room-mode-options button{align-items:center;gap:calc(24 * var(--unit));padding:calc(28 * var(--unit));min-height:calc(212 * var(--unit));text-align:left;display:flex}.room-mode-options .room-glyph{width:calc(136 * var(--unit));height:calc(136 * var(--unit))}.room-mode-options span{min-width:0}.room-mode-options strong{font-size:max(16px, calc(36 * var(--unit)))}.room-mode-options small{color:#8ca9d3;font-size:max(11px, calc(25 * var(--unit)));margin-top:8px;line-height:1.15;display:block}.room-wall-options button{justify-content:center;align-items:center;gap:calc(40 * var(--unit));height:calc(136 * var(--unit));min-height:60px;display:flex}.room-wall-options strong{font-size:max(26px, calc(62 * var(--unit)))}.room-time-options button{align-content:center;justify-items:center;gap:calc(24 * var(--unit));height:calc(190 * var(--unit));min-height:90px;padding:8px 2px;display:grid}.room-time-options strong{font-size:max(12px, calc(30 * var(--unit)))}.room-infinity{font-size:calc(80 * var(--unit));line-height:.75}.room-turn-note{color:#8ca9d3;font-size:max(11px, calc(20 * var(--unit)));margin:calc(20 * var(--unit)) 0 0}.room-friend-intro{margin:calc(115 * var(--unit)) calc(36 * var(--unit)) calc(46 * var(--unit));font-size:max(17px, calc(36 * var(--unit)));color:#839fc8;line-height:1.3}.room-friend-intro+.room-create{height:calc(220 * var(--unit))}.room-or{align-items:center;gap:calc(40 * var(--unit));margin:calc(74 * var(--unit)) calc(24 * var(--unit)) calc(90 * var(--unit));color:#8ca9d3;font-size:calc(40 * var(--unit));font-weight:900;display:flex}.room-or:before,.room-or:after{content:"";background:#7993ba;flex:1;height:2px}.room-code-form label{font-size:max(18px, calc(36 * var(--unit)));margin:0 calc(34 * var(--unit)) calc(36 * var(--unit));font-weight:900;display:block}.room-code-field{padding:3px}.room-code-field input{width:100%;min-width:0;height:calc(136 * var(--unit));min-height:60px;padding:calc(34 * var(--unit)) calc(66 * var(--unit));font:inherit;font-size:max(22px, calc(46 * var(--unit)));color:#cbe6ff;letter-spacing:.06em;background:0 0;border:0}.room-code-field input::placeholder{color:#687fa6}.room-join-code{width:100%;height:calc(140 * var(--unit));min-height:60px;margin-top:calc(40 * var(--unit));font-size:max(19px, calc(43 * var(--unit)))!important;font-weight:900!important}.room-waiting-status{margin-top:calc(102 * var(--unit));text-align:center}.room-waiting-status h2{font-size:max(23px, calc(56 * var(--unit)));margin:0;font-weight:900}.room-waiting-status p{font-size:max(13px, calc(34 * var(--unit)));color:#8ca9d3;margin:calc(14 * var(--unit)) 0}.room-waiting-status>span{justify-content:center;align-items:center;gap:calc(32 * var(--unit));color:#5bcbff;font-size:calc(44 * var(--unit));margin:calc(30 * var(--unit)) 0 calc(52 * var(--unit));padding-bottom:calc(20 * var(--unit));border-bottom:2px solid #0366b8;font-weight:900;display:flex}.room-player-slots{grid-template-columns:minmax(0, 1fr) calc(106 * var(--unit)) minmax(0, 1fr);align-items:center;display:grid}.room-player-slots>section{min-height:calc(450 * var(--unit));padding:calc(26 * var(--unit));flex-direction:column;justify-content:center;align-items:center;display:flex}.room-host-slot{--panel-border:#20d8ff;--panel-inset:3px;--panel-fill:linear-gradient(135deg, #074687, #06172e 75%);filter:drop-shadow(0 0 10px #006aff50)}.room-player-slots .product-avatar,.room-silhouette{width:calc(204 * var(--unit));margin-bottom:calc(28 * var(--unit))}.room-host-slot>strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:max(16px, calc(37 * var(--unit)));overflow:hidden}.room-host-slot>span{color:#7bace4;font-size:max(11px, calc(28 * var(--unit)));margin-top:calc(12 * var(--unit))}.room-versus{text-align:center;font-size:calc(36 * var(--unit));font-weight:900}.room-silhouette{aspect-ratio:1;color:#49658c;border:2px dashed #49658c;border-radius:50%;place-items:center;display:grid}.room-silhouette svg{width:70%;height:70%}.room-empty-slot strong{color:#94b2dc;text-align:center;font-size:max(12px, calc(28 * var(--unit)))}.room-waiting-settings{padding:calc(26 * var(--unit)) calc(34 * var(--unit));margin-top:calc(60 * var(--unit))}.room-waiting-settings h3{margin:0 0 calc(34 * var(--unit));color:#6f8db9;font-size:max(13px, calc(28 * var(--unit)))}.room-waiting-settings .room-settings-summary{padding:calc(10 * var(--unit)) 0;font-weight:900;font-size:max(12px, calc(34 * var(--unit)));color:#d2e4fd}.room-waiting-settings .room-glyph{width:calc(74 * var(--unit));height:calc(74 * var(--unit))}.room-private-code{padding:calc(22 * var(--unit)) calc(34 * var(--unit));margin-top:calc(24 * var(--unit));color:#94b2dc;font-size:max(12px, calc(24 * var(--unit)));justify-content:space-between;align-items:center;display:flex}.room-private-code strong{color:#8ce5ff;font-size:max(22px, calc(40 * var(--unit)));letter-spacing:.15em;-webkit-user-select:text;user-select:text}.room-close{justify-content:center;align-items:center;gap:calc(34 * var(--unit));width:100%;margin-top:calc(74 * var(--unit));min-height:54px;height:calc(100 * var(--unit));display:flex;font-size:max(15px, calc(32 * var(--unit)))!important;font-weight:900!important}.room-close>span{font-size:calc(76 * var(--unit));line-height:.7}@media (width<=480px){.room-create-screen .room-header h1{font-size:clamp(15px,4.9vw,24px)}.room-header h1{font-size:clamp(20px,6.1vw,30px)}.room-header,.room-create{gap:10px}.room-create>span{width:30px;height:30px;font-size:30px}.room-row{flex-wrap:wrap;gap:8px;padding:12px}.room-row .product-avatar{width:44px}.room-row-content{flex-basis:calc(100% - 60px)}.room-row-action{justify-content:space-between;width:100%;display:flex}.room-mode-options button{text-align:center;flex-direction:column}.room-mode-options .room-glyph{width:46px;height:46px}.room-settings-summary{flex-wrap:wrap;row-gap:5px}.room-waiting-settings .room-glyph{width:24px;height:24px}}@media (height<=750px){.room-form,.bot-difficulty{margin-block:calc(32 * var(--unit))}.room-form section+section,.room-waiting-status,.room-close,.room-waiting-settings,.room-friend-intro{margin-top:calc(32 * var(--unit))}.room-or{margin-block:calc(32 * var(--unit))}}@media (height<=650px) and (width<=480px){.room-waiting-status>span{margin-bottom:calc(24 * var(--unit));padding-bottom:calc(12 * var(--unit))}.room-close{margin-top:calc(16 * var(--unit))}.room-mode-options button{text-align:left;flex-direction:row;gap:6px;padding:8px}.room-mode-options .room-glyph{flex:none;width:24px;height:24px}.room-mode-options small{margin-top:4px}}.bot-difficulty{margin:calc(100 * var(--unit)) 0 calc(72 * var(--unit))}.bot-difficulty h2{font-size:max(16px, calc(36 * var(--unit)));color:#b9cde6}.bot-options{gap:calc(28 * var(--unit));display:grid}.bot-options button{gap:calc(14 * var(--unit));text-align:left;padding:calc(34 * var(--unit));min-height:72px;display:grid}.bot-options strong{font-size:max(18px, calc(42 * var(--unit)))}.bot-options small{font-size:max(12px, calc(26 * var(--unit)));color:#8ca9d3}.bot-options button[aria-pressed=true]{--panel-border:#39c9ff;--panel-fill:linear-gradient(120deg, #123754, #101b2d);color:#b9eeff;filter:drop-shadow(0 0 8px #006bbe60)}.bot-error{z-index:10;color:#d4e6fc;background:#111e30;border:1px solid #6284a9;max-width:600px;margin:auto;padding:18px;position:fixed;inset:auto 12px 12px}.bot-error button{min-height:44px;margin:4px 8px 4px 0;padding:8px 18px}.gameplay-screen{isolation:isolate;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:radial-gradient(ellipse at 50% 60%, #06305a24, transparent 64%), repeating-linear-gradient(135deg, transparent 0 150px, #29426124 151px, #10213a48 153px, #0b162a55 176px, #050c1670 218px, #1c41623d 219px, transparent 221px 330px), repeating-linear-gradient(45deg, transparent 0 230px, #19365728 231px, #10213d33 234px 270px, #02091250 271px 310px, transparent 312px 490px), var(--background);position:relative;overflow:hidden}.gameplay-screen:before{content:"";pointer-events:none;z-index:-1;background:repeating-linear-gradient(135deg,#0000 0 310px,#006bce38 311px,#0000 313px 660px);position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 48%,#0000 20%,#000 82%);mask-image:radial-gradient(at 50% 48%,#0000 20%,#000 82%)}.gameplay-surface{--surface-width:min(100%, 56.3dvh, 960px);max-height:100%;width:var(--surface-width);margin-inline:auto;padding:min(4.45vw,2.51dvh) min(3.2vw,1.8dvh) min(12vw,6.76dvh);overflow-y:auto;container-type:inline-size}.gameplay-menu-row{justify-content:flex-end;margin-bottom:3.3cqw;display:flex}.angular-button{background:var(--border-steel);min-height:44px;color:var(--cold-white);clip-path:var(--panel-shape);font-family:var(--font-industrial);border:0;border-radius:0;justify-content:center;align-items:center;padding:1px;display:flex;position:relative}.angular-button:before{content:"";z-index:-1;clip-path:var(--panel-shape);background:linear-gradient(125deg,#253246,#101925 55%,#080f19);position:absolute;inset:1px;box-shadow:inset 0 1px 1px #b7c8e026,inset 0 -2px 3px #0009}.angular-button:focus-visible{filter:drop-shadow(0 0 5px var(--local-blue));background:#c3eeff;outline:none}.angular-button:disabled{cursor:default}.match-menu{flex:none;width:max(44px,8.3cqw);height:max(44px,7.6cqw)}.match-menu svg{width:55%;fill:var(--cold-white)}.match-players{grid-template-columns:minmax(0,1fr) 9.4% minmax(0,1fr);align-items:center;display:grid}.player-card{--accent:var(--local-blue);--card-tint:#003477;background:linear-gradient(125deg, #8b9dba, var(--accent) 36%, #14466b);min-width:0;clip-path:var(--panel-shape);padding:1px;position:relative}.player-card--opponent{--accent:var(--opponent-coral);--card-tint:#34202b;background:linear-gradient(125deg,#ac677e,#53627c 45%,#752e3a)}.player-card__surface{min-height:13.4cqw;clip-path:var(--panel-shape);background:linear-gradient(180deg, #b5c4df09, transparent 45%, #0003), linear-gradient(115deg, var(--card-tint), #0a1423 85%);align-items:center;gap:2cqw;padding:1.3cqw 1.8cqw;display:flex;box-shadow:inset 0 1px 1px #a3bbdb26,inset 0 -2px 4px #0007}.player-avatar{border:1px solid var(--accent);width:11cqw;height:11cqw;box-shadow:0 0 7px var(--accent), inset 0 0 6px #000;background:radial-gradient(circle at 40% 25%,#33445b,#0a1220 75%);border-radius:50%;flex:none;place-items:center;padding:2px;display:grid;overflow:hidden}.player-avatar span{color:#bed0e5;text-shadow:0 0 4px #000;font-size:3.2cqw;font-weight:800}.player-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.player-identity{flex-direction:column;flex:1;gap:.4cqw;min-width:0;display:flex}.player-name{font:800 3.1cqw/1.15 var(--font-industrial);letter-spacing:.015em;transform-origin:0;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;width:116%;font-stretch:75%;overflow:hidden;transform:scaleX(.86)}.player-rating,.player-meta{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:2.8cqw;font-weight:700}.player-walls{width:10cqw;height:8cqw;clip-path:var(--panel-shape);background:linear-gradient(135deg,#24324888,#030a1599 60%);border-top:1px solid #52657e40;border-bottom:1px solid #43516b66;flex:none;justify-content:center;align-items:center;gap:1.3cqw;display:flex;box-shadow:inset 0 2px 5px #0006}.player-clock{color:var(--text-muted);font:700 2.8cqw/1 var(--font-industrial);font-variant-numeric:tabular-nums;white-space:nowrap}.player-clock[data-running=true]{color:var(--cold-white)}.player-walls svg{fill:#73859e;stroke:#b9c9df;stroke-width:.65px;width:3.4cqw;height:4cqw}.player-walls strong{font:800 3.5cqw/1 var(--font-industrial)}.match-versus{text-align:center;color:#7083a3;font:800 3.4cqw/1 var(--font-industrial)}.turn-banner{--turn-color:#80d6ff;color:var(--turn-color);font:800 3.3cqw/1.3 var(--font-industrial);letter-spacing:.18em;white-space:nowrap;text-shadow:0 0 10px #008cff44;justify-content:center;align-items:center;gap:3.6cqw;margin:5.4cqw 12% 3.4cqw;display:flex}.turn-banner:before,.turn-banner:after{content:"";background:linear-gradient(90deg, #005acc, var(--turn-color));flex:1;height:2px;box-shadow:0 0 7px #007bff44}.turn-banner:after{transform:rotate(180deg)}.turn-banner--opponent{--turn-color:#e3a2a9}.turn-banner--opponent:before,.turn-banner--opponent:after{background:linear-gradient(90deg, #643044, var(--turn-color));box-shadow:none}.turn-banner--neutral{--turn-color:var(--text-muted)}.turn-banner--timed{margin-bottom:1cqw}.turn-timer{--timer-color:var(--local-blue);border-block:1px solid color-mix(in srgb, var(--timer-color), transparent 72%);width:fit-content;color:var(--timer-color);font:700 4cqw/1.2 var(--font-industrial);font-variant-numeric:tabular-nums;letter-spacing:.1em;white-space:nowrap;background:linear-gradient(90deg,#0000,#122234b3,#0000);margin:0 auto 3.4cqw;padding:.6cqw 3cqw}.turn-timer--opponent{--timer-color:var(--opponent-coral)}.turn-timer[data-urgency=warning]{border-color:color-mix(in srgb, var(--timer-color), transparent 35%);text-shadow:0 0 8px color-mix(in srgb, var(--timer-color), transparent 55%)}.turn-timer[data-urgency=critical]{border-color:var(--timer-color);text-shadow:0 0 10px color-mix(in srgb, var(--timer-color), transparent 25%);animation:1.4s ease-in-out infinite turn-timer-pulse}@keyframes turn-timer-pulse{50%{opacity:.75}}@media (prefers-reduced-motion:reduce){.turn-timer[data-urgency=critical]{animation:none}}.turn-accent{animation:.15s ease-out turn-accent}@keyframes turn-accent{0%{opacity:.65;transform:translateY(2px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.turn-accent{animation:none}}.gameplay-controls{--wall-control-height:max(44px, 12.3cqw);gap:1.5cqw;width:82%;margin:4.8cqw auto 0;display:flex}.orientation-controls{min-width:0;clip-path:var(--panel-shape);background:linear-gradient(115deg,#26344b,#0e1724);flex:1;gap:2.6cqw;padding:0 1.4cqw;display:flex;box-shadow:inset 0 1px 1px #b6cae244,inset 0 -2px 3px #000a}.orientation-controls[data-drag-active=true]{opacity:.5}.orientation-button{touch-action:none;-webkit-user-select:none;user-select:none;min-width:0;height:var(--wall-control-height);color:#93a5c6;letter-spacing:.03em;flex-direction:column;flex:1;gap:2cqw;font-size:2.35cqw;font-weight:800}.orientation-button>span:last-child{white-space:nowrap;transform:scaleX(.9)}.angular-button:focus-visible:after{content:"";border:2px solid var(--cold-white);clip-path:var(--panel-shape);pointer-events:none;position:absolute;inset:3px}.wall-icon{background:linear-gradient(120deg,#c9d5ed,#637998);border:1px solid #dbe5f5;width:10.2cqw;height:2.1cqw;display:block;box-shadow:0 2px 2px #000}.wall-icon--V{width:1.7cqw;height:5.9cqw;margin-bottom:-1.9cqw}.orientation-button[aria-pressed=true]{color:var(--cold-white);background:var(--local-blue);filter:drop-shadow(var(--glow-local))}.orientation-button[aria-pressed=true]:before{background:radial-gradient(at 50% 20%,#004abe,#001942 90%);box-shadow:inset 0 0 15px #006cff}.orientation-button:disabled{opacity:.65}.control-walls{width:var(--wall-control-height);height:var(--wall-control-height);clip-path:var(--panel-shape);background:linear-gradient(125deg,#253246,#101925 55%,#080f19);border-block:1px solid #52657e40;flex:none;justify-content:center;align-items:center;gap:1cqw;display:flex}.control-walls svg{fill:#73859e;stroke:#b9c9df;stroke-width:.65px;width:clamp(12px,3.4cqw,24px);height:clamp(14px,4cqw,28px)}.control-walls strong{font:800 clamp(14px, 3.5cqw, 28px)/1 var(--font-industrial)}.gameplay-reactions{--reaction-row-height:clamp(52px, 14cqw, 68px);grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:var(--reaction-row-height);width:82%;max-height:calc(2 * var(--reaction-row-height) + 16px);overscroll-behavior:contain;background:linear-gradient(115deg,#172232aa,#0b131ecc);border:1px solid #43516b55;border-radius:6px;gap:4px;margin:2cqw auto 0;padding:5px;display:grid;overflow:hidden auto}.gameplay-reaction{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;place-items:center;min-width:44px;min-height:44px;padding:0;display:grid}.gameplay-reaction img{object-fit:contain;pointer-events:none;width:clamp(44px,12cqw,56px);height:clamp(44px,12cqw,56px)}.gameplay-reaction:disabled{opacity:.42;cursor:default}.gameplay-reaction:enabled:hover{background:#7185a014}.gameplay-reaction:focus-visible{outline:2px solid var(--cold-white);outline-offset:-3px;border-color:var(--local-blue)}.player-reaction-lane{min-width:0;position:relative}.player-reaction{z-index:2;object-fit:contain;pointer-events:none;width:clamp(56px,14cqw,64px);height:clamp(56px,14cqw,64px);animation:1.6s ease-out both gameplay-reaction;position:absolute;top:calc(100% - 4px);right:30%}.player-reaction-lane--opponent .player-reaction{left:30%;right:auto}.reaction-announcement{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes gameplay-reaction{0%{opacity:0;transform:scale(.75)}6%{opacity:1;transform:scale(1.08)}9%,89%{opacity:1;transform:scale(1)}to{opacity:0;transform:translateY(-4px)scale(1)}}@keyframes gameplay-reaction-reduced{0%{opacity:0}9%,89%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.player-reaction{animation-name:gameplay-reaction-reduced}}@media (width<=360px){.player-card__surface{gap:1.1cqw;padding-inline:1.1cqw}.player-name{font-size:3.15cqw}.gameplay-controls,.gameplay-reactions{width:94%}.orientation-button{font-size:2.65cqw}}@media (height<=650px) and (orientation:portrait){.player-reaction{top:calc(100% - 12px)}.gameplay-surface{--surface-width:min(100vw, 73dvh, 600px);padding-top:2cqw;padding-bottom:2cqw}.gameplay-menu-row{margin-bottom:2cqw}.turn-banner{margin-block:3cqw 2cqw}.gameplay-controls{margin-top:2cqw}}.replay-surface{--chamfer:max(7px, 1.5cqw);width:min(100%,56.3dvh,960px);max-height:100%;margin-inline:auto;padding:min(3.7vw,2.08dvh) min(3.2vw,1.8dvh) min(8vw,4.5dvh);overflow-y:auto;container-type:inline-size}.replay-header{align-items:center;gap:5cqw;margin-bottom:3.8cqw;padding:0;display:flex}.replay-button,.replay-panel{isolation:isolate;clip-path:var(--panel-shape);color:var(--cold-white);background:linear-gradient(125deg,#7188a7,#26374e 60%,#536682);border:0;border-radius:0;padding:1px;position:relative}.replay-button:before,.replay-panel:before{content:"";z-index:-1;clip-path:var(--panel-shape);background:linear-gradient(125deg,#1b293c,#060f1b 60%,#0e1927);position:absolute;inset:1px;box-shadow:inset 0 1px 1px #c2d6f526,inset 0 -2px 3px #0009}.replay-button{flex:none;place-items:center;min-height:44px;display:grid}.replay-button svg{fill:#eaf3ff;stroke:#c9d8eb;stroke-width:.6px;filter:drop-shadow(0 2px 1px #000);width:28%}.replay-button:focus-visible{outline:none}.replay-button:not(.replay-primary):not([aria-pressed=true]):focus-visible{filter:drop-shadow(0 0 5px var(--local-blue));background:#c3eeff}.replay-button:focus-visible:after{content:"";border:2px solid var(--cold-white);clip-path:var(--panel-shape);position:absolute;inset:3px}.replay-button:disabled{opacity:.45;cursor:default}.replay-back{width:max(44px,8.7cqw);height:max(44px,7.7cqw)}.replay-back svg{width:32%}.replay-heading{flex:1;align-items:center;gap:1.8cqw;min-width:0;display:flex}.replay-mark{flex:none;width:6.6cqw;height:7.3cqw}.replay-heading h1{font:900 max(14px, 3.7cqw)/1 var(--font-industrial);letter-spacing:.06em;text-shadow:none;margin:0}.replay-counter{width:19.5cqw;height:max(44px,7.7cqw);color:var(--text-muted);font:800 4cqw/1 var(--font-industrial);font-variant-numeric:tabular-nums;flex:none;justify-content:center;align-items:center;gap:1.5cqw;margin:0;display:flex}.replay-counter strong{color:#31caff}.replay-players{margin-bottom:2cqw}.replay-screen .player-card__surface{min-height:13.6cqw}.replay-screen .player-rating{font-size:3.1cqw}.replay-screen .player-card--local .player-rating{color:#29c6ff}.replay-screen .player-avatar{width:11.5cqw;height:11.5cqw}.replay-screen .player-name{font-size:3.2cqw}.replay-action{min-height:11.4cqw;color:var(--text-muted);justify-content:space-between;align-items:center;gap:2cqw;margin-top:1.4cqw;padding:1.8cqw 4cqw;display:flex}.replay-action-copy{min-width:0}.replay-action-copy p{color:var(--cold-white);font:800 3cqw/1.2 var(--font-industrial);align-items:baseline;gap:1.7cqw;margin:0 0 .7cqw;display:flex}.replay-action-copy strong{color:#31caff}.replay-action[data-tone=opponent] .replay-actor{color:var(--opponent-coral)}.replay-actor{text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;overflow:hidden}.replay-action-dot{color:var(--text-muted)}.replay-action-copy>span{letter-spacing:.015em;font-size:max(11px,2.5cqw)}.replay-action-icon{width:22cqw;height:8.5cqw;color:var(--local-blue);flex:none}.replay-action[data-tone=opponent] .replay-action-icon{color:var(--opponent-coral)}.replay-progress{margin:2.8cqw 0 1cqw}.replay-progress svg{width:100%;height:3.4cqw;display:block;overflow:visible}.replay-progress-cursor{filter:drop-shadow(0 0 4px #009dff)}.replay-progress>div{color:var(--text-muted);font:700 2.3cqw/1.5 var(--font-industrial);justify-content:space-between;display:flex}.replay-transport{justify-content:center;gap:2cqw;display:flex}.replay-step{width:18.5cqw;height:10.8cqw}.replay-primary{width:20.5cqw;height:10.8cqw}.replay-screen .replay-primary,.replay-screen .replay-speed[aria-pressed=true]{color:var(--cold-white);background:var(--primary-cta-border);filter:drop-shadow(var(--primary-cta-glow))}.replay-primary:before,.replay-speed[aria-pressed=true]:before{background:var(--primary-cta-radial-fill);box-shadow:var(--primary-cta-inset-glow);inset:max(2px,.4cqw)}.replay-primary:disabled{filter:none;opacity:.45}.replay-primary svg{width:24%}.replay-speeds{justify-content:center;gap:1.8cqw;margin-top:3.2cqw;display:flex}.replay-speed{color:#94a9cc;width:17.5cqw;height:6.8cqw;font:800 max(12px, 3.1cqw)/1 var(--font-industrial)}@media (width<=360px){.replay-header{gap:3cqw}.replay-action{padding-inline:3cqw}.replay-action-icon{width:18cqw}.replay-action-copy>span{font-size:max(11px,2.7cqw)}}.result-surface{--chamfer:max(7px, 1.5cqw);--result-accent:#38caff;--result-glow:#008cff66;width:min(100%,56.3dvh,960px);max-height:100%;margin-inline:auto;padding:min(2.9vw,1.63dvh) min(6.4vw,3.6dvh) min(3vw,1.7dvh);overflow-y:auto;container-type:inline-size}.result-screen[data-outcome=DEFEAT] .result-surface{--result-accent:#e99a9e;--result-glow:#ff595c20}.result-brand{height:8.6cqw;font:900 4.4cqw/1 var(--font-industrial);letter-spacing:.08em;align-items:center;gap:2.2cqw;padding-left:6.3cqw;display:flex}.result-brand svg{width:7.5cqw;height:8.6cqw}.result-outcome{height:13.225cqw;font:900 11.5cqw/1.15 var(--font-industrial);letter-spacing:.01em;text-shadow:none;justify-content:center;align-items:center;gap:3cqw;margin:2cqw -2cqw 1.8cqw;display:flex}.result-screen[data-outcome=DEFEAT] .result-outcome{color:#efdbdf;font-size:9.1cqw}.result-outcome:before,.result-outcome:after{content:"";background:linear-gradient(90deg, transparent, var(--result-accent));height:2px;box-shadow:0 0 6px var(--result-glow);flex:1}.result-outcome:after{transform:rotate(180deg)}.result-panel,.result-button{isolation:isolate;clip-path:var(--panel-shape);background:linear-gradient(125deg,#7188a7,#26374e 60%,#536682);border:0;border-radius:0;padding:1px;position:relative}.result-panel:before,.result-button:before{content:"";z-index:-1;clip-path:var(--panel-shape);background:linear-gradient(125deg,#1b293c,#060f1b 60%,#0e1927);position:absolute;inset:1px;box-shadow:inset 0 1px 1px #c2d6f526,inset 0 -2px 3px #0009}.result-rating{--chamfer:max(7px, 2.5cqw);text-align:center;background:linear-gradient(125deg, #7491b7, var(--result-accent) 45%, #28466d);width:50%;min-height:23cqw;margin:0 auto 1.5cqw;padding:.8cqw 1cqw 1cqw}.result-delta{color:var(--cold-white);font:900 12.6cqw/1 var(--font-industrial);font-variant-numeric:tabular-nums;text-shadow:none;display:block}.result-screen[data-outcome=DEFEAT] .result-delta{color:var(--result-accent)}.result-current-rating{color:#b4c6e0;font:800 4cqw/1.2 var(--font-industrial);white-space:nowrap;margin:.7cqw 0 0}.result-current-rating strong{color:var(--result-accent);font-size:4.8cqw}.result-rating-history{color:#97accb;font:700 2.8cqw/1.2 var(--font-industrial);margin:.4cqw 0 0}.result-unrated{color:var(--text-muted);font:800 3.5cqw/1.3 var(--font-industrial);margin:7cqw 0}.result-board{width:66%;margin:0 auto 2.3cqw}.result-players{grid-template-columns:minmax(0,1fr) 13.6% minmax(0,1fr);margin-bottom:1.8cqw}.result-screen .player-card__surface{min-height:13.4cqw}.result-screen .player-card--local .player-rating{color:#29c6ff}.result-screen .player-rating{font-size:3.6cqw}.result-screen .player-name{font-size:3.4cqw}.result-stats{grid-template-columns:1fr 1.2fr .85fr;min-height:14.5cqw;margin:0 0 2.1cqw;padding:2cqw 1.5cqw;display:grid}.result-stat{justify-content:center;align-items:center;gap:3cqw;display:flex}.result-stat+.result-stat{border-left:1px solid #526984}.result-stat svg{fill:#7c91b5;stroke:#c9d8eb;stroke-width:1.3px;width:6cqw;height:6cqw}.result-stat:nth-child(2) svg{fill:none;stroke-width:2.8px}.result-stat>div{flex-direction:column-reverse;gap:.6cqw;display:flex}.result-stat dt{color:#99adcc;font:700 max(9px, 2.2cqw)/1.1 var(--font-industrial)}.result-stat dd{font:800 5.3cqw/1 var(--font-industrial);font-variant-numeric:tabular-nums;margin:0}.result-actions{margin:0 1.3cqw}.result-button{width:100%;min-height:44px;color:var(--cold-white);letter-spacing:.025em;justify-content:center;align-items:center;gap:4cqw;font-weight:800;display:flex}.result-button svg{fill:none;stroke:#cfdaef;stroke-width:2.5px;flex:none;width:5.5cqw;height:5.5cqw}.result-primary{background:var(--primary-cta-border);height:12.1cqw;filter:drop-shadow(var(--primary-cta-glow));margin-bottom:1.9cqw;font-size:max(15px,4.8cqw)}.result-primary:before{background:var(--primary-cta-radial-fill);box-shadow:var(--primary-cta-inset-glow)}.result-primary svg{fill:#eaf3ff;stroke-width:1.2px;width:7cqw;height:7cqw}.result-rematch{height:9cqw;margin-bottom:1.4cqw;font-size:max(14px,4cqw)}.result-utilities{gap:1.9cqw;display:flex}.result-utility{flex:1;gap:3cqw;min-width:0;height:9cqw;font-size:max(11px,2.7cqw)}.result-menu{color:#91a5c6;width:52%;min-height:max(44px,7.8cqw);font:700 max(12px, 2.5cqw)/1 var(--font-industrial);background:0 0;border:0;border-top:1px solid #526984;border-radius:0;justify-content:center;align-items:center;gap:2.5cqw;margin:4.7cqw auto 0;display:flex}.result-menu svg{fill:none;stroke:currentColor;stroke-width:2.5px;width:3.6cqw;height:3.6cqw}.result-button:disabled,.result-menu:disabled{opacity:.45;cursor:default}.result-button:focus-visible{outline:none}.result-button:not(.result-primary):focus-visible{background:#c3eeff}.result-button:focus-visible:after{content:"";border:2px solid var(--cold-white);clip-path:var(--panel-shape);position:absolute;inset:3px}.result-menu:focus-visible{outline:2px solid var(--local-blue);outline-offset:2px}@media (orientation:landscape){.result-surface{width:min(100%,52dvh,960px)}}.matchmaking-content{width:var(--content-width);height:100%;padding:max(env(safe-area-inset-top), calc(24 * var(--unit))) calc(42 * var(--unit)) max(env(safe-area-inset-bottom), calc(80 * var(--unit)));flex-direction:column;margin-inline:auto;display:flex;overflow-y:auto}.matchmaking-content>*{flex:none}.matchmaking-header{height:calc(106 * var(--unit));align-items:center;padding:0;display:flex}.search-player{--panel-border:var(--local-blue);--panel-fill:linear-gradient(120deg, #002658, #0c1724 64%);margin:calc(12 * var(--unit)) auto calc(24 * var(--unit));width:68%;min-height:calc(142 * var(--unit));align-items:center;gap:calc(26 * var(--unit));padding:calc(12 * var(--unit)) calc(26 * var(--unit));display:flex}.search-player .product-avatar{width:calc(115 * var(--unit));border-color:var(--local-blue);box-shadow:var(--glow-local)}.search-player>div:nth-child(2){flex:1;min-width:0}.search-player strong{font-size:calc(32 * var(--unit));white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.search-player span:not(.product-avatar span){font-size:calc(32 * var(--unit));color:var(--text-muted);font-weight:700}.search-player>small{color:var(--text-muted);font-size:calc(20 * var(--unit));padding-left:calc(20 * var(--unit));border-left:1px solid #2868a2}.search-arena{min-height:calc(180 * var(--unit));max-height:calc(655 * var(--unit));height:calc(655 * var(--unit));margin:0 calc(-12 * var(--unit));flex:auto;position:relative}.search-opponent,.search-local{width:calc(150 * var(--unit));aspect-ratio:1;padding:calc(10 * var(--unit));border-radius:50%;position:absolute;left:50%;transform:translate(-50%)}.search-opponent{border:2px solid var(--opponent-coral);background:radial-gradient(circle,#490713aa,#130916);animation:2s ease-in-out infinite search-pulse;top:2%;box-shadow:0 0 12px #f33,inset 0 0 15px #e92929}.search-opponent svg{fill:#0f0711;width:100%;height:100%}.search-local{background:#003ca1;border:2px solid #6ae2ff;bottom:15%;box-shadow:0 0 20px #008cff,inset 0 0 18px #006aff}.search-local .product-avatar{border-color:var(--local-blue);width:100%;height:100%}.search-versus{font-size:calc(38 * var(--unit));text-shadow:0 0 12px #0af;font-weight:900;position:absolute;top:43%;left:50%;transform:translate(-50%)}.search-versus:before,.search-versus:after{content:"";width:2px;height:calc(90 * var(--unit));background:var(--local-blue);box-shadow:0 0 10px var(--local-blue);position:absolute;left:50%}.search-versus:before{background:var(--opponent-coral);bottom:125%}.search-versus:after{top:125%}.search-heading{text-align:center;margin-top:calc(12 * var(--unit))}.search-heading h1{font-size:calc(59 * var(--unit));letter-spacing:.025em;text-shadow:none;margin:0;font-weight:900;line-height:1.15}.search-heading p{font-size:calc(27 * var(--unit));color:var(--text-muted);margin:calc(12 * var(--unit)) 0 calc(28 * var(--unit))}.search-time{justify-content:center;align-items:center;gap:calc(26 * var(--unit));display:flex}.search-time:before,.search-time:after{content:"";background:linear-gradient(90deg, #074075, var(--local-blue));width:17%;height:3px}.search-time:after{transform:rotate(180deg)}.search-time span{min-width:calc(255 * var(--unit));padding:calc(10 * var(--unit));font-size:calc(48 * var(--unit));text-align:center;letter-spacing:.08em;font-variant-numeric:tabular-nums;border-color:#3e83c5;font-weight:800}.search-details{margin:calc(26 * var(--unit)) auto calc(30 * var(--unit));width:90%;min-height:calc(175 * var(--unit));padding:calc(28 * var(--unit)) calc(65 * var(--unit));align-items:center;gap:calc(52 * var(--unit));display:flex}.search-details>div{border-right:1px solid #415d79;min-width:40%}.search-details small{font-size:calc(21 * var(--unit));color:var(--text-muted)}.search-details strong{font-size:calc(43 * var(--unit));margin-top:calc(6 * var(--unit));display:block}.search-details p{text-align:center;font-size:calc(22 * var(--unit));color:var(--text-muted);letter-spacing:.05em;margin:0;line-height:1.5}.search-cancel{--panel-border:#b5c5d6;--panel-inset:2px;width:90%;min-height:max(44px, calc(117 * var(--unit)));letter-spacing:.15em;color:#c6d4e8;margin:0 auto;display:block;font-size:calc(32 * var(--unit))!important}@keyframes search-pulse{50%{box-shadow:0 0 22px #f33,inset 0 0 15px #e92929}}@media (prefers-reduced-motion:reduce){.search-opponent{animation:none}}@media (width<=430px){.search-player{width:82%}.search-player strong{font-size:max(12px, calc(32 * var(--unit)))}.search-player>small{font-size:9px}.search-heading p{font-size:max(12px, calc(27 * var(--unit)))}.search-details{padding:calc(24 * var(--unit)) calc(40 * var(--unit))}.search-details small,.search-details p{font-size:9px}}:root{--background:#030c17;--panel-surface:#101a28;--border-steel:#5e718e;--text-muted:#7c91b5;--cold-white:#eef4ff;--local-blue:#00acff;--opponent-coral:#ff595c;--glow-local:0 0 12px #008cff55;--glow-opponent:0 0 10px #f443;--primary-cta-border:#365f7a;--primary-cta-fill:linear-gradient(120deg, #205780, #19446d 48%, #102d50);--primary-cta-radial-fill:radial-gradient(ellipse at 50% 20%, #19446d, #102d50 90%);--primary-cta-glow:0 0 0 transparent;--primary-cta-inset-glow:inset 0 1px 0 #a2c8e51f, inset 0 -2px 4px #0006;--primary-cta-interaction-border:#4a81a0;--primary-cta-interaction-glow:0 0 3px #3880b029;--primary-cta-pressed-fill:linear-gradient(120deg, #194968, #133955 48%, #0c243f);--primary-cta-pressed-radial-fill:radial-gradient(ellipse at 50% 20%, #133955, #0c243f 90%);--secondary-action-fill:linear-gradient(120deg, #142c41, #102337 48%, #0b1a2a);--secondary-action-border:#405c74;--secondary-action-interaction-border:#528fb2;--secondary-action-pressed-fill:linear-gradient(120deg, #102638, #0b1b2b);--chamfer:7px;--panel-shape:polygon(var(--chamfer) 0, calc(100% - var(--chamfer)) 0, 100% var(--chamfer), 100% calc(100% - var(--chamfer)), calc(100% - var(--chamfer)) 100%, var(--chamfer) 100%, 0 calc(100% - var(--chamfer)), 0 var(--chamfer));--font-industrial:"Arial Narrow", "Roboto Condensed", "Bahnschrift Condensed", "Arial", system-ui, sans-serif}@media (hover:hover){:is(.product-primary,.result-primary,.replay-primary,.replay-speed[aria-pressed=true]):enabled:hover{--primary-cta-border:var(--primary-cta-interaction-border);--primary-cta-glow:var(--primary-cta-interaction-glow)}.product-secondary-action:enabled:hover{--panel-border:var(--secondary-action-interaction-border)}}:is(.product-primary,.result-primary,.replay-primary,.replay-speed[aria-pressed=true]):enabled:active{--primary-cta-border:var(--primary-cta-interaction-border);--primary-cta-glow:var(--primary-cta-interaction-glow);--primary-cta-fill:var(--primary-cta-pressed-fill);--primary-cta-radial-fill:var(--primary-cta-pressed-radial-fill)}.product-secondary-action:enabled:active{--panel-border:var(--secondary-action-interaction-border);--panel-fill:var(--secondary-action-pressed-fill)}.product-secondary-action:enabled:focus-visible{--panel-border:var(--secondary-action-interaction-border)}:is(.product-primary,.product-secondary-action):focus-visible{outline:none}:is(.product-primary,.product-secondary-action):focus-visible:after{content:"";border:2px solid var(--cold-white);clip-path:var(--panel-shape);position:absolute;inset:3px}:root{--viewport-background:radial-gradient(ellipse at 50% 60%, #06305a24, transparent 64%), repeating-linear-gradient(135deg, transparent 0 150px, #29426124 151px, #10213a48 153px, #0b162a55 176px, #050c1670 218px, #1c41623d 219px, transparent 221px 330px), repeating-linear-gradient(45deg, transparent 0 230px, #19365728 231px, #10213d33 234px 270px, #02091250 271px 310px, transparent 312px 490px), var(--background);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-industrial);color:var(--cold-white);background:var(--background);font-synthesis:none}*{box-sizing:border-box}body{isolation:isolate;background:var(--viewport-background);min-width:240px;margin:0}body:before{content:"";z-index:-1;pointer-events:none;background:repeating-linear-gradient(135deg,#0000 0 310px,#006bce38 311px,#0000 313px 660px);position:fixed;inset:0;-webkit-mask-image:radial-gradient(at 50% 48%,#0000 20%,#000 82%);mask-image:radial-gradient(at 50% 48%,#0000 20%,#000 82%)}html,body,#root{overscroll-behavior:none;height:100%;overflow:hidden}#root:has(>.foundation-shell){overscroll-behavior:contain;overflow-y:auto}.competitive-scroll,.room-list,.room-body,.home-content,.matchmaking-content,.result-surface,.replay-surface,.gameplay-surface,.production-status{scrollbar-width:none;overscroll-behavior:contain}.competitive-scroll::-webkit-scrollbar{display:none}.room-list::-webkit-scrollbar{display:none}.room-body::-webkit-scrollbar{display:none}.home-content::-webkit-scrollbar{display:none}.matchmaking-content::-webkit-scrollbar{display:none}.result-surface::-webkit-scrollbar{display:none}.replay-surface::-webkit-scrollbar{display:none}.gameplay-surface::-webkit-scrollbar{display:none}.production-status::-webkit-scrollbar{display:none}.foundation-shell{width:100%;max-width:632px;margin:0 auto;padding:28px 16px 32px}header{padding:0 8px 18px}.eyebrow{letter-spacing:.2em;color:#8196aa;font-size:11px}h1{letter-spacing:-.035em;margin:8px 0;font-size:clamp(22px,5vw,30px);font-weight:600}.description,.caption{color:#91a3b4;font-size:13px;line-height:1.5}.board-container{width:100%}.board-container canvas{width:100%;height:100%;display:block}.board-container canvas.interactive-board{touch-action:pan-y;-webkit-user-select:none;user-select:none}.perspective-controls{border:1px solid #334454;border-radius:8px;gap:8px;margin:20px 8px 0;padding:12px;display:flex}.perspective-controls legend{color:#8196aa;padding:0 6px;font-size:11px}button{color:#becbd7;min-height:44px;font:inherit;cursor:pointer;background:#16212c;border:1px solid #405365;border-radius:5px;flex:1;padding:8px;font-size:12px}button[aria-pressed=true]{color:#62c9ff;background:#153348;border-color:#3c99c5}button:focus-visible{outline-offset:3px;outline:2px solid #62c9ff}.caption{margin:12px 8px;font-size:11px}