@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";
:root{--font-display:"Press Start 2P", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--font-body:var(--font-display);color:#f2efe6;font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;background:#111612}*{box-sizing:border-box}body{min-width:320px;margin:0;font-size:12px;line-height:1.55;overflow-x:clip}button,input,select,textarea{font:inherit}button{color:#f2efe6;cursor:pointer;background:#ffffff0f;border:0;border-radius:6px;min-height:40px;padding:0 14px;transition:background .14s,color .14s,opacity .14s,transform .14s}button,.home-upload-button{font-family:var(--font-display);font-size:11px;line-height:1.25}button:hover:not(:disabled){background:#ffffff1a}button:disabled{cursor:not-allowed;opacity:.42}input,select,textarea{color:#f2efe6;background:#090d0bb8;border:0;border-radius:6px;width:100%;min-height:42px;padding:0 12px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.home-upload-button:focus-within{outline-offset:3px;outline:2px solid #d6bd6d9e}.home-shell{background:#101511;place-items:center;height:100dvh;min-height:100dvh;padding:24px;display:grid;overflow:clip hidden}.home-panel{background:#151b16f5;border:0;border-radius:8px;grid-template-rows:auto minmax(0,1fr) auto;align-items:stretch;gap:18px;width:min(1040px,100%);height:min(458px,100dvh - 48px);min-height:0;padding:20px;display:grid;position:relative;box-shadow:0 22px 80px #00000057}.home-topline,.home-brand,.home-profile-pill,.home-profile-summary{align-items:center;min-width:0;display:flex}.home-topline{justify-content:space-between;gap:14px;padding-bottom:4px}.home-brand,.home-profile-summary{gap:12px}.home-brand strong,.home-profile-pill strong,.home-profile-summary strong{line-height:1.1;display:block}.home-brand strong,.brand strong,.rail-heading h2,.loading-panel strong{font-family:var(--font-display);font-size:12px;line-height:1.35}.home-brand span,.home-copy p,.home-field span,.home-profile-pill small,.home-profile-summary small{color:#aaa899;font-size:12px}.home-profile-pill{text-align:left;background:#fff1;justify-content:flex-start;gap:10px;max-width:min(340px,100%);min-height:50px;padding:7px 8px}.home-profile-pill:hover:not(:disabled){background:#d6bd6d1c}.home-profile-pill>span:nth-child(2),.home-profile-summary>span:nth-child(2){gap:2px;min-width:0;display:grid}.home-profile-pill strong,.home-profile-pill small,.home-profile-summary strong,.home-profile-summary small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.home-profile-edit-icon{color:#cfcab8;background:#ffffff0e;border-radius:6px;flex:none;place-items:center;width:30px;height:30px;margin-left:auto;transition:background .14s,color .14s;display:grid}.home-profile-edit-icon svg{stroke:currentColor;width:15px;height:15px;display:block}.home-profile-pill:hover:not(:disabled) .home-profile-edit-icon{color:#e1cc74;background:#d6bd6d24}.home-avatar{color:#101511;border:0;border-radius:999px;flex:none;place-items:center;width:36px;height:36px;font-size:13px;font-weight:900;display:grid;overflow:hidden;box-shadow:0 0 0 2px #f2efe657,inset 0 1px #ffffff47,0 8px 18px #0000002e}.home-avatar[data-border-sku=border\.chrome]{box-shadow:0 0 0 2px #7f8b91,0 0 0 4px #d8e8ef,0 8px 18px #00000038}.home-avatar[data-border-sku=border\.first-win]{box-shadow:0 0 0 2px #f0d66f,0 0 0 4px #f7f0dfb8,0 8px 18px #00000038}.home-avatar[data-border-sku=border\.beta]{box-shadow:0 0 0 2px #8d7bff,0 0 0 4px #52d2b5a8,0 8px 18px #00000038}.home-avatar img{object-fit:cover;width:100%;height:100%;display:block}.home-avatar.large{width:54px;height:54px;font-size:18px}.home-hero{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,.95fr) minmax(320px,.75fr);align-items:center;gap:28px;min-width:0;height:100%;min-height:0;padding:8px 4px 2px;display:grid}.home-copy{min-width:0}.home-copy h1{color:#f6f1df;max-width:560px;font-family:var(--font-display);letter-spacing:0;margin:0 0 14px;font-size:clamp(24px,3.3vw,34px);line-height:1.35}.home-copy p{max-width:430px;margin:0;font-size:11px;line-height:1.75}.pixel-button{border:0;box-shadow:0 5px #00000047,0 14px 24px #0000002e}.pixel-button:hover:not(:disabled){transform:translateY(-1px)}.pixel-button:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #0000004d,0 8px 16px #0000002e}.pixel-button-neutral{color:#f2efe6;background:#2e3831;box-shadow:0 5px #101712e6,0 14px 24px #0003}.pixel-button-neutral:hover:not(:disabled){background:#3b463e}.pixel-button-primary{color:#1f2118;background:#d6bd6d;box-shadow:0 5px #7b622adb,0 14px 24px #0003}.pixel-button-primary:hover:not(:disabled){background:#e0ca7c}.pixel-button-quick{color:#1f2118;background:#d6bd6d;box-shadow:0 5px #7b622adb,0 14px 24px #0003}.pixel-button-quick:hover:not(:disabled){background:#e0ca7c}.pixel-button-create{color:#21170f;background:#d48756;box-shadow:0 5px #6b3d1ee6,0 14px 24px #0003}.pixel-button-create:hover:not(:disabled){background:#e39a68}.pixel-button-join{color:#e4f7f8;background:#285464;box-shadow:0 5px #11313be6,0 14px 24px #0003}.pixel-button-join:hover:not(:disabled){background:#326878}.pixel-button-help{color:#f1ebff;background:#5a4a83;box-shadow:0 5px #2f244ee6,0 14px 24px #0003}.pixel-button-help:hover:not(:disabled){background:#6a5797}.pixel-button-live{color:#17180f;background:linear-gradient(#f7e589,#f0d66f 64%,#d6bd6d);box-shadow:0 5px #7b622aeb,0 14px 24px #0003,inset 0 1px #ffffff5c}.pixel-button-live:hover:not(:disabled){background:linear-gradient(#fff0a4,#f4dc76 64%,#dfc979)}.pixel-button-shop{color:#102012;background:#72b673;box-shadow:0 5px #2f5b2deb,0 14px 24px #0003}.pixel-button-shop:hover:not(:disabled){background:#83c984}.home-shop-coming-soon:disabled{color:#102012;cursor:not-allowed;opacity:1;background:#568a58;place-content:center;gap:4px;display:grid;box-shadow:0 5px #264825eb,0 14px 24px #0000002e}.home-shop-label,.home-shop-status{line-height:1;display:block}.home-shop-status{color:#102012b8;font-size:7px}.home-primary-actions{grid-template-columns:minmax(0,1fr);gap:10px;width:min(470px,100%);min-width:0;margin-top:24px;display:grid}.home-secondary-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0;display:grid}.home-primary-actions .pixel-button,.home-secondary-actions .pixel-button{width:100%;min-width:0}.home-live-panel{background:0 0;border:0;grid-row:3;grid-template-columns:minmax(0,1fr) auto;align-self:end;align-items:end;gap:10px;width:100%;max-width:100%;margin-top:0;padding:0;display:grid}.home-live-status{color:#f0d66f;font-family:var(--font-display);font-size:11px;line-height:1.25}.home-live-copy{justify-items:start;gap:3px;display:grid}.home-live-actions{align-items:center;gap:8px;display:flex}.home-live-queue,.home-matchmaking-stats{color:#f6f1dfb8;font-family:var(--font-display);font-size:9px;line-height:1.25}.global-chat-open{border-radius:6px;min-width:70px;min-height:34px;padding-inline:12px}.global-leaderboard-open{border-radius:6px;min-width:126px;min-height:34px;padding-inline:12px}.global-chat-panel{gap:12px;min-width:0;max-width:100%;display:grid}.global-chat-messages{background:#060a0885;border:1px solid #e2ddcc1a;border-radius:8px;align-content:start;gap:7px;min-width:0;max-width:100%;min-height:240px;max-height:min(54dvh,420px);padding:10px;display:grid;overflow:auto}.global-message,.global-chat-empty{margin:0}.global-message{grid-template-columns:max-content minmax(0,1fr);align-items:baseline;gap:7px;min-width:0;font-size:11px;line-height:1.25;display:grid}.global-message-name{max-width:104px;font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.global-message-body{color:#e8e0cc;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.global-chat-empty{color:#8f9185;font-size:11px;line-height:1.35}.global-chat-form{grid-template-columns:minmax(0,1fr) auto;gap:8px;min-width:0;max-width:100%;display:grid}.global-chat-input{color:#f6f1df;width:100%;min-width:0;font:inherit;background:#040806c7;border:1px solid #e2ddcc24;border-radius:7px;outline:none;padding:9px 10px;font-size:12px}.global-chat-input:focus{border-color:#f0d66f9e;box-shadow:0 0 0 2px #f0d66f1f}.global-chat-send{min-width:74px;min-height:36px;padding-inline:12px}.global-chat-error{padding:8px 9px;font-size:11px}.leaderboard-panel{gap:14px;display:grid}.leaderboard-user-card{background:linear-gradient(#f0d66f14,#0000 54%),#060a088a;border:1px solid #f0d66f33;border-radius:8px;gap:6px;min-width:0;padding:12px;display:grid}.leaderboard-user-card span,.leaderboard-list h3{color:#f0d66f;font-family:var(--font-display);font-size:10px;line-height:1.2}.leaderboard-user-card strong{color:#f6f1df;font-family:var(--font-display);font-size:28px;line-height:1}.leaderboard-user-card small,.leaderboard-empty,.leaderboard-row small{color:#aaa899;font-size:10px;line-height:1.35}.leaderboard-user-card .pixel-button{width:fit-content;min-width:100px;min-height:34px}.leaderboard-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.leaderboard-list{align-content:start;gap:9px;min-width:0;display:grid}.leaderboard-list h3,.leaderboard-empty{margin:0}.leaderboard-rows{gap:7px;display:grid}.leaderboard-row{background:#080d0a94;border:1px solid #e2ddcc1a;border-radius:7px;grid-template-columns:18px 24px minmax(0,1fr) max-content;align-items:center;gap:8px;min-width:0;padding:8px;display:grid}.leaderboard-rank,.leaderboard-score,.leaderboard-name{font-family:var(--font-display);line-height:1.2}.leaderboard-rank{color:#f0d66f;font-size:10px}.leaderboard-avatar{width:22px;height:22px;font-size:8px;box-shadow:0 0 0 2px #f6f1dfc7,inset 0 1px #ffffff4d,0 4px 10px #0003}.leaderboard-name{color:#f6f1df;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:10px;overflow:hidden}.leaderboard-player{align-content:center;gap:3px;min-width:0;display:grid}.leaderboard-score{color:#f0d66f;white-space:nowrap;font-size:9px}.shop-panel{grid-template-rows:auto minmax(0,1fr);gap:14px;min-height:0;display:grid;overflow:hidden}.profile-account-row{justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:2px 0 6px;display:flex}.profile-account-row strong{color:#c9c5b5;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;line-height:1.25;overflow:hidden}.profile-account-row .pixel-button{min-width:142px}.shop-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;min-width:0;display:grid}.shop-tab{color:#f6f1df;background:#2e3831;border-radius:6px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;width:100%;min-width:0;height:38px;min-height:0;padding:0 10px;display:grid;overflow:hidden;box-shadow:0 5px #101712f5,0 14px 24px #0003,inset 0 1px #f6f1df1f}.shop-tab-label{text-align:left;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:9px;line-height:1;overflow:hidden}.shop-products-scroll{overscroll-behavior:contain;grid-auto-rows:max-content;align-content:start;gap:14px;min-height:0;padding:2px 3px 8px;display:grid;overflow-y:auto}.shop-tab:hover:not(:disabled){background:#3b463e}.shop-tab.active{color:#1d251f;background:linear-gradient(#fffaf0,#f6f1df 64%,#d8d3c3);box-shadow:0 5px #777467f0,0 14px 24px #0003,inset 0 1px #ffffff94}.shop-tab-icon{--icon-main:#f6f1df;--icon-mid:#aaa899;--icon-dim:#6f7168;filter:drop-shadow(0 2px #0000006b);width:20px;height:20px;display:block;position:relative;overflow:hidden}.shop-tab.active .shop-tab-icon{--icon-main:#1d251f;--icon-mid:#60635b;--icon-dim:#8b8d82;filter:none}.shop-tab-icon:before,.shop-tab-icon:after{content:"";display:block;position:absolute}.shop-tab-icon-bumps{background:var(--icon-main);box-shadow:inset 0 0 0 5px var(--icon-mid);border-radius:999px}.shop-tab-icon-bumps:before{background:var(--icon-main);width:4px;height:4px;box-shadow:-5px 7px 0 var(--icon-dim);top:6px;right:1px}.shop-tab-icon-blob{background:var(--icon-main);border-radius:45% 55% 48% 52%}.shop-tab-icon-blob:before{background:var(--icon-mid);border-radius:999px;width:5px;height:5px;top:4px;left:5px}.shop-tab-icon-effects{background:var(--icon-main);clip-path:polygon(50% 0,61% 34%,98% 35%,68% 55%,79% 91%,50% 69%,21% 91%,32% 55%,2% 35%,39% 34%)}.shop-tab-icon-packs{background:linear-gradient(var(--icon-main) 0 0) 2px 2px / 9px 9px no-repeat, linear-gradient(var(--icon-mid) 0 0) 9px 9px / 9px 9px no-repeat}.shop-tab-icon-packs:before{border:2px solid var(--icon-main);background:var(--icon-dim);width:10px;height:10px;top:5px;left:5px}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-height:180px;display:grid}.shop-empty{color:#aaa899;margin:0;font-size:11px}.shop-item{background:#0e1410db;border:1px solid #e2ddcc1f;border-radius:8px;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:92px minmax(0,1fr);gap:10px;min-width:0;min-height:142px;padding:12px;display:grid;overflow:hidden}.shop-item.owned{border-color:#72b67357}.shop-item-preview{background:linear-gradient(135deg,#ffffff0f,#0000 48%),#111a14;border-radius:7px;grid-row:1/span 2;place-items:center;height:100%;min-height:116px;display:grid;overflow:hidden}.shop-effect-preview{background:#ff6d67;border-radius:999px;width:38px;max-width:calc(100% - 16px);height:38px;max-height:calc(100% - 16px);display:block;position:relative;box-shadow:0 0 0 4px #f6f1df,0 0 0 7px #ff6d675c}.shop-effect-bump-none:before{content:"";background:#f1d679;width:5px;height:5px;position:absolute;top:7px;right:4px;box-shadow:-7px 8px #f7f0df,-13px 2px #f1d679d1}.shop-effect-bump-classic{background:#d6bd6d;box-shadow:0 0 0 4px #f6f1df,0 0 0 7px #f0d66f5c}.shop-effect-bump-classic:before,.shop-effect-bump-classic:after{content:"";background:#ff6d67;position:absolute}.shop-effect-bump-classic:before{width:18px;height:7px;top:9px;right:4px;box-shadow:-9px -7px #f0d66f,-14px 11px #f7f0df}.shop-effect-bump-classic:after{background:#f0d66f;width:16px;height:7px;bottom:9px;left:4px;box-shadow:8px -11px #ff6d67,14px 6px #f7f0df}.shop-effect-bump-metal{background:#9aa29d;box-shadow:0 0 0 4px #f6f1df,0 0 0 7px #d8d0bd57}.shop-effect-bump-metal:before,.shop-effect-bump-metal:after{content:"";background:#f7f0df;width:5px;height:5px;position:absolute;transform:rotate(-22deg);box-shadow:6px 5px #b8c0c3,12px -3px #ff8a3d,15px 7px #7f8b91,4px 14px #ff5f43}.shop-effect-bump-metal:before{top:6px;right:7px}.shop-effect-bump-metal:after{bottom:7px;left:7px;transform:rotate(152deg)}.shop-effect-bump-pioneer{background:#52d2b5;box-shadow:0 0 0 4px #f6f1df,0 0 0 7px #f0d66f5c}.shop-effect-bump-pioneer:before,.shop-effect-bump-pioneer:after{content:"";background:#f0d66f;width:5px;height:5px;position:absolute}.shop-effect-bump-pioneer:before{top:5px;right:6px;transform:rotate(18deg);box-shadow:-7px 4px #f7f0df,-13px 9px #52d2b5,-3px 15px #f0d66f,-15px 16px #f7f0df}.shop-effect-bump-pioneer:after{bottom:5px;left:6px;transform:rotate(-14deg);box-shadow:7px -5px #f7f0df,14px 3px #52d2b5,5px -14px #f0d66f,16px -10px #f7f0df}.shop-effect-border-default{box-shadow:0 0 0 4px #f6f1df,0 0 0 7px #ff6d675c}.shop-effect-border-chrome{background:#52d2b5;box-shadow:0 0 0 3px #7f8b91,0 0 0 6px #d8e8ef,0 0 0 8px #f7f0df9e}.shop-effect-border-first-win{background:#ff6d67;box-shadow:0 0 0 4px #f0d66f,0 0 0 7px #f7f0df94}.shop-effect-border-first-win:before{content:"";background:#f0d66f;width:8px;height:8px;position:absolute;top:2px;left:14px;box-shadow:-9px 9px #f0d66f,9px 9px #f0d66f}.shop-effect-border-beta{background:#8b78ff;box-shadow:0 0 0 4px #52d2b5,0 0 0 7px #8b78ff66}.shop-effect-death-default{width:24px;height:24px;box-shadow:0 0 0 4px #f6f1dfcc,-12px 8px 0 -6px #f6f1df,13px -7px 0 -7px #f6f1df}.shop-effect-death-pixel{background:#8b78ff;border-radius:0;width:28px;height:28px;box-shadow:0 0 0 4px #f6f1df,-14px -8px 0 -7px #52d2b5,14px -6px 0 -8px #ffd761,-12px 14px 0 -6px #f7f0df,13px 13px 0 -7px #ff6d67}.shop-effect-trail-spark:before,.shop-effect-trail-spark:after{content:"";background:#ffd761;width:6px;height:6px;position:absolute;top:8px;left:4px;box-shadow:8px 8px #fff3a8,16px 2px #ffd761,12px 16px #fff3a8d6}.shop-effect-trail-spark:after{top:22px;left:auto;right:4px;box-shadow:-8px -12px #fff3a8,-16px 1px #ffd761}.shop-effect-chat-neon{background:#12201c;border-radius:7px;box-shadow:0 0 0 3px #52d2b5,0 0 0 7px #52d2b547}.shop-effect-chat-neon:after{content:"";background:#12201c;width:10px;height:10px;position:absolute;bottom:1px;left:10px;transform:rotate(45deg);box-shadow:3px 3px #52d2b5}.shop-effect-win-confetti{background:#f0d66f;box-shadow:0 0 0 4px #f6f1df,-15px -9px 0 -7px #ff6d67,15px -6px 0 -8px #52d2b5,-14px 15px 0 -7px #8b78ff,14px 13px 0 -7px #ffd761}.shop-effect-bundle-metal-pack{background:#9aa29d;box-shadow:0 0 0 4px #d8e8ef,0 0 0 7px #d8e8ef61}.shop-effect-bundle-metal-pack:before,.shop-effect-bundle-metal-pack:after{content:"";background:#ff8a3d;width:7px;height:7px;position:absolute;box-shadow:10px 7px #f7f0df,16px -3px #ffd761}.shop-effect-bundle-metal-pack:before{top:5px;left:4px}.shop-effect-bundle-metal-pack:after{bottom:6px;right:4px}.shop-item-copy{align-content:start;gap:7px;min-width:0;display:grid}.shop-item h3,.shop-item p{margin:0}.shop-item h3{color:#f6f1df;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.35;overflow:hidden}.shop-item p{color:#aaa899;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;line-height:1.5;display:-webkit-box;overflow:hidden}.shop-item-footer{grid-column:2;justify-content:space-between;align-items:flex-end;gap:10px;min-width:0;display:flex}.shop-item-footer>span{color:#f0d66f;overflow-wrap:anywhere;min-width:0;font-size:10px;line-height:1.2}.shop-item-actions{flex:none;justify-items:end;gap:7px;min-width:0;display:grid}.shop-item-actions .pixel-button{min-width:76px;min-height:36px;padding-inline:9px}.shop-error{margin:0}@media (max-width:620px){.home-shell :is(input,select,textarea),.app-shell :is(input,select,textarea){font-size:16px}.home-modal.leaderboard-modal{gap:10px;padding:14px}.leaderboard-modal .home-modal-header h2{font-size:18px}.leaderboard-panel,.leaderboard-columns{gap:10px}.leaderboard-user-card{padding:10px}.home-live-actions{gap:6px}.global-chat-open,.global-leaderboard-open{min-width:0;min-height:32px;padding-inline:10px}.leaderboard-columns{grid-template-columns:minmax(0,1fr)}.leaderboard-row{grid-template-columns:18px 24px minmax(0,1fr) max-content;gap:7px;padding:8px}.leaderboard-score{text-align:right;justify-self:end}.profile-account-row{grid-template-columns:minmax(0,1fr);display:grid}.profile-account-row .pixel-button{width:100%}.shop-tabs{gap:5px}.shop-tab{gap:3px;min-width:0;height:36px;padding-inline:4px}.shop-tab-label{font-size:7px}.shop-tab-icon{width:16px;height:16px}.shop-grid{grid-template-columns:minmax(0,1fr)}.shop-item{grid-template-rows:auto auto;grid-template-columns:96px minmax(0,1fr);align-items:stretch}.shop-item-preview{grid-row:1/span 2;height:100%;min-height:124px}.shop-item h3{white-space:normal}.shop-item-footer{grid-template-columns:minmax(0,1fr);align-self:end;align-items:stretch;display:grid}.shop-item-actions{justify-items:stretch;width:100%}.shop-item-actions .pixel-button{width:100%;min-width:0}}.home-preview{align-self:stretch;place-items:center end;min-width:0;min-height:0;display:grid;container-type:size}.home-preview-board{width:min(var(--home-preview-size,336px), 100%, 100cqw, 100cqh);aspect-ratio:1;max-width:100%;max-height:100%;box-shadow:none;background:0 0;border:0;border-radius:8px;padding:0;position:relative;overflow:hidden}.home-preview-canvas{border-radius:0;width:185.714%;height:185.714%;margin:-42.8571%;display:block}.home-form{gap:14px;min-width:0;display:grid}.home-field{gap:7px;min-width:0;display:grid}.home-field span{display:block}.home-swatches{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.home-swatch{border-radius:6px;width:100%;min-width:0;min-height:34px;padding:0}.home-swatch.selected{box-shadow:inset 0 0 0 2px #f2efe6db,0 0 0 3px #d6bd6d2e}.home-submit{overflow-wrap:anywhere;width:100%;min-width:0}.join-code{font-family:var(--font-display);text-transform:uppercase;letter-spacing:0}.form-error{color:#ffc6bd;background:#d9786a17;border:0;border-radius:6px;grid-column:1/-1;margin:0;padding:10px 12px;font-size:13px;line-height:1.4}.home-modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#070908b3;place-items:center;padding:18px;animation:.15s ease-out both modal-backdrop-in;display:grid;position:fixed;inset:0}.home-modal{background:linear-gradient(#ffffff09,#0000 38%),#171d18;border:0;border-radius:8px;gap:14px;width:min(430px,100%);max-height:min(640px,100vh - 36px);padding:16px;animation:.18s cubic-bezier(.16,1,.3,1) both modal-card-in;display:grid;overflow:auto;box-shadow:0 24px 80px #0000009e}.home-modal.global-chat-modal{width:min(620px,100%)}.home-modal.leaderboard-modal{width:min(700px,100%)}.home-modal.shop-modal{grid-template-rows:auto minmax(0,1fr);width:min(760px,100%);overflow:hidden}.home-modal.tutorial-modal{grid-template-rows:auto minmax(0,1fr);width:min(780px,100%);max-height:min(760px,100dvh - 36px);overflow:hidden}.home-modal-header{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.home-modal h2{color:#f6f1df;font-family:var(--font-display);letter-spacing:0;margin:0;font-size:22px;line-height:1.35}.home-modal .home-form{background:0 0;border:0;padding:0}.home-modal.play-modal{border-radius:6px;grid-template-rows:auto minmax(0,1fr);width:min(620px,100%);max-height:min(700px,100dvh - 36px);overflow:hidden}.home-modal.play-modal>.play-menu{overscroll-behavior:contain;min-height:0;padding:2px 3px 7px;overflow-y:auto}.play-bots-button{margin-top:0}.public-room-browser{grid-template-rows:auto minmax(0,1fr);gap:12px;min-height:0;display:grid;overflow:hidden}.public-room-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:2px 3px 5px;display:grid}.public-room-list{overscroll-behavior:contain;align-content:start;gap:8px;min-height:132px;max-height:min(52dvh,360px);padding:2px 3px 7px;display:grid;overflow-y:auto}.public-room-row{background:#090d0bb8;border-radius:6px;grid-template-columns:minmax(0,1fr) 64px 94px 76px;align-items:center;gap:8px;min-width:0;min-height:54px;padding:7px 8px;display:grid}.public-room-name{color:#f6f1df;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;overflow:hidden}.public-room-count,.public-room-events{color:#aaa899;font-size:9px;line-height:1.35}.public-room-count{color:#f0d66f;text-align:center}.public-room-events.is-on{color:#75d5b5}.public-room-row .pixel-button{min-height:36px;padding:0 9px;font-size:9px}.public-room-state{color:#aaa899;text-align:center;place-items:center;min-height:132px;margin:0;font-size:10px;line-height:1.55;display:grid}.public-room-state-error{color:#ffc6bd}.public-room-state-stale,.public-room-state.has-rooms{text-align:left;place-items:start;min-height:0;padding:4px 2px}.room-creation-form{overscroll-behavior:contain;width:100%;min-width:0;max-width:100%;min-height:0;padding:2px 3px 7px;overflow:hidden auto}.home-modal.create-room-modal{grid-template-rows:auto minmax(0,1fr);width:min(430px,100vw - 36px);max-width:100%;max-height:min(650px,100dvh - 36px);overflow:hidden}.create-room-modal .home-modal-header,.create-room-modal .room-creation-form>*,.create-room-modal .home-field,.create-room-modal input,.create-room-modal select,.create-room-modal button{min-width:0;max-width:100%}.create-room-modal input,.create-room-modal select,.create-room-modal .pixel-button{min-height:42px}.create-room-modal input:focus-visible,.create-room-modal select:focus-visible{outline-offset:0;outline:none;box-shadow:inset 0 0 0 1px #d6bd6d80}.room-capacity-select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:100%}.room-segmented-control{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-bottom:3px;display:grid}.room-segmented-control button{width:100%;min-width:0}.room-segmented-control button[aria-pressed=true]{color:#1f2118;background:#d6bd6d;transform:translateY(2px);box-shadow:0 2px #7b622adb,0 8px 16px #0000002e}.room-toggle{cursor:pointer;background:#090d0bb8;border-radius:6px;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:10px;min-height:44px;padding:8px 12px;display:grid}.room-toggle input{accent-color:#d6bd6d;width:18px;height:18px;min-height:18px;margin:0;padding:0}@media (max-height:700px){.home-modal.create-room-modal{gap:10px;max-height:calc(100dvh - 20px);padding:12px}.create-room-modal .room-creation-form{gap:10px}}@media (max-width:380px){.home-modal.create-room-modal{width:100%}.create-room-modal .room-segmented-control{grid-template-columns:1fr}}@media (max-width:560px){.home-modal.play-modal{max-height:calc(100dvh - 20px)}.public-room-row{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px}.public-room-name{grid-area:1/1}.public-room-count{text-align:right;grid-area:1/2}.public-room-events{grid-area:2/1}.public-room-row .pixel-button{grid-area:2/2;min-width:72px}}.home-profile-summary{background:#0a0e0c80;border:0;border-radius:8px;justify-content:space-between;gap:12px;padding:10px}.home-profile-preview{background:#0a0e0c80;border:0;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;min-width:0;padding:12px;display:grid}.home-profile-upload{gap:10px;min-width:0;display:grid}.home-upload-actions{grid-template-columns:1fr auto;gap:8px;display:grid}.home-upload-button{color:#f2efe6;cursor:pointer;background:#ffffff0f;border:0;border-radius:6px;place-items:center;min-width:0;min-height:40px;font-weight:700;transition:background .14s;display:grid}.home-upload-button:hover{background:#ffffff1a}.home-upload-button input{clip:rect(0 0 0 0);clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.home-profile-preview strong,.home-profile-preview small{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.home-profile-preview strong{color:#f6f1df;font-size:18px;line-height:1.1}.home-profile-preview small{color:#aaa899;font-size:12px}.home-profile-summary>span:nth-child(2){flex:auto}.home-profile-summary button{flex:none}.tutorial-flow{grid-template-rows:auto minmax(0,1fr) auto;gap:12px;min-width:0;min-height:0;display:grid;overflow:hidden}.tutorial-progress-row{color:#aaa899;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;min-width:0;font-size:12px;font-weight:800;display:grid}.tutorial-progress-track{background:#ffffff12;border-radius:999px;height:6px;overflow:hidden}.tutorial-progress-track i{border-radius:inherit;background:#d6bd6d;height:100%;transition:width .18s;display:block}.tutorial-shell{overscroll-behavior:contain;grid-template-columns:minmax(220px,.82fr) minmax(0,1fr);align-items:center;gap:16px;min-width:0;min-height:0;padding-right:2px;display:grid;overflow-y:auto}.tutorial-visual{background:linear-gradient(#ffffff08,#0000 32%),#090d0b7a;border-radius:8px;place-items:center;min-width:0;min-height:0;padding:12px;display:grid}.tutorial-mini-board{aspect-ratio:1;background:#101511;border-radius:8px;grid-template-rows:repeat(7,minmax(0,1fr));grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;width:280px;max-width:100%;padding:6px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff09,0 12px 34px #0003}.tutorial-tile{opacity:.88;border-radius:6px;min-width:0;min-height:0;transition:opacity .18s,transform .18s,box-shadow .18s}.tutorial-tile-red{background:linear-gradient(135deg,#ffffff14,#0000 48%),#8f5048}.tutorial-tile-blue{background:radial-gradient(circle at 26% 28%,#ffffff1c 0 2px,#0000 3px),linear-gradient(135deg,#ffffff14,#0000 48%),#4d7d8b}.tutorial-tile-green{background:linear-gradient(135deg,#0000 45%,#ffffff1f 46% 51%,#0000 52%),#6f8f62}.tutorial-tile-yellow{background:linear-gradient(90deg,#0000 28%,#50432447 29% 32%,#0000 33% 64%,#50432438 65% 68%,#0000 69%),linear-gradient(#0000 31%,#50432433 32% 35%,#0000 36% 67%,#5043243d 68% 71%,#0000 72%),#d9bd69}.tutorial-tile-purple{background:radial-gradient(circle,#0000 0 11px,#ffffff1f 12px 14px,#0000 15px),linear-gradient(135deg,#ffffff14,#0000 48%),#8f7bc7}.tutorial-tile-orange{background:repeating-linear-gradient(45deg,#5b32183d 0 3px,#0000 3px 9px),repeating-linear-gradient(-45deg,#5b32182e 0 2px,#0000 2px 10px),#d48756}.tutorial-tile.is-muted{opacity:.28}.tutorial-tile.is-safe{opacity:1;border-radius:6px;transform:scale(1.02);box-shadow:inset 0 0 0 2px #f6f1dfad,0 0 0 2px #d6bd6d33}.tutorial-token{--x:50%;--y:50%;left:var(--x);top:var(--y);z-index:3;color:#111612;border-radius:999px;place-items:center;width:32px;height:32px;font-size:12px;font-weight:900;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 3px #f6f1dfcc,0 8px 18px #00000047}.tutorial-token.faded{opacity:.34}.token-coral{background:#ff6d67}.token-blue{background:#72d7e6}.token-mint{background:#52d2b5}.tutorial-arrow{--x:50%;--y:50%;--angle:0deg;--length:30%;left:var(--x);top:var(--y);z-index:2;width:var(--length);color:#ff6d67;height:12px;transform:translateY(-50%) rotate(var(--angle));transform-origin:0;background:#f7f0df;border-radius:0;position:absolute;box-shadow:2px 3px #00000047}.tutorial-arrow:before{content:"";background:currentColor;position:absolute;inset:4px 15px 4px 5px}.tutorial-arrow:after{clip-path:polygon(0 0,62% 0,62% 20%,82% 20%,82% 36%,100% 36%,100% 64%,82% 64%,82% 80%,62% 80%,62% 100%,0 100%,0 68%,32% 68%,32% 32%,0 32%);content:"";background:linear-gradient(currentColor 0 0) 50%/58% 36% no-repeat,#f7f0df;width:22px;height:30px;position:absolute;top:50%;right:-17px;transform:translateY(-50%)}.arrow-coral{color:#ff6d67}.arrow-ghost{color:#ff6d6775;height:6px;box-shadow:none;background:repeating-linear-gradient(90deg,#f7f0dfa8 0 6px,#0000 6px 12px)}.arrow-ghost:before{background:repeating-linear-gradient(90deg,currentColor 0 4px,#0000 4px 12px);inset:1px 12px 1px 1px}.arrow-ghost:after{background:#f7f0df80;width:16px;height:22px;right:-12px}.tutorial-room-code,.tutorial-quick-card,.tutorial-safe-chip,.tutorial-chat-bubble,.tutorial-host-card{z-index:4;background:#171d18eb;border-radius:7px;position:absolute;box-shadow:0 10px 24px #0000003d}.tutorial-room-code{color:#f6f1df;font-family:var(--font-display);letter-spacing:.04em;padding:8px 12px;font-size:18px;font-weight:900;top:50%;left:50%;transform:translate(-50%,-50%)}.tutorial-quick-card{color:#f6f1df;text-align:center;gap:5px;width:min(188px,100% - 24px);padding:11px;display:grid;top:50%;left:50%;transform:translate(-50%,-50%)}.tutorial-quick-card strong,.tutorial-quick-card span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tutorial-quick-card strong{color:#f0d66f;font-family:var(--font-display);font-size:13px;line-height:1.2}.tutorial-quick-card span{color:#aaa899;font-size:11px;line-height:1.2}.tutorial-safe-chip{color:#f6f1df;padding:7px 10px;font-size:12px;font-weight:900;top:10px;left:50%;transform:translate(-50%)}.tutorial-path{z-index:2;opacity:.8;transform-origin:0;border-radius:0;height:6px;position:absolute}.path-coral{background:repeating-linear-gradient(90deg,#f7f0dfb8 0 7px,#ff6d67d1 7px 15px);width:40%;top:62%;left:28%;transform:rotate(-26deg)}.path-blue{background:repeating-linear-gradient(90deg,#f7f0dfa8 0 7px,#72d7e6d1 7px 15px);width:36%;top:30%;left:68%;transform:rotate(134deg)}.tutorial-impact{z-index:4;background:#f7f0df;border-radius:0;width:8px;height:8px;position:absolute;top:50%;left:53%;transform:translate(-50%,-50%);box-shadow:-20px -4px #ff6d67,-12px -15px #f7f0dfc7,12px -12px 0 1px #72d7e6,22px 3px #f7f0dfc7,7px 17px 0 1px #ff6d67,-15px 13px #72d7e6}.tutorial-splash{z-index:3;background:#f7f0df;border-radius:0;width:10px;height:10px;position:absolute;top:42%;left:70%;transform:translate(-50%,-50%);box-shadow:-28px -20px 0 1px #ff6d67,-18px 10px #f7f0dfd1,-8px -30px #f7f0dfbd,14px -19px 0 1px #ff6d67,27px -4px #f7f0dfd1,18px 17px 0 1px #ff6d67,-2px 28px #f7f0dfb8}.tutorial-splash:before{content:"";background:#00000042;width:50px;height:5px;position:absolute;top:30px;left:-24px}.tutorial-chat-bubble{color:#f6f1df;padding:6px 8px;font-size:12px;font-weight:800}.bubble-one{top:18%;left:52%}.bubble-two{bottom:14%;right:10%}.tutorial-host-card{color:#f6f1df;gap:2px;width:min(180px,100% - 24px);padding:11px;display:grid;top:50%;left:50%;transform:translate(-50%,-50%)}.tutorial-host-card strong,.tutorial-host-card span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tutorial-host-card strong{font-size:14px;line-height:1.1}.tutorial-host-card span{color:#aaa899;font-size:12px}.tutorial-copy{align-self:center;gap:9px;min-width:0;display:grid}.tutorial-copy h3,.tutorial-copy p{margin:0}.tutorial-copy h3{color:#f6f1df;font-family:var(--font-display);letter-spacing:0;font-size:24px;line-height:1.28}.tutorial-copy p{color:#c7c1ae;font-size:13px;line-height:1.48}.tutorial-copy .tutorial-tip{color:#f0d66f;font-size:12px;line-height:1.45}.tutorial-nav{justify-content:flex-end;gap:8px;min-width:0;display:flex}.tutorial-nav button{min-width:96px}@media (max-width:720px){.home-modal.tutorial-modal{grid-template-rows:auto minmax(0,1fr);height:auto;max-height:calc(100dvh - 20px);overflow:hidden}.tutorial-flow{grid-template-rows:auto minmax(0,1fr) auto;gap:10px;min-height:0}.tutorial-shell{overscroll-behavior:contain;grid-template-columns:1fr;align-content:start;gap:10px;min-height:0;padding-right:2px;overflow-y:auto}.tutorial-visual{padding:8px}.tutorial-mini-board{width:min(236px,100%)}.tutorial-copy{align-self:start;gap:7px}.tutorial-copy h3{font-size:21px}.tutorial-copy p{font-size:11px;line-height:1.4}}@media (max-width:460px){.tutorial-progress-row{grid-template-columns:1fr;gap:7px}.tutorial-mini-board{gap:3px;width:min(218px,100%);padding:5px}.tutorial-token{width:28px;height:28px;font-size:11px}.tutorial-copy h3{font-size:20px}.tutorial-nav{grid-template-columns:1fr 1fr;display:grid}.tutorial-nav button{min-width:0}}.app-shell{background:linear-gradient(135deg,#ffffff07 0 12%,#0000 12% 48%,#ffffff05 48% 62%,#0000 62%),#111612;place-items:center;min-height:100vh;padding:22px;display:grid;overflow-x:clip}.game-surface{background:#171d18;border:0;border-radius:8px;grid-template-rows:auto 1fr auto;width:min(1180px,100%);min-height:720px;display:grid;overflow:hidden;box-shadow:0 22px 70px #00000057}.topbar,.bottombar{background:#151b16f5;justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;display:flex}.topbar{z-index:30;position:relative;box-shadow:inset 0 -1px #e2ddcc12}.bottombar{box-shadow:inset 0 1px #e2ddcc12}.brand{align-content:center;justify-items:start;gap:7px;min-width:210px;display:grid}.brand-main{align-items:center;gap:12px;min-width:0;display:flex}.brand-copy{align-content:center;gap:3px;min-width:0;display:grid}.brand-home-button{width:fit-content;min-height:26px;padding:0 8px;font-size:8px;line-height:1}.drawer-home-button{display:none}.brand-mark{isolation:isolate;background:linear-gradient(145deg,#f6f1df29,#0000 38%),#151b16;border:0;border-radius:8px;flex:none;width:34px;height:34px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #f6f1df1f,inset 0 1px #ffffff29,0 8px 18px #00000038}.brand-mark:before{z-index:1;background:linear-gradient(135deg, #ffffff29, transparent 42%), linear-gradient(90deg, transparent calc(50% - 1px), #151b1670 calc(50% - 1px) calc(50% + 1px), transparent calc(50% + 1px)), linear-gradient(0deg, transparent calc(50% - 1px), #151b1670 calc(50% - 1px) calc(50% + 1px), transparent calc(50% + 1px)), conic-gradient(from 90deg at 50% 50%, #d9786a 0 25%, #d9bd69 0 50%, #8fae7a 0 75%, #6fa7be 0 100%);content:"";border-radius:6px;position:absolute;inset:4px;transform:rotate(-6deg);box-shadow:inset 0 0 0 1px #f6f1df2e}.brand-mark:after{z-index:2;content:"";background:radial-gradient(circle at 38% 58%,#ff6d67 0 4px,#f6f1dfe0 4.5px 5.8px,#0000 6.4px),radial-gradient(circle at 68% 38%,#72d7e6 0 3.2px,#f6f1dfc7 3.7px 4.6px,#0000 5.2px),linear-gradient(135deg,#0000 43%,#f6f1dfc2 44% 53%,#0000 54%);border-radius:6px;position:absolute;inset:4px;transform:rotate(-6deg)}.brand strong,.roster-item strong{font-size:16px;line-height:1.1;display:block}.brand span,.stat span,.safe-card span,.roster-item span,.top-player small,.move-hint span,.winner-panel span,.winner-panel p,.join-panel p{color:#aaa899;font-size:12px}.safe-card{background:#ffffff0e;border:0;border-radius:8px;min-width:174px;padding:9px 12px}.safe-card strong{font-size:17px;line-height:1.15;display:block}.safe-card.red{background:#d9786a1f}.safe-card.blue{background:#6fa7be1f}.safe-card.green{background:#8fae7a21}.safe-card.yellow{background:#d9bd6921}.safe-card.purple{background:#9a88d921}.safe-card.orange{background:#dc8f5a21}.safe-card.empty strong{color:#d6bd6d}.stats{flex:auto;justify-content:flex-end;gap:8px;min-width:0;display:flex}.stat{white-space:nowrap;background:#0a0e0c80;border:0;border-radius:8px;min-width:82px;padding:8px 10px}.stat strong{font-size:18px;line-height:1.15;display:block}.stat.timer strong{color:#d6bd6d}.stat.timer.urgent{background:#d9786a1f}.stat.timer.urgent strong{color:#f2a195;font-size:24px}.round-clock{box-sizing:border-box;text-align:center;background:linear-gradient(#d6bd6d1c,#d6bd6d06),#0a0e0ca8;border:1px solid #d6bd6d33;border-radius:8px;flex:0 0 210px;justify-items:center;gap:2px;width:210px;min-width:0;height:76px;padding:9px 12px;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 12px 28px #00000029}.round-clock span{color:#aaa899;font-family:var(--font-body);font-size:11px;line-height:1.1}.round-clock strong{color:#f1d679;width:100%;font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:0;text-align:center;white-space:nowrap;min-width:0;font-size:34px;line-height:.98}.round-clock.urgent{background:linear-gradient(#d9786a33,#d9786a0a),#180d0cc7;border-color:#f2a19575}.round-clock.urgent strong{color:#f2a195}.stage{background:#101511;grid-template-rows:auto 1fr;place-items:center;gap:16px;padding:22px 18px 26px;display:grid;position:relative}.arena{aspect-ratio:1;width:min(780px,100%);box-shadow:none;touch-action:none;background:0 0;border:0;border-radius:0}.arena.can-click{cursor:pointer}.join-panel,.winner-panel{background:#171d18f2;border:0;border-radius:8px;gap:13px;width:min(350px,100% - 48px);padding:18px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-42%);box-shadow:0 20px 54px #00000057}.join-panel h2{margin:0;font-size:22px;line-height:1.12}.join-panel p,.winner-panel p{margin:0}.winner-panel{text-align:center}.winner-panel strong{color:#d6bd6d;font-size:34px;line-height:1}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatch{border-radius:8px;width:34px;min-height:34px;padding:0}.swatch.selected{box-shadow:inset 0 0 0 2px #f2efe6db,0 0 0 3px #d6bd6d2e}.roster{flex-wrap:wrap;gap:8px;min-width:0;display:flex}.roster-item{background:#ffffff0e;border:0;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px 8px;min-width:132px;padding:8px 10px;display:grid}.roster-item.eliminated{opacity:.55}.roster-item strong,.roster-item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.roster-item span{grid-column:2}.dot{border:2px solid #f7f0df;border-radius:50%;flex:none;grid-row:span 2;width:14px;height:14px}.avatar-dot{place-items:center;display:inline-grid;overflow:hidden}.avatar-dot img{object-fit:cover;width:100%;height:100%;display:block}.actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.move-hint{background:#d6bd6d14;border:1px solid #d6bd6d42;border-radius:8px;min-width:152px;padding:8px 12px}.move-hint strong{color:#d6bd6d;font-size:14px;line-height:1.25;display:block}.move-hint.locked{background:#ffffff0b;border-color:#e2ddcc24}@keyframes timer-pop{0%,to{opacity:.82;transform:translate(-50%,-50%)scale(1)}45%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}}@keyframes round-event-pop{0%{opacity:0;transform:translate(-50%,-44%)scale(.92)}14%,74%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-54%)scale(.98)}}@keyframes loading-block-cycle{0%,to{opacity:.35;filter:saturate(.65);transform:translateY(0)}30%{opacity:1;filter:saturate(1.18);transform:translateY(-1px)}62%{opacity:.52;filter:saturate(.86);transform:translateY(1px)}}@keyframes winner-confetti-fall{0%{opacity:0;transform:translate3d(0, -24px, 0) rotate(var(--confetti-rotate)) scale(.85)}12%{opacity:1}82%{opacity:1}to{opacity:0;transform:translate3d(var(--confetti-drift), calc(100vh + 48px), 0) rotate(calc(var(--confetti-rotate) + 540deg)) scale(1)}}@keyframes modal-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes modal-card-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (min-width:901px) and (max-height:560px){.home-shell{padding-block:16px}.home-panel{gap:14px;padding-block:16px}.home-hero{gap:24px;padding-top:4px}.home-copy h1{margin-bottom:10px;font-size:clamp(36px,8dvh,46px)}.home-copy p{font-size:14px;line-height:1.45}.home-primary-actions{margin-top:18px}.home-live-panel{gap:8px}.home-preview-board{width:min(var(--home-preview-size,336px), calc(100dvh - 190px), 100cqw, 100cqh);padding:0}}@media (min-width:901px) and (max-height:460px){.home-panel{gap:10px;padding-block:12px}.home-copy h1{font-size:34px}.home-copy p{font-size:13px;line-height:1.35}.home-primary-actions{margin-top:14px}.home-live-panel{gap:6px;padding:0}.home-primary-actions button{min-height:38px}.home-preview-board{width:min(var(--home-preview-size,300px), calc(100dvh - 205px), 100cqw, 100cqh);padding:0}}@media (max-width:900px){.home-shell{place-items:stretch stretch;height:100dvh;min-height:100dvh;padding:12px;overflow:hidden}.home-panel{grid-template-rows:auto minmax(0,1fr) auto;align-content:start;gap:12px;height:calc(100dvh - 24px);min-height:0;padding:16px;overflow:hidden}.home-topline{flex-direction:column;align-items:stretch}.home-primary-actions{flex-direction:row;align-items:stretch}.home-topline{flex-direction:row;align-items:center;gap:10px;padding-bottom:12px}.home-brand{flex:0 auto}.home-profile-pill{flex:auto;gap:8px;max-width:240px;min-height:46px;margin-left:auto;padding:5px 7px}.home-profile-pill .home-avatar{width:32px;height:32px;font-size:12px}.home-hero{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;align-content:stretch;align-self:start;gap:12px;height:100%;min-height:0;padding:2px 4px 0}.home-copy h1,.home-copy p{max-width:100%}.home-copy h1{margin-bottom:10px;font-size:34px;line-height:1.02}.home-copy p{font-size:14px;line-height:1.42}.home-primary-actions{gap:8px;margin-top:16px}.home-live-panel{width:100%;max-width:100%;margin-top:0}.home-primary-actions button{flex:1 1 0;width:auto;min-width:0;min-height:42px}.home-preview{align-self:stretch;justify-items:center}.home-preview-board{width:min(var(--home-preview-size,360px), clamp(72px, min(calc(100vw - 64px), calc(100dvh - 325px)), 360px), 100cqw, 100cqh);padding:0}.home-swatches{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.home-swatch{min-height:38px}.home-modal-backdrop{place-items:end center;padding:12px}.home-modal{border-radius:8px;width:min(430px,100%);max-height:min(82dvh,620px);padding:14px}.home-modal-header button{min-height:36px}.home-profile-summary{flex-direction:row;align-items:center}.home-profile-preview{padding:10px}.topbar,.bottombar{flex-direction:column;align-items:stretch}.brand,.safe-card,.top-player-list,.stats,.actions{width:100%}.stats{flex:none;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.stat{min-width:0;min-height:0}}@media (max-width:900px) and (max-height:520px){.home-panel{gap:8px;padding:10px}.home-topline{padding-bottom:6px}.home-hero{gap:8px;padding-top:0}.home-copy h1{margin-bottom:6px;font-size:26px}.home-copy p{font-size:12px;line-height:1.3}.home-primary-actions{gap:7px;margin-top:10px}.home-primary-actions button{flex:1 1 0;min-height:38px}.home-preview-board{width:min(var(--home-preview-size,250px), calc(100vw - 64px), calc(100dvh - 250px), 250px, 100cqw, 100cqh);padding:0}}@media (max-width:620px){.home-shell{place-items:stretch stretch;height:100dvh;min-height:100dvh;padding:8px;overflow:hidden}.home-panel{grid-template-rows:auto minmax(0,1fr) auto;align-content:start;gap:10px;height:calc(100dvh - 16px);min-height:0;padding:14px;overflow:hidden}.home-live-panel{grid-template-columns:minmax(0,1fr);justify-items:stretch;gap:8px;width:100%;max-width:100%;margin-top:0;display:grid;position:static}.home-live-copy{justify-items:start}.home-live-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:100%;display:grid}.global-chat-open,.global-leaderboard-open{width:100%;min-width:0;padding-inline:8px}.home-topline,.home-primary-actions{align-items:stretch}.home-primary-actions{width:100%}.home-topline{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding-bottom:10px;display:grid}.home-brand{min-width:0;overflow:hidden}.home-brand strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.home-brand span{font-size:11px}.home-profile-pill{flex:none;gap:7px;width:min(154px,42vw);min-width:76px;max-width:154px;min-height:44px;padding:5px 6px}.home-profile-pill small{display:none}.home-profile-pill .home-avatar{width:30px;height:30px;font-size:12px}.home-profile-edit-icon{width:28px;height:28px}.home-profile-edit-icon svg{width:14px;height:14px}.home-primary-actions button{flex:0 auto;width:100%}.home-hero{grid-template-rows:auto minmax(0,1fr);align-content:stretch;align-self:start;gap:10px;height:100%;min-height:0;padding:2px 4px 0}.home-copy h1{margin-bottom:10px;font-size:28px;line-height:1.02}.home-copy p{font-size:13px;line-height:1.38}.home-primary-actions{gap:8px;margin-top:14px}.home-primary-actions button{min-height:42px}.home-preview{align-self:stretch;justify-items:center}.home-preview-board{width:min(var(--home-preview-size,330px), clamp(72px, min(calc(100vw - 52px), calc(100dvh - 420px)), 330px), 100cqw, 100cqh);padding:0}.home-swatches{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.home-swatch{min-height:38px}.home-modal-backdrop{place-items:end stretch;padding:10px}.home-modal{border-radius:8px;width:100%;max-height:min(82dvh,620px);padding:14px}.home-modal-header button{min-height:36px}.home-profile-summary{flex-direction:row;align-items:center}.home-profile-preview{padding:10px}@media (max-width:380px){.home-profile-pill{justify-content:center;width:76px;min-width:76px;max-width:76px}.home-profile-pill>span:nth-child(2){display:none}.home-profile-edit-icon{margin-left:0}}@media (max-height:700px){.home-panel{gap:8px;padding:10px}.home-topline{padding-bottom:6px}.home-hero{gap:8px;padding-inline:2px}.home-copy h1{margin-bottom:6px;font-size:25px}.home-copy p{font-size:12px;line-height:1.3}.home-primary-actions{gap:7px;margin-top:10px}.home-primary-actions button{min-height:38px}@media (max-height:500px){.home-copy p{display:none}.home-primary-actions{width:100%}.home-primary-actions button{width:auto;min-width:0}}.home-preview-board{width:min(var(--home-preview-size,280px), calc(100vw - 44px), calc(100dvh - 352px), 280px, 100cqw, 100cqh);padding:0}@media (max-height:500px){.home-preview-board{width:min(var(--home-preview-size,280px), calc(100vw - 44px), calc(100dvh - 250px), 280px, 100cqw, 100cqh)}}}.home-preview-board{box-shadow:none;background:0 0;padding:0}.app-shell{padding:10px}.game-surface{min-height:calc(100vh - 20px)}.stage{padding:16px 10px 20px}.arena{width:100%}.winner-panel strong{font-size:28px}.move-hint{width:100%}}.console-surface{grid-template-columns:minmax(0,1fr);width:min(1360px,100%);min-width:0;min-height:calc(100vh - 44px)}.console-topbar{grid-template-columns:210px minmax(0,1fr) 210px;align-items:center;gap:10px;display:grid}.console-topbar>.console-stats{justify-self:end;width:210px;min-width:210px;height:76px}.console-topbar .brand{width:210px;min-width:0}.console-topbar .brand span{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.console-layout{grid-template-columns:minmax(0,1fr) 320px;gap:0;width:100%;min-width:0;min-height:0;display:grid;overflow:hidden}.console-stage{background-color:#101511;background-image:linear-gradient(#ffffff07 1px,#0000 1px),linear-gradient(90deg,#ffffff07 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:26px 26px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-right:1px solid #e2ddcc1a;grid-template-rows:minmax(0,1fr) auto;align-content:center;place-items:center;min-width:0}.console-stage.urgent{box-shadow:inset 0 0 0 1px #d9786a1f}.room-status-popup{z-index:5;color:#f6f1df;text-align:center;pointer-events:none;background:linear-gradient(#d6bd6d1f,#0000 52%),#0d120fe6;border:1px solid #d6bd6d47;border-radius:8px;place-items:center;width:min(380px,100% - 34px);padding:18px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 40px #00000057,inset 0 1px #ffffff14}.room-status-popup strong{font-size:26px;line-height:1.15}.seat-card,.player-copy,.message,.rail-heading{min-width:0}.seat-card strong,.seat-card span{display:block}.seat-card{background:#0e130fb8;border:1px solid #beb8a224;border-radius:6px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px 8px;min-width:174px;padding:8px 10px;transition:border-color .16s,background .16s,opacity .16s,transform .16s;display:grid}.seat-card.host{border-color:#beb8a22e}.seat-card .dot{grid-row:span 2}.seat-card span{color:#aaa899;font-size:11px}.seat-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.results-note{text-align:center;grid-template-columns:1fr;place-content:start center;justify-items:center;gap:14px;width:min(430px,100%);margin-inline:auto;display:grid}.results-note>div:first-child{justify-items:center;width:100%;display:grid}.results-note strong{font-size:24px;line-height:1.05}.results-note span{font-size:15px}.results-note .seat-card{background:#0f14109e;border-color:#beb8a229;border-radius:4px;justify-content:center;justify-self:center;gap:12px;width:min(220px,100%);min-width:0;padding:10px 12px;display:flex}.results-note .seat-card span{display:none}.results-note .seat-card strong{font-size:18px}.timer-burst{z-index:7;color:#f2a195;font-family:var(--font-display);text-shadow:0 4px #5b1f1ce0,0 14px 34px #00000061;pointer-events:none;place-items:center;font-size:clamp(72px,14vw,132px);font-weight:900;line-height:.9;animation:1s ease-in-out infinite timer-pop;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.round-event-announcement{z-index:6;border:1px solid var(--round-event-accent,#d6bd6d);color:#f6f1df;text-align:center;pointer-events:none;background:linear-gradient(#f6f1df14,#0000 32%),#0d120ff5;border-radius:8px;justify-items:center;gap:8px;width:min(400px,100% - 32px);padding:18px 20px;animation:2.6s ease-out both round-event-pop;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #00000057,0 18px 58px #0000006b,inset 0 1px #ffffff1f}.round-event-announcement span{color:var(--round-event-accent,#d6bd6d);font-family:var(--font-display);text-transform:uppercase;font-size:10px;line-height:1.2}.round-event-announcement strong{overflow-wrap:anywhere;color:#f6f1df;min-width:0;max-width:100%;font-size:24px;line-height:1.2;display:block}.round-event-announcement p{color:#d8d2bf;max-width:34ch;margin:0;font-size:12px;line-height:1.55}.match-modal-backdrop{z-index:30;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#06090794;place-items:center;padding:20px;animation:.15s ease-out both modal-backdrop-in;display:grid;position:fixed;inset:0}.winner-confetti{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.winner-confetti-piece{top:-18px;left:var(--confetti-left);background:var(--confetti-color);width:8px;height:14px;box-shadow:0 0 18px color-mix(in srgb, var(--confetti-color) 45%, transparent);transform:translateY(-24px) rotate(var(--confetti-rotate));animation:winner-confetti-fall 1.8s cubic-bezier(.18, .78, .28, 1) var(--confetti-delay) both;border-radius:2px;position:absolute}.winner-confetti-piece:nth-child(3n){border-radius:50%;width:10px;height:10px}.winner-confetti-piece:nth-child(4n){width:6px;height:18px}.winner-confetti.premium .winner-confetti-piece{box-shadow:0 0 22px color-mix(in srgb, var(--confetti-color) 62%, transparent), 0 0 0 2px #f7f0df2e;animation-duration:2.1s}.match-modal{z-index:1;text-align:center;background:#111611;border:1px solid #beb8a233;border-radius:6px;gap:12px;width:min(360px,100%);padding:20px;animation:.18s cubic-bezier(.16,1,.3,1) both modal-card-in;display:grid;position:relative;box-shadow:0 22px 70px #0006}.match-modal span{color:#d6bd6d;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:800}.match-modal h2,.match-modal p{margin:0}.match-modal h2{font-family:var(--font-display);font-size:28px;line-height:1.28}.match-modal p,.match-modal small{color:#d7d1bd;line-height:1.4}.match-modal-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:4px;display:grid}.match-modal-actions button{min-width:0}.board-play-area{z-index:1;touch-action:none;align-self:center;justify-items:center;gap:10px;width:min(700px,100%,100vh - 310px);min-width:0;display:grid;position:relative;overflow:visible}.board-surface{z-index:1;width:185.714%;max-width:none;margin:-42.8571%;position:relative}.board-chat-bubbles{z-index:5;pointer-events:none;position:absolute;inset:-42.8571%}.board-chat-bubble{left:var(--bubble-left);top:var(--bubble-top);border:1px solid color-mix(in srgb, var(--bubble-color,#f6f1df) 70%, #f6f1df 30%);background:linear-gradient(180deg, color-mix(in srgb, var(--bubble-color,#f6f1df) 18%, transparent), transparent 58%), #0d120ff0;color:#f6f1df;max-width:min(210px,38vw);font-family:var(--font-display);overflow-wrap:anywhere;text-align:center;text-shadow:0 1px #00000057;border-radius:7px;padding:7px 9px;font-size:10px;line-height:1.35;position:absolute;transform:translate(-50%,calc(-100% - 18px));box-shadow:0 10px 24px #0000003d,inset 0 1px #ffffff14}.board-chat-bubble:after{content:"";border-right:1px solid color-mix(in srgb, var(--bubble-color,#f6f1df) 70%, #f6f1df 30%);border-bottom:1px solid color-mix(in srgb, var(--bubble-color,#f6f1df) 70%, #f6f1df 30%);background:#0d120ff0;width:12px;height:12px;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)rotate(45deg)}.board-chat-bubble.neon{color:#f7fff9;background:linear-gradient(#52d2b538,#0000 58%),#07100ef5;border-color:#52d2b5;box-shadow:0 12px 28px #00000052,0 0 18px #52d2b557,inset 0 1px #ffffff1f}.board-chat-bubble.neon:after{background:#07100ef5;border-color:#52d2b5;box-shadow:4px 4px 10px #52d2b52e}.console-error{width:min(820px,100%)}.top-player-list{flex:0 904px;grid-template-rows:repeat(2,minmax(48px,1fr));grid-template-columns:repeat(4,minmax(0,220px));place-content:start;gap:8px;width:min(100%,904px);min-width:0;padding:1px 0 3px;display:grid;overflow:hidden}.console-topbar .top-player-list{width:100%;max-width:904px}.top-player{background:#0a0e0c70;border:1px solid #e2ddcc1f;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-self:stretch;align-items:center;gap:10px;width:100%;min-width:0;min-height:48px;padding:7px 9px;transition:border-color .16s,background .16s,opacity .16s,transform .16s;display:grid;position:relative}.top-player .avatar-dot{grid-row:auto;align-self:center;width:26px;height:26px}.top-player.offline{opacity:.58}.top-player span,.top-player strong,.top-player small{min-width:0}.top-player span{align-content:center;align-self:center;display:grid;transform:translateY(1px)}.top-player strong,.top-player small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.top-player strong{color:#f6f1df;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1;overflow:hidden}.top-player.placeholder{opacity:.44;background:linear-gradient(#ffffff06,#0000 68%),#0a0e0c47;border-style:dashed}.top-player small{margin-top:2px;font-size:10px}.top-player.host span{padding-right:28px}.top-player em{color:#e8d58f;border:1px solid #d6bd6d47;border-radius:6px;padding:1px 3px;font-size:8px;font-style:normal;line-height:1.3;position:absolute;top:4px;right:4px}.mobile-menu-button,.mobile-status-strip,.drawer-header,.drawer-player-panel,.drawer-backdrop{display:none}.room-drawer{z-index:20;background:#0c100d94;border-left:1px solid #e2ddcc1a;grid-template-rows:auto minmax(0,1fr);align-content:stretch;gap:12px;min-width:0;min-height:0;padding:16px;display:grid;position:relative}.room-rail{background:0 0;align-content:start;gap:12px;min-width:0;max-height:calc(100vh - 119px);padding:0;display:grid;overflow:visible}.rail-panel{background:linear-gradient(#f6f1df09,#0000 34%),#171d18bd;border:1px solid #e2ddcc21;border-radius:8px;gap:12px;min-width:0;padding:14px;display:grid}.drawer-player-panel{display:none}.rail-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.rail-heading h2{color:#f6f1df;margin:0;font-size:15px;line-height:1.2}.rail-heading span,.muted,.empty-message{color:#aaa899;font-size:12px}.muted,.empty-message,.panel-error{margin:0;line-height:1.45}.panel-error{color:#ffc6bd;background:#d9786a17;border:1px solid #d9786a57;border-radius:6px;padding:8px 10px;font-size:12px}.host-actions,.host-member-actions,.chat-form,.reactions,.segmented-control{gap:8px;min-width:0;display:grid}.host-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.host-actions.single{grid-template-columns:1fr}.room-code-wrap{gap:6px;min-width:0;display:grid}.room-code-plate{background-color:#0a0e0c94;background-image:linear-gradient(90deg,#d6bd6d1f 0 1px,#0000 1px 100%),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:18px 100%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-color:#d6bd6d61;place-items:center;width:100%;min-width:0;min-height:78px;padding:10px;transition:border-color .16s,background .16s,transform .16s;display:grid}.room-code-plate:hover:not(:disabled){background-color:#0f1511c7;background-image:linear-gradient(90deg,#d6bd6d29 0 1px,#0000 1px 100%),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:18px 100%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-color:#d6bd6d9e;transform:translateY(-1px)}.room-code-plate span{color:#f6f1df;font-family:var(--font-display);font-size:clamp(18px,4vw,30px);font-weight:900;line-height:1.3}.room-code-status{color:#aaa899;text-align:center;font-size:12px;line-height:1.2;transition:color .16s}.room-invite-link-button{width:100%;min-height:42px}.host-actions button,.host-member-actions button,.chat-form button,.reactions button,.segmented-control button{overflow-wrap:anywhere;min-width:0}.reactions button{white-space:nowrap}.host-setting{gap:8px;min-width:0;display:grid}.setting-label{justify-content:space-between;align-items:baseline;gap:10px;min-width:0;display:flex}.setting-label strong{color:#f6f1df;font-size:13px}.setting-label span{color:#aaa899;font-size:12px}.segmented-control{grid-template-columns:repeat(3,minmax(0,1fr))}.segmented-control button{min-height:34px;padding:0 8px}.segmented-control button[aria-pressed=true]{color:#f4e4ad;background:#d6bd6d2e;border-color:#d6bd6db8}.host-member-list{gap:8px;min-width:0;display:grid}.host-member-row{background:#0a0e0c47;border:1px solid #e2ddcc1a;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;min-width:0;padding:9px;display:grid}.host-member-row .dot{grid-row:1}.host-member-row.removed{opacity:.55}.host-member-copy{min-width:0}.host-member-copy strong,.host-member-copy span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.host-member-copy strong{color:#f6f1df;font-size:13px;line-height:1.2}.host-member-copy span{color:#aaa899;margin-top:2px;font-size:11px}.host-member-actions{grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.host-member-actions button{min-height:34px;padding:0 8px;font-size:12px}.rail-roster{gap:8px;display:grid}.player-row{background:#ffffff09;border:1px solid #e2ddcc1c;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0;padding:9px 10px;transition:border-color .16s,background .16s,opacity .16s,transform .16s;display:grid}.player-row.removed{opacity:.55}.player-copy strong,.player-copy span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.player-copy strong{font-size:14px;line-height:1.15}.player-copy span{color:#aaa899;margin-top:2px;font-size:12px}.player-tags{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.tag{color:#e8d58f;white-space:nowrap;border:1px solid #d6bd6d47;border-radius:8px;padding:2px 6px;font-size:10px;line-height:1.4}.tag.warn{color:#f2a195;border-color:#d9786a52}.rules-control{position:relative}.rules-control>button{width:100%}.rules-popover{z-index:90;background:#171d18;border:1px solid #e2ddcc29;border-radius:8px;grid-template-rows:auto minmax(0,1fr);gap:12px;width:min(520px,100vw - 32px);max-height:min(680px,100dvh - 32px);padding:14px;display:grid;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 18px 60px #00000061}.rules-popover .rail-heading{align-items:center}.rules-popover .rail-heading button{min-height:30px;padding:0 10px;font-size:12px}.rules-list-scroll{overscroll-behavior:contain;min-height:0;padding-right:3px;overflow-y:auto}.rules-popover ol{counter-reset:rule-step;color:#d7d1bd;gap:9px;margin:0;padding:0;font-size:12px;line-height:1.45;list-style:none;display:grid}.rules-popover li{counter-increment:rule-step;grid-template-columns:24px minmax(0,1fr);gap:8px;display:grid}.rule-copy{gap:4px;min-width:0;display:grid}.rule-title{color:#f6f1df;font-family:var(--font-display);font-size:10px;line-height:1.35}.rule-description{color:#c9c5b5;font-size:10px;line-height:1.55}.rules-popover li:before{content:counter(rule-step) ".";color:#f2dc72;font-family:var(--font-display);line-height:1.45}.chat-panel{width:auto;max-width:100%;min-height:0;box-shadow:none;grid-template-rows:auto minmax(0,1fr) auto auto;align-self:stretch;position:static}.chat-panel .messages{max-width:100%;min-height:0;max-height:none}.messages{background:#0a0e0c6b;border:1px solid #e2ddcc1a;border-radius:8px;align-content:start;gap:7px;min-height:140px;max-height:240px;padding:10px;display:grid;overflow:auto}.message{background:#ffffff09;border-radius:6px;gap:2px;margin:0;padding:8px;line-height:1.35;display:grid}.message strong,.message span{overflow-wrap:anywhere;min-width:0}.message strong{color:var(--message-sender-color,#f6f1df);font-size:12px}.message span{color:#d7d1bd;font-size:13px}.message.system{background:#d6bd6d14}.message.reaction{background:#6fa7be17;grid-template-columns:minmax(0,auto) minmax(0,1fr);gap:7px}.chat-form{grid-template-columns:minmax(0,1fr) auto;max-width:100%}.reactions{grid-template-columns:repeat(3,minmax(0,1fr));max-width:100%}.loading{grid-template-rows:minmax(0,1fr);place-items:center}.loading-panel{text-align:center;background:linear-gradient(#f6f1df0a,#0000 44%),#0a0e0ca8;border:1px solid #e2ddcc24;border-radius:8px;gap:14px;width:min(380px,100% - 32px);padding:18px;display:grid}.home-matchmaking-panel{justify-self:center;place-items:center;gap:16px;width:min(340px,100%);padding:20px}.home-matchmaking-stats{text-align:center;flex-wrap:wrap;justify-content:center;gap:8px 14px;display:flex}.loading-progress{background:#050907b8;border:1px solid #f6f1df2e;border-radius:999px;justify-self:center;width:min(220px,100%);height:9px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1f,0 0 0 1px #00000038}.loading-progress:after{content:"";background:linear-gradient(90deg,#52d2b5,#f0d66f,#ff6d67);border-radius:999px;width:42%;animation:1.15s ease-in-out infinite matchmaking-progress-scan;position:absolute;inset:1px auto 1px 1px;box-shadow:0 0 18px #52d2b55c}.loading-block-grid{aspect-ratio:1;grid-template-columns:repeat(7,1fr);justify-self:center;gap:5px;width:min(238px,100%);display:grid}.home-matchmaking-panel .loading-block-grid{width:min(220px,72vw,100%)}.room-loading-panel{place-items:center;gap:16px;width:min(340px,100% - 32px);padding:20px}.room-loading-panel .loading-block-grid{width:min(220px,72vw,100%)}.loading-block{background:linear-gradient(135deg, #ffffff2e, transparent 48%), var(--block-color,#6fa7be);min-width:0;animation:1.8s step-end infinite loading-block-cycle;animation-delay:var(--block-delay,0s);border:1px solid #f6f1df2e;border-radius:4px;box-shadow:inset 0 1px #ffffff2e,0 3px #0000003d}@keyframes matchmaking-progress-scan{0%{transform:translate(-120%)}50%{transform:translate(70%)}to{transform:translate(240%)}}.loading-copy{gap:6px;display:grid}.loading-panel strong{color:#f6f1df;font-size:18px}.loading-panel span{color:#aaa899;font-size:13px}@media (max-width:340px){.home-brand span,.home-profile-pill small{display:none}.home-profile-pill{max-width:158px}.shop-tab{gap:2px;padding-inline:3px}.shop-tab-icon{width:12px;height:12px}.shop-tab-label{font-size:6px}}@media (max-width:1120px){.app-shell{height:100dvh;min-height:100dvh;padding:0;overflow:hidden}.game-surface,.console-surface{border-radius:0;height:100dvh;min-height:0}.console-surface{grid-template-rows:auto auto minmax(0,1fr)}.console-surface.without-status-strip{grid-template-rows:auto minmax(0,1fr)}.console-topbar{flex-flow:wrap;align-items:center;gap:8px;padding:8px 10px;display:flex}.brand{flex:auto;width:auto;min-width:0}.console-topbar .brand{flex:0 0 190px;width:auto}.brand-mark{border-radius:7px;width:30px;height:30px}.brand strong{font-size:15px}.brand span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.brand-context[data-mobile-label]{font-size:0}.brand-context[data-mobile-label]:after{content:attr(data-mobile-label);font-size:10px}.brand-home-button{display:none}.drawer-home-button{place-content:center;width:100%;display:inline-grid}.mobile-menu-button{flex:none;place-content:center;gap:4px;width:42px;min-height:38px;padding:0;display:grid}.mobile-menu-button span{background:#f6f1df;border-radius:99px;width:18px;height:2px;display:block}.console-stats{display:none}.top-player-list{flex:0 0 100%;order:3;grid-template-rows:repeat(2,minmax(28px,1fr));grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;width:100%;padding:0;display:grid}.console-topbar .top-player-list{max-width:none}.top-player{border-radius:6px;gap:5px;min-height:28px;padding:4px 5px}.top-player .avatar-dot{width:17px;height:17px}.top-player strong{font-size:7px;line-height:1.1}.top-player.placeholder{opacity:.28}.top-player em{display:none}.mobile-status-strip{background:#151b16f5;border-bottom:1px solid #e2ddcc1a;justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:8px 12px;display:flex}.mobile-status-strip.planning{background:linear-gradient(#d6bd6d17,#0000 70%),#151b16f5;border-bottom-color:#d6bd6d2e}.mobile-status-strip.urgent{background:#2f1816f5;border-bottom-color:#d9786a5c}.mobile-status-strip span,.mobile-status-strip strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobile-status-strip span{color:#aaa899;flex:auto;min-width:0;font-size:12px}.mobile-status-strip strong{text-overflow:clip;color:#f6f1df;flex:none;font-size:13px;overflow:visible}.mobile-status-strip.planning strong{color:#f1d679;font-family:var(--font-display);font-size:26px;line-height:1}.mobile-status-strip.urgent strong{color:#f2a195}.console-layout{min-height:0;display:block;overflow:hidden}.console-stage{border:0;grid-template-rows:minmax(0,1fr) auto;align-content:stretch;gap:10px;height:100%;min-height:0;padding:10px 10px 12px;overflow:clip hidden}.seat-card{align-self:start;width:auto;min-width:112px;padding:7px 8px}.seat-card span{display:none}.seat-card strong{font-size:12px}.board-play-area{align-self:start;width:min(100vw - 20px,100dvh - 286px);margin-top:clamp(28px,5dvh,44px)}.board-surface{aspect-ratio:1;align-self:center;width:185.714%;max-height:none}.round-event-announcement{gap:8px;width:min(320px,100vw - 34px);padding:14px 12px}.round-event-announcement strong{font-size:18px}.round-event-announcement p{font-size:11px;line-height:1.45}.room-drawer{z-index:80;touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;width:min(340px,100vw - 44px);height:100dvh;padding:12px 12px calc(12px + env(safe-area-inset-bottom));visibility:hidden;pointer-events:none;background:#111612;border-left:1px solid #e2ddcc24;grid-template-rows:auto;align-content:start;gap:12px;transition:transform .16s;display:grid;position:fixed;top:0;right:0;overflow:hidden auto;transform:translate(104%);box-shadow:-18px 0 60px #00000061}.room-drawer.open{visibility:visible;pointer-events:auto;transform:none}.drawer-header{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.drawer-header strong,.drawer-header span{display:block}.drawer-header strong{color:#f6f1df;font-size:15px}.drawer-header span{color:#aaa899;font-size:12px}.drawer-header button{min-height:34px;padding:0 12px}.drawer-player-panel{display:grid}.drawer-player-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.drawer-player-row{background:#ffffff09;border:1px solid #e2ddcc1c;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;min-width:0;min-height:42px;padding:7px 8px;display:grid}.drawer-player-row .avatar-dot{width:18px;height:18px}.drawer-player-row.offline{opacity:.58}.drawer-player-row span,.drawer-player-row strong,.drawer-player-row small{min-width:0;display:block}.drawer-player-row strong{color:#f6f1df;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.15;overflow:hidden}.drawer-player-row small{color:#aaa899;font-size:11px}.drawer-player-row em{color:#e8d58f;border:1px solid #d6bd6d47;border-radius:8px;padding:2px 5px;font-size:10px;font-style:normal;display:none}.room-rail{background:0 0;gap:12px;max-height:none;padding:0;overflow:visible}.room-drawer .realtime-lobby-panel>.rail-heading{display:none}.room-drawer .chat-panel{width:auto;min-width:0;max-width:100%;min-height:0;box-shadow:none;grid-template-rows:auto auto auto auto;align-self:stretch;gap:12px;padding:14px;position:static}.room-drawer .chat-panel .messages{min-height:72px;max-height:160px;padding:10px}.room-drawer .chat-panel .reactions{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:0}.room-drawer .chat-panel .message{padding:8px}.drawer-backdrop{z-index:70;opacity:0;pointer-events:none;background:#0000006b;border:0;border-radius:0;min-height:0;transition:opacity .16s;display:block;position:fixed;inset:0}.drawer-backdrop.open{opacity:1;pointer-events:auto}.host-actions,.host-member-actions,.chat-form,.reactions{grid-template-columns:1fr}.chat-panel .chat-form{grid-template-columns:minmax(0,1fr) auto}.chat-panel .chat-form button{padding:0 12px}.room-drawer .chat-panel .reactions{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.room-drawer .chat-panel .reactions button{min-height:38px;padding:0 8px;font-size:10px}.player-row{grid-template-columns:auto minmax(0,1fr)}.player-tags{grid-column:2;justify-content:flex-start}}@media (max-width:1120px) and (max-height:680px){.room-drawer{gap:8px;width:min(330px,100vw - 32px);padding:8px}.drawer-header{z-index:2;background:#111612;border-bottom:1px solid #e2ddcc1a;margin:-8px -8px 0;padding:8px;position:sticky;top:0}.drawer-header strong{font-size:13px}.drawer-header span{font-size:10px}.drawer-header button,.drawer-home-button{min-height:32px;padding:0 10px;font-size:9px}.room-drawer .rail-panel,.drawer-player-panel{gap:8px;padding:10px}.room-drawer .rail-heading{gap:8px}.room-drawer .rail-heading h2{font-size:12px}.room-drawer .rail-heading span,.room-drawer .muted,.room-drawer .empty-message{font-size:10px}.drawer-player-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.drawer-player-row{border-radius:6px;grid-template-columns:auto minmax(0,1fr);gap:4px;min-height:30px;padding:4px 5px}.drawer-player-row .avatar-dot{width:14px;height:14px}.drawer-player-row strong{font-size:7px;line-height:1}.drawer-player-row small{display:none}.room-drawer .chat-panel{grid-template-rows:auto minmax(64px,auto) auto auto;gap:8px;padding:10px}.room-drawer .chat-panel .messages{gap:5px;min-height:64px;max-height:118px;padding:8px}.room-drawer .chat-panel .message{padding:7px}.room-drawer .message strong{font-size:10px}.room-drawer .message span{font-size:10px;line-height:1.3}.room-drawer .chat-form{gap:6px}.room-drawer .chat-form input{min-height:36px;padding:0 10px}.room-drawer .chat-form button,.room-drawer .chat-panel .reactions button{min-height:32px;padding:0 8px;font-size:9px}}