.imposter-page{max-width:960px;padding-block:1rem 5rem}.imposter-header{flex-wrap:wrap;justify-content:space-between}.imposter-header h1{font-size:clamp(1.6rem,5vw,2.4rem)}.imposter-roster{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;padding:0;list-style:none;display:grid}.imposter-roster li{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.imposter-roster li>span:last-child{font-size:.8rem}.imposter-role{border-inline-start:5px solid var(--accent,#9b5de5)}.imposter-page .dd-canvas-wrap{width:100%;max-width:480px;margin-inline:auto}.imposter-page .dd-tools{flex-wrap:wrap}.imposter-votes{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;display:grid}.imposter-history{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.75rem;max-height:560px;display:grid;overflow:auto}.imposter-history figure{margin:0}.imposter-preview{border:1px solid #ddd;border-radius:10px;width:100%}.imposter-chat{overflow-wrap:anywhere;max-height:260px;padding-inline-start:1rem;overflow:auto}.imposter-message{flex:1;min-width:150px}.imposter-page input{width:100%}.imposter-page{gap:1.25rem;max-width:1100px}.imposter-party{background:var(--surface,#2b2177);border-radius:24px;padding:1rem}.imposter-counter strong{color:#ffd23f;font-size:1.7rem}.imposter-roster{gap:.6rem;display:flex;overflow-x:auto}.imposter-roster li{background:#372c8c;border:2px solid #5143b3;border-radius:18px;flex-flow:column;min-width:110px;padding:.7rem}.imposter-roster bdi{overflow-wrap:anywhere;max-width:100%}.imposter-roster li.is-drawing{border-color:#ffd23f;box-shadow:0 0 18px #ffd23f44}.imposter-roster li.is-out{opacity:.65}.is-lobby .imposter-roster{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));display:grid;overflow:visible}.is-lobby .imposter-roster li{padding:1.25rem .5rem}.imposter-role{text-align:center;background:linear-gradient(130deg,#4336a3,#251553);border:2px solid #b98cff;border-radius:24px;padding:1rem 1.5rem}.imposter-role h2{font-size:1.2rem}.imposter-role strong{color:#ffd23f;font-size:1.7rem}.imposter-role-icon{font-size:2rem}.imposter-role.is-reveal{padding-block:2rem;animation:.45s ease-out imposter-reveal}.imposter-role.is-reveal h2{font-size:clamp(1.4rem,5vw,2rem)}.imposter-role.is-reveal .imposter-role-icon{font-size:3.5rem}.imposter-spectating{color:#ffd23f;font-weight:800}.imposter-stage{color:#221452;background:radial-gradient(circle at 90% 15%,#ffb3c6 0 10%,#0000 10.5%),linear-gradient(130deg,#ffe9c7,#9b5de5);border-radius:28px;padding:clamp(.75rem,3vw,1.75rem);box-shadow:0 10px #140c3d55,0 20px 40px #08042055}.imposter-turn-banner{color:#fff;background:linear-gradient(110deg,#af481a,#6730ab);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:1rem;font-weight:900;display:flex}.imposter-countdown{accent-color:#ffd23f;background:#372c8c;border:none;border-radius:20px;width:100%;height:12px;overflow:hidden}.imposter-countdown::-webkit-progress-bar{background:#372c8c}.imposter-countdown::-webkit-progress-value{background:#ffd23f;transition:width .1s linear}.imposter-countdown::-moz-progress-bar{background:#ffd23f}.imposter-artist{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.imposter-page .dd-canvas-wrap{max-width:640px}.imposter-votes button{white-space:normal;overflow-wrap:anywhere;flex-direction:column;gap:.5rem;min-height:110px;display:flex}.imposter-verdict{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding-block:1.5rem;font-size:1.5rem;animation:.45s ease-out imposter-reveal;display:flex}.imposter-history{scroll-snap-type:x proximity;gap:.75rem;padding-bottom:.75rem;display:flex;overflow-x:auto}.imposter-history figure{scroll-snap-align:start;flex:0 0 140px}.imposter-history figcaption{overflow-wrap:anywhere;font-size:.85rem}.imposter-chat-panel{background:#2b2177;border-radius:24px;padding:1rem}.imposter-chat-panel h2{font-size:1rem}.imposter-page input{min-width:0}.imposter-page .row{flex-wrap:wrap}.imposter-page>*,.imposter-page section{min-width:0}@keyframes imposter-reveal{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.imposter-role.is-reveal,.imposter-verdict{animation:none}}
.site-footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem 1.5rem;display:flex}.site-footer-links{flex-wrap:wrap;gap:.4rem 1.2rem;display:flex}.site-footer-links a{color:var(--text-muted);font-weight:800;text-decoration:none}.site-footer-links a:hover{color:var(--text);text-decoration:underline}@media (max-width:767px){.site-footer{padding-bottom:calc(var(--tab-bar-height) + env(safe-area-inset-bottom) + 1.25rem);display:block}.main{padding-bottom:1.5rem}}.site-page{flex-direction:column;gap:clamp(1.5rem,4vw,2.75rem);padding-block:clamp(.5rem,3vw,1.5rem) 2rem;display:flex}.site-eyebrow{color:var(--yellow);letter-spacing:.14em;text-transform:uppercase;margin:0 0 .5rem;font-size:.8rem;font-weight:900}.site-title{text-shadow:0 4px #0000004d;margin:0;font-size:clamp(2.1rem,6vw,3.6rem);line-height:1.05}.site-highlight{background:linear-gradient(100deg,#ff7a90 10%,#ffd23f 50%,#5fd4ff 90%);color:#0000;text-shadow:none;-webkit-background-clip:text;background-clip:text}.site-lead{max-width:38rem;color:var(--text-muted);margin:1rem 0 0;font-size:clamp(1.02rem,2.2vw,1.2rem);line-height:1.6}.site-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.site-hero{border-radius:calc(var(--radius) + 8px);box-shadow:var(--shadow);background:radial-gradient(circle at 90% 10%,#ffd23f2e,#0000 40%),radial-gradient(circle at 5% 95%,#ff547029,#0000 45%),linear-gradient(145deg,#3a2a9e,#22186a);align-items:center;gap:2rem;padding:clamp(1.25rem,4vw,2.5rem);display:grid;overflow:hidden}.site-hero-art{grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.site-hero-tile{aspect-ratio:1;color:#fff;text-align:center;background:linear-gradient(145deg, var(--tile-a), var(--tile-b));box-shadow:0 5px 0 var(--tile-edge);animation:5s ease-in-out infinite site-float;animation-delay:calc(var(--i) * -.6s);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;padding:.5rem;font-size:.72rem;font-weight:900;line-height:1.1;display:flex}.site-hero-tile:nth-child(2n){transform:translateY(12px)}@keyframes site-float{50%{translate:0 -8px}}.site-stats{grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:.8rem;display:grid}.site-stats>div{border-radius:var(--radius);background:var(--surface);border:1px solid #ffffff14;flex-direction:column;gap:.15rem;padding:1.1rem 1.2rem;display:flex}.site-stats strong{color:var(--yellow);font-size:clamp(2rem,5vw,2.6rem);line-height:1}.site-stats span{color:var(--text-muted);font-weight:700}.site-section{flex-direction:column;gap:1rem;display:flex}.site-section-title{margin:0;font-size:clamp(1.5rem,4vw,2.1rem)}.site-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:.9rem;margin:0;padding:0;list-style:none;display:grid}.site-card{border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);border:1px solid #ffffff14;padding:1.3rem}.site-card-icon{background:var(--surface-2);border-radius:16px;place-items:center;width:52px;height:52px;margin-bottom:.8rem;font-size:1.6rem;display:grid}.site-card h3{margin:0 0 .35rem;font-size:1.15rem}.site-card p{color:var(--text-muted);margin:0;line-height:1.55}.site-steps{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:.8rem;margin:0;padding:0;list-style:none;display:grid}.site-steps li{border-radius:var(--radius);background:#0000002e;gap:.9rem;padding:1.1rem;display:flex}.site-steps h3{margin:0 0 .25rem;font-size:1.05rem}.site-steps p{color:var(--text-muted);margin:0;line-height:1.5}.site-step-number{background:var(--yellow);width:40px;height:40px;color:var(--ink);box-shadow:0 4px 0 var(--yellow-dark);border-radius:14px;flex-shrink:0;place-items:center;font-size:1.15rem;font-weight:900;display:grid}.site-cta{border-radius:calc(var(--radius) + 8px);text-align:center;background:radial-gradient(circle at 50% 120%, #ffd23f40, transparent 60%), var(--surface);flex-direction:column;align-items:center;gap:.6rem;padding:clamp(1.5rem,5vw,2.5rem);display:flex}.site-cta h2{margin:0;font-size:clamp(1.5rem,4vw,2.1rem)}.site-cta p{color:var(--text-muted);margin:0 0 .6rem}@media (min-width:900px){.site-hero{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}}@media (max-width:480px){.site-hero-art{grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem}.site-hero-tile span{display:none}}.contact-layout{align-items:start;gap:clamp(1.5rem,4vw,2.5rem);display:grid}.contact-reasons{gap:.6rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.contact-reasons li{border-radius:var(--radius-sm);background:#0000002e;align-items:flex-start;gap:.8rem;padding:.85rem 1rem;display:flex}.contact-reasons li>span{background:var(--surface-2);border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:1.2rem;display:grid}.contact-reasons p{color:var(--text-muted);margin:.1rem 0 0;font-size:.92rem}.contact-rules{margin:1rem 0 0;font-size:.92rem}.contact-card{border-radius:calc(var(--radius) + 6px);background:radial-gradient(circle at 100% 0%, #35c7ff24, transparent 40%), var(--surface);box-shadow:var(--shadow);border:1px solid #ffffff14;padding:clamp(1.2rem,4vw,1.8rem)}.contact-card-title{margin:0;font-size:1.4rem}.contact-row{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:.9rem;display:grid}.contact-topics{border:0;margin:0;padding:0}.contact-topic-list{flex-wrap:wrap;gap:.45rem;margin-top:.4rem;display:flex}.contact-topic{background:var(--surface-2);cursor:pointer;border-radius:999px;align-items:center;min-height:40px;padding:.35rem .9rem;font-size:.9rem;font-weight:800;display:inline-flex;position:relative;box-shadow:0 3px #0000004d}.contact-topic input{opacity:0;pointer-events:none;position:absolute}.contact-topic.is-selected{background:var(--yellow);color:var(--ink);box-shadow:0 3px 0 var(--yellow-dark)}.contact-topic:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.contact-textarea{resize:vertical;min-height:160px;font:inherit;line-height:1.5}.contact-message-meta{justify-content:space-between;gap:.5rem;display:flex}.contact-sent{text-align:center;flex-direction:column;align-items:center;gap:.6rem;display:flex}.contact-sent h2{margin:0;font-size:1.8rem}.contact-sent p{max-width:26rem;color:var(--text-muted);margin:0 0 .6rem;line-height:1.55}.contact-sent-icon{font-size:3.5rem;animation:3s ease-in-out infinite site-float}@media (min-width:960px){.contact-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.contact-intro{top:calc(var(--app-bar-height) + 1.5rem);position:sticky}}@media (prefers-reduced-motion:reduce){.site-hero-tile,.contact-sent-icon{animation:none}}
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1b1250;--bg-deep:#140c3d;--surface:#2b2177;--surface-2:#372c8c;--surface-3:#4336a3;--border:#5143b3;--text:#fff;--text-muted:#d4ceff;--focus:#ffe066;--yellow:#ffd23f;--yellow-dark:#c99a00;--cyan:#3ed6ff;--cyan-dark:#1693b8;--ink:#221452;--coral:#ff6b81;--amber:#ffb547;--lime:#a6e35a;--teal:#2ee6c5;--sky:#4cc3ff;--indigo:#8f95ff;--violet:#b98cff;--rose:#ff8fb8;--seat-0:#ff5470;--seat-1:#35c7ff;--danger:#ff9aa8;--success:#6ff0c7;--on-accent:#1d1045;--radius:22px;--radius-sm:14px;--shadow:0 10px 0 #0a052859, 0 18px 40px #08041e59;--font-sans:ui-rounded, "SF Pro Rounded", "Nunito", "Varela Round", "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;--font-display:var(--font-sans);--font-mono:ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;--gutter:clamp(12px, 4vw, 32px);--container:1440px;--app-bar-height:62px;--tab-bar-height:68px}*,:before,:after{box-sizing:border-box}*{scrollbar-width:thin;scrollbar-color:#ffffff47 transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff47;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#ffffff73}.scroll-list{overscroll-behavior:contain;overflow-y:auto}.scroll-list.is-overflowing{scrollbar-gutter:stable;padding-bottom:1.25rem;padding-right:.5rem;-webkit-mask-image:linear-gradient(#000 calc(100% - 1.5rem),#0000);mask-image:linear-gradient(#000 calc(100% - 1.5rem),#0000)}html{-moz-text-size-adjust:100%;text-size-adjust:100%}html,body{margin:0;padding:0}body{min-height:100dvh;color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background-color:var(--bg);background-image:radial-gradient(circle at 12% 8%, #ffd23f29 0 2px, transparent 3px), radial-gradient(circle at 78% 22%, #3ed6ff2e 0 2px, transparent 3px), radial-gradient(circle at 40% 70%, #ff547024 0 2px, transparent 3px), radial-gradient(900px 520px at 0% -10%, #b98cff47, transparent 60%), radial-gradient(800px 480px at 100% 0%, #35c7ff2e, transparent 60%), linear-gradient(180deg, var(--bg) 0%, var(--bg-deep) 100%);background-size:140px 140px,190px 190px,160px 160px,auto,auto,auto;background-attachment:fixed;flex-direction:column;line-height:1.5;display:flex}img,svg,canvas{max-width:100%}a{color:inherit}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.015em;margin:0 0 .5em;font-weight:900;line-height:1.1}p{margin:0 0 1em}button,input,select{font:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:8px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:200;background:var(--yellow);color:var(--ink);border-radius:var(--radius-sm);padding:.6rem 1rem;font-weight:800;position:absolute;top:-4rem;left:1rem}.skip-link:focus{top:1rem}.container{width:100%;max-width:var(--container);padding:0 var(--gutter);margin:0 auto}.main{padding:1.1rem 0 calc(var(--tab-bar-height) + 1.5rem + env(safe-area-inset-bottom));flex:1}.muted{color:var(--text-muted)}.stack{flex-direction:column;gap:1rem;display:flex}.stack-lg{flex-direction:column;gap:clamp(1.75rem,5vw,3rem);display:flex}.row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.spread{justify-content:space-between}.page-title{font-size:clamp(1.7rem,6vw,2.6rem)}.section-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.9rem;display:flex}.section-title{margin:0;font-size:clamp(1.35rem,4.5vw,1.9rem)}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--yellow);margin-bottom:.4rem;font-size:.75rem;font-weight:800}.lead{color:var(--text-muted);max-width:36rem;font-size:clamp(1rem,3.4vw,1.2rem)}.chip{background:#00000040;border-radius:999px;align-items:center;gap:.35rem;padding:.25rem .75rem;font-size:.82rem;font-weight:800;display:inline-flex}.app-bar{z-index:60;padding-top:env(safe-area-inset-top);background:var(--bg);border-bottom:1px solid #ffffff14;position:sticky;top:0;box-shadow:0 6px 18px #00000040}.app-bar-inner{min-height:var(--app-bar-height);align-items:center;gap:.75rem;display:flex}.brand{letter-spacing:-.01em;align-items:center;gap:.55rem;font-size:1.2rem;font-weight:900;text-decoration:none;display:inline-flex}.brand-mark{object-fit:cover;border-radius:12px;flex-shrink:0;width:38px;height:38px;box-shadow:0 4px #0000004d}.top-nav{gap:.25rem;margin-left:.75rem;display:none}.nav-link{color:var(--text-muted);border-radius:999px;align-items:center;gap:.4rem;min-height:44px;padding:.5rem .9rem;font-weight:800;text-decoration:none;display:inline-flex}.nav-count,.nav-badge{background:var(--seat-1);color:#fff;border-radius:999px;place-items:center;min-width:19px;height:19px;padding:0 5px;font-size:.68rem;font-weight:900;line-height:1;display:inline-grid}.nav-link:hover{color:var(--text);background:#ffffff14}.nav-link[aria-current=page]{color:var(--ink);background:var(--yellow)}.header-actions{align-items:center;gap:.5rem;margin-left:auto;display:flex}.header-profile{justify-content:center;align-items:center;gap:.5rem;min-width:44px;min-height:44px;font-weight:800;text-decoration:none;display:inline-flex}.header-username{display:none}.icon-button{background:var(--surface-2);width:44px;height:44px;color:var(--text);cursor:pointer;border:none;border-radius:14px;place-items:center;display:grid;box-shadow:0 4px #0000004d}.bell,.bell-button{position:relative}.bell-count{box-shadow:0 0 0 2px var(--bg);position:absolute;top:-5px;right:-5px}.bell-panel{top:calc(var(--app-bar-height) + env(safe-area-inset-top) + .4rem);z-index:70;border-radius:var(--radius);background:var(--surface);max-height:min(70vh,520px);box-shadow:var(--shadow);flex-direction:column;gap:.6rem;padding:1rem;display:flex;position:fixed;left:.75rem;right:.75rem}@media (min-width:600px){.bell-panel{width:360px;position:absolute;top:calc(100% + .6rem);left:auto;right:0}}.bell-title{margin:0;font-size:1.05rem}.bell-empty{margin:0;font-size:.92rem}.bell-list{flex-direction:column;gap:.45rem;margin:0;padding-left:0;list-style:none;display:flex}.bell-row{border-radius:var(--radius-sm);background:var(--surface-2);align-items:flex-start;gap:.7rem;padding:.7rem;display:flex}.bell-row-main{flex:1;min-width:0}.bell-row-title,.bell-row-detail{margin:0}.bell-row-detail{font-size:.88rem}.bell-row-actions{gap:.5rem;margin-top:.5rem}.bell-more{align-self:center;font-size:.9rem;font-weight:700}.icon-button:active{transform:translateY(2px);box-shadow:0 2px #0000004d}.icon-button svg{width:22px;height:22px}.site-footer{border-top:1px solid #ffffff14;padding:1.25rem 0;font-size:.9rem;display:none}.bottom-nav{z-index:70;padding:.35rem max(.5rem, env(safe-area-inset-right)) calc(.35rem + env(safe-area-inset-bottom)) max(.5rem, env(safe-area-inset-left));-webkit-backdrop-filter:blur(14px);background:#180f46f5;border-top:1px solid #ffffff1a;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav-link{min-height:calc(var(--tab-bar-height) - .7rem);color:var(--text-muted);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;font-size:.72rem;font-weight:800;text-decoration:none;display:flex}.bottom-nav-icon{border-radius:999px;place-items:center;width:46px;height:30px;display:grid;position:relative}.bottom-nav-icon .nav-badge{border:2px solid #180f46;min-width:17px;height:17px;padding:0 4px;font-size:.58rem;position:absolute;top:-5px;right:-3px}.bottom-nav-icon svg{width:22px;height:22px}.bottom-nav-link[aria-current=page]{color:var(--text)}.bottom-nav-link[aria-current=page] .bottom-nav-icon{background:var(--yellow);color:var(--ink)}.connection{white-space:nowrap;color:var(--text-muted);background:#00000040;border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .65rem;font-size:.8rem;font-weight:700;display:inline-flex}.connection-dot{background:var(--text-muted);border-radius:50%;width:10px;height:10px}.connection-good .connection-dot,.connection-connected .connection-dot{background:var(--success);box-shadow:0 0 0 4px #6ff0c72e}.connection-fair .connection-dot{background:var(--amber)}.connection-poor .connection-dot,.connection-offline .connection-dot{background:var(--danger)}.connection-reconnecting .connection-dot,.connection-connecting .connection-dot{background:var(--amber);animation:1s ease-in-out infinite pulse}.btn{--btn-bg:var(--surface-3);--btn-fg:var(--text);--btn-edge:#00000059;background:var(--btn-bg);min-height:48px;color:var(--btn-fg);letter-spacing:.01em;cursor:pointer;box-shadow:0 5px 0 var(--btn-edge);touch-action:manipulation;-webkit-user-select:none;user-select:none;border:none;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.35rem;font-weight:900;text-decoration:none;transition:transform 90ms,box-shadow 90ms,filter .12s;display:inline-flex;position:relative}.btn:hover:not(:disabled){filter:brightness(1.06)}.btn:active:not(:disabled){box-shadow:0 1px 0 var(--btn-edge);transform:translateY(4px)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.btn-primary{--btn-bg:var(--yellow);--btn-fg:var(--ink);--btn-edge:var(--yellow-dark)}.btn-secondary{--btn-bg:var(--cyan);--btn-fg:var(--ink);--btn-edge:var(--cyan-dark)}.btn-ghost{--btn-bg:var(--surface-2);--btn-fg:var(--text)}.btn-danger{--btn-bg:#d93a55;--btn-fg:#fff;--btn-edge:#8f1c32}.btn-small{min-height:38px;box-shadow:0 3px 0 var(--btn-edge);padding:.35rem .95rem;font-size:.9rem}.btn-small:active:not(:disabled){transform:translateY(2px)}.btn-lg{min-height:56px;padding:.8rem 1.8rem;font-size:1.1rem}.btn-block{width:100%}.field{flex-direction:column;gap:.35rem;display:flex}.label{font-size:.95rem;font-weight:800}.input,.select{border-radius:var(--radius-sm);border:2px solid var(--border);background:var(--bg-deep);width:100%;min-height:50px;color:var(--text);padding:.6rem .9rem;font-size:1rem}.input::placeholder{color:#a79fe0}.input:focus{border-color:var(--yellow);outline:none}.input[aria-invalid=true]{border-color:var(--danger)}.field-hint{color:var(--text-muted);font-size:.85rem}.field-error,.form-error{color:var(--danger);margin:0;font-size:.9rem;font-weight:700}.form-error{border-radius:var(--radius-sm);background:#ff9aa81f;border:2px solid #ff9aa873;padding:.6rem .8rem}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #ffffff14;min-width:0;padding:clamp(1rem,3.5vw,1.4rem)}.card-title{margin-bottom:.75rem;font-size:1.15rem}.grid{gap:1rem;display:grid}.grid-3{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}.grid-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}.badge{color:var(--text-muted);white-space:nowrap;background:#00000040;border-radius:999px;align-items:center;gap:.3rem;padding:.2rem .65rem;font-size:.78rem;font-weight:800;display:inline-flex}.badge-success{color:var(--ink);background:var(--success)}.badge-warning{color:var(--ink);background:var(--amber)}.badge-danger{color:var(--ink);background:var(--danger)}.avatar{color:var(--on-accent);border-radius:32%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;box-shadow:inset 0 -3px #0000002e}.list{flex-direction:column;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.list-item{border-radius:var(--radius-sm);background:var(--surface-2);flex-wrap:wrap;align-items:center;gap:.7rem;padding:.65rem .75rem;display:flex}.list-item-main{overflow-wrap:anywhere;flex:1;min-width:7rem}.history-days{flex-direction:column;gap:1.25rem;display:flex}.history-day{flex-direction:column;gap:.5rem;display:flex}.history-day-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin:0;padding-inline:.25rem;font-size:.75rem;font-weight:800}.history-item{grid-template-columns:auto minmax(0,1fr) auto;gap:.75rem;display:grid}.history-figure{font-size:1.05rem;font-weight:900}.history-figure-win{color:var(--success)}.history-figure-loss{color:var(--danger)}.history-figure-draw{color:var(--text-muted)}.history-item .list-item-main{min-width:0}.history-item .muted{font-size:.85rem}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;display:flex}.pagination .btn{min-width:38px;padding-inline:.6rem}.pagination-gap{text-align:center;min-width:1.2rem;color:var(--text-muted)}.empty{text-align:center;color:var(--text-muted);padding:1.5rem 1rem}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;white-space:nowrap;border-bottom:1px solid #ffffff1a;padding:.6rem .75rem}.table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.8rem}.tabs{flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;display:flex}.tab{background:var(--surface-2);color:var(--text-muted);border-radius:999px;align-items:center;min-height:42px;padding:.45rem 1rem;font-weight:800;text-decoration:none;display:inline-flex}.tab[aria-current=page]{background:var(--yellow);color:var(--ink)}.tile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.7rem,2.5vw,1.2rem);display:grid}.game-tile{--tile-a:#e8435a;--tile-b:#f07b3f;--tile-edge:#9f1f36;border-radius:var(--radius);color:#fff;text-align:left;background:radial-gradient(circle at 85% 15%, #ffffff47 0 18%, transparent 19%), radial-gradient(circle at 100% 100%, #ffffff1f 0 30%, transparent 31%), linear-gradient(145deg, var(--tile-a), var(--tile-b));min-height:clamp(150px,42vw,220px);box-shadow:0 7px 0 var(--tile-edge), 0 16px 30px #08041e59;cursor:pointer;touch-action:manipulation;border:none;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:.35rem;padding:clamp(.8rem,3vw,1.2rem);text-decoration:none;transition:transform .11s,box-shadow .11s;display:flex;position:relative;overflow:hidden}.game-tile:hover{transform:translateY(-2px)}.game-tile:active{box-shadow:0 2px 0 var(--tile-edge), 0 8px 18px #08041e4d;transform:translateY(5px)}.tile-coral{--tile-a:#e8435a;--tile-b:#f0703f;--tile-edge:#9f1f36}.tile-teal{--tile-a:#0f9b8e;--tile-b:#1b73d1;--tile-edge:#0c5a7a}.tile-violet{--tile-a:#7b3fe4;--tile-b:#4b4bd6;--tile-edge:#33228f}.tile-amber{--tile-a:#d35400;--tile-b:#c0392b;--tile-edge:#7d2413}.game-tile-icon{background:#fff3;border-radius:20px;place-items:center;width:clamp(54px,15vw,76px);height:clamp(54px,15vw,76px);display:grid;position:absolute;top:clamp(.7rem,3vw,1.1rem);left:clamp(.7rem,3vw,1.1rem);box-shadow:inset 0 -4px #00000026}.game-tile-icon svg{width:72%;height:72%}.game-tile-name{text-shadow:0 2px #00000040;font-size:clamp(1.1rem,4.4vw,1.5rem);font-weight:900;line-height:1.1}.game-tile-meta{white-space:nowrap;text-overflow:ellipsis;background:#0000004d;border-radius:999px;max-width:100%;padding:.15rem .55rem;font-size:clamp(.62rem,2.6vw,.75rem);font-weight:800;display:inline-flex;overflow:hidden}.game-tile-tagline{color:#fffffff2;font-size:.92rem;font-weight:700;display:none}.home-hero{border-radius:calc(var(--radius) + 6px);box-shadow:var(--shadow);background:radial-gradient(circle at 90% 10%,#ffd23f40,#0000 45%),linear-gradient(140deg,#3a2a9e,#22186a);align-items:center;gap:1.5rem;padding:clamp(1rem,4vw,2.5rem);display:grid}.home-hero h1{font-size:clamp(2rem,8vw,3.6rem)}.home-hero-art{aspect-ratio:1;justify-self:center;width:min(320px,100%);display:none;position:relative}.versus-bubble{aspect-ratio:1;color:#fff;border-radius:50%;place-items:center;width:58%;font-size:clamp(3rem,9vw,4.5rem);font-weight:900;display:grid;position:absolute;box-shadow:0 10px #00000047,inset 0 -10px #0000001f}.versus-bubble.seat-0{background:var(--seat-0);top:0;left:0}.versus-bubble.seat-1{background:var(--seat-1);bottom:0;right:0}.versus-badge{background:var(--yellow);width:30%;height:30%;color:var(--ink);box-shadow:0 6px 0 var(--yellow-dark);border-radius:50%;place-items:center;margin:auto;font-size:clamp(1.2rem,4vw,1.8rem);font-weight:900;display:grid;position:absolute;inset:0}.auth-card{width:100%;max-width:460px;margin:.5rem auto}.player-invite{flex-direction:column;gap:.6rem;display:flex}.player-invite-views{gap:.4rem;display:flex}.player-invite-view{border:2px solid var(--border);min-height:36px;color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .8rem;font-size:.88rem;font-weight:800;display:inline-flex}.player-invite-view[aria-pressed=true]{border-color:var(--text);background:var(--text);color:var(--ink)}.player-invite-view-count{text-align:center;background:#0000002e;border-radius:999px;min-width:1.4em;padding:0 .35rem;font-size:.78rem}.player-invite-link{color:inherit;text-decoration:none}.player-invite-link:hover,.player-invite-link:focus-visible{text-decoration:underline}.player-invite-tag{color:var(--teal);vertical-align:middle;background:#2ee6c52e;border-radius:999px;margin-left:.35rem;padding:.05rem .45rem;font-size:.72rem;font-weight:800}.player-invite-scroll{max-height:min(40vh,320px)}.player-invite-heading{color:var(--text-muted);margin:.2rem 0 .4rem;font-size:.85rem;font-weight:800}.player-invite-rows{flex-direction:column;gap:.35rem;margin:0 0 .6rem;padding:0;list-style:none;display:flex}.player-invite-row{border-radius:var(--radius-sm);align-items:center;gap:.7rem;min-height:44px;padding:.3rem .5rem;display:flex}.player-invite-row.is-available{background:var(--surface-2);padding:.45rem .5rem .45rem .6rem}.player-invite-row:not(.is-available){opacity:.62}.player-invite-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:800;overflow:hidden}.player-invite-pending{color:var(--text-muted);text-overflow:ellipsis;font-size:.8rem;font-weight:700;display:block;overflow:hidden}.invite-pending{font-size:.85rem;font-weight:700}.player-invite-status{color:var(--text-muted);font-size:.82rem}.player-invite-empty{margin:0;font-size:.92rem}.lobby-dialog-tabs{grid-auto-columns:1fr;grid-auto-flow:column;gap:.5rem;display:grid}.lobby-dialog-tab{--tab-a:#3a2f8f;--tab-b:#2a2170;--tab-edge:#1a1450;background:var(--bg-deep);min-height:58px;color:var(--text-muted);font:inherit;text-align:left;cursor:pointer;border:none;border-radius:18px;align-items:center;gap:.6rem;padding:.5rem .75rem;font-size:.95rem;font-weight:900;transition:transform .14s,background .16s,color .16s,box-shadow .16s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #ffffff0f}.lobby-dialog-tab.tone-sun{--tab-a:#ffd23f;--tab-b:#ff9f1c;--tab-edge:#c77700;--tab-ink:#2b1a00}.lobby-dialog-tab.tone-iris{--tab-a:#7b7bff;--tab-b:#4b35e0;--tab-edge:#2c1d9c;--tab-ink:#fff}.lobby-dialog-tab.tone-rose{--tab-a:#ff6b8b;--tab-b:#e02d8a;--tab-edge:#9c1660;--tab-ink:#fff}.lobby-dialog-tab-icon{background:linear-gradient(145deg, var(--tab-a), var(--tab-b));width:38px;height:38px;color:var(--tab-ink,#fff);box-shadow:0 3px 0 var(--tab-edge);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.lobby-dialog-tab-icon svg{width:21px;height:21px}.lobby-dialog-tab-label{min-width:0;line-height:1.15}.lobby-dialog-tab:hover{color:var(--text);transform:translateY(-1px)}.lobby-dialog-tab[aria-selected=true]{background:radial-gradient(circle at 92% 18%, #ffffff47 0 10%, transparent 11%), linear-gradient(135deg, var(--tab-a), var(--tab-b));color:var(--tab-ink,#fff);box-shadow:0 4px 0 var(--tab-edge)}.lobby-dialog-tab[aria-selected=true] .lobby-dialog-tab-icon{box-shadow:none;background:#ffffff40}.lobby-dialog-tab:focus-visible{outline:3px solid var(--focus);outline-offset:2px}@media (max-width:520px){.lobby-dialog-tab{text-align:center;flex-direction:column;justify-content:center;gap:.3rem;min-height:74px;padding:.5rem .3rem;font-size:.8rem}}@media (prefers-reduced-motion:reduce){.lobby-dialog-tab{transition:none}}.lobby-dialog-panel{gap:.75rem;min-height:150px}.join-form{gap:.5rem;display:flex}.join-form .input{flex:1;min-width:0}.game-chips{scrollbar-width:none;gap:.5rem;padding:.25rem 2.5rem .75rem .1rem;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 2.5rem),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 2.5rem),#0000)}.game-chips::-webkit-scrollbar{display:none}.game-chip{background:var(--surface-2);min-height:44px;color:var(--text-muted);border-radius:999px;flex-shrink:0;align-items:center;gap:.4rem;padding:.5rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.game-chip[aria-current=page]{color:#fff;background:linear-gradient(135deg, var(--tile-a), var(--tile-b));box-shadow:0 4px 0 var(--tile-edge)}.lb-list{flex-direction:column;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.lb-row{border-radius:var(--radius-sm);background:var(--surface-2);grid-template-columns:2.4rem minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.6rem .8rem;display:grid}.lb-rank{background:#00000040;border-radius:12px;place-items:center;width:2.4rem;height:2.4rem;font-weight:900;display:grid}.podium-1 .lb-rank{background:var(--yellow);color:var(--ink)}.podium-2 .lb-rank{color:var(--ink);background:#dfe3f5}.podium-3 .lb-rank{color:var(--ink);background:#f0a068}.lb-player{align-items:center;gap:.6rem;min-width:0;text-decoration:none;display:flex}.lb-name{flex-direction:column;min-width:0;font-weight:800;display:flex}.lb-name>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lb-record{color:var(--text-muted);font-size:.8rem;font-weight:700}.lb-rating{font-size:1.15rem;font-weight:900}.toast-region{left:var(--gutter);right:var(--gutter);bottom:calc(var(--tab-bar-height) + .75rem + env(safe-area-inset-bottom));z-index:150;pointer-events:none;flex-direction:column;gap:.6rem;display:flex;position:fixed}.toast{pointer-events:auto;background:var(--surface-3);border-radius:var(--radius-sm);border-left:6px solid var(--cyan);box-shadow:var(--shadow);flex-wrap:wrap;align-items:flex-start;gap:.75rem;padding:.8rem .9rem;animation:.18s ease-out rise;display:flex}.toast-success{border-left-color:var(--success)}.toast-error{border-left-color:var(--danger)}.toast-body{flex:1;min-width:10rem}.toast-title{margin:0;font-weight:900}.toast-description{color:var(--text-muted);margin:.15rem 0 0;font-size:.9rem}.toast-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.4rem;display:flex}.toast-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;width:40px;height:40px;font-size:1.4rem}.spinner-wrap{place-items:center;padding:3rem 1rem;display:grid}.spinner{border:5px solid var(--surface-3);border-top-color:var(--yellow);border-radius:50%;width:44px;height:44px;animation:.8s linear infinite spin}.match-top{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.match-surrender{flex-shrink:0}.back-link{background:var(--surface-2);border-radius:14px;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:1.6rem;font-weight:900;line-height:1;text-decoration:none;display:grid;box-shadow:0 4px #0000004d}.match-title{-webkit-line-clamp:2;line-clamp:2;overflow-wrap:break-word;-webkit-box-orient:vertical;flex:1;min-width:0;margin:0;font-size:clamp(1.15rem,5vw,2.1rem);line-height:1.1;display:-webkit-box;overflow:hidden}.match-badge{flex-shrink:0}.match-fullscreen{flex-shrink:0;width:40px;height:40px}.match-fullscreen svg{width:20px;height:20px}@media (max-width:599px){.match-title{flex:calc(100% - 60px)}.match-badge{margin-left:auto}}.match-layout{flex-direction:column;gap:1rem;min-width:0;display:flex}.waiting-howto{border-radius:var(--radius-sm);text-align:left;background:#0000002e;width:min(100%,460px);margin:0 auto;padding:.8rem 1rem}.waiting-howto h3{margin:0 0 .4rem;font-size:.95rem}.waiting-howto ul{margin:0;padding-left:1.1rem;font-size:.9rem}.result-dialog{border-radius:var(--radius);width:min(460px,100vw - 2rem);max-height:calc(100dvh - 2rem);color:var(--text);background:0 0;border:0;padding:0;overflow:visible}.result-dialog[open]{animation:.2s ease-out game-dialog-in}.result-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#08041e99}.result-dialog .result-card{max-height:calc(100dvh - 2rem);overflow-y:auto;box-shadow:0 30px 80px #08041eb3}.result-close{z-index:2;width:38px;height:38px;color:var(--text);font:inherit;cursor:pointer;background:#ffffff1a;border:0;border-radius:50%;place-items:center;font-size:1.5rem;line-height:1;display:grid;position:absolute;top:.7rem;right:.7rem}.result-close:hover{background:#fff3}.result-close:focus-visible{outline-offset:2px;outline:3px solid #fff}@media (prefers-reduced-motion:reduce){.result-dialog[open]{animation:none}}.players-bar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:.5rem;display:grid}.player-chip{--seat-color:var(--seat-0);border-radius:var(--radius-sm);background:linear-gradient(135deg, color-mix(in srgb, var(--seat-color) 38%, var(--surface)), var(--surface));border:3px solid #0000;align-items:center;gap:.55rem;min-width:0;padding:.55rem .65rem;transition:opacity .2s;display:flex;box-shadow:0 5px #00000040}.player-chip.is-waiting{opacity:.6}.player-chip .avatar{border-radius:50%;width:36px!important;height:36px!important}.player-chip.is-turn{border-color:var(--seat-color);opacity:1;box-shadow:0 5px 0 #00000040, 0 0 22px color-mix(in srgb, var(--seat-color) 55%, transparent)}.player-chip-right{text-align:right;flex-direction:row-reverse}.player-text{flex:1;min-width:0}.player-name{overflow-wrap:anywhere;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.95rem;font-weight:900;line-height:1.15;display:-webkit-box;overflow:hidden}.player-you{color:var(--text-muted);font-size:.8em;font-weight:700}.player-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.1rem .3rem;font-size:.75rem;font-weight:700;display:flex}.player-chip-right .player-meta{justify-content:flex-end}.player-meta .badge-guest{padding:0 .35rem;font-size:.6rem}.player-chip.is-empty{justify-content:center}.player-score{border:2px solid color-mix(in srgb, var(--seat-color) 70%, transparent);font-variant-numeric:tabular-nums;background:#00000047;border-radius:14px;flex-shrink:0;place-items:center;min-width:2.6rem;height:2.6rem;padding:0 .5rem;font-size:1.35rem;font-weight:900;line-height:1;display:grid}.player-score-value{animation:.26s ease-out player-score-pop;display:block}@keyframes player-score-pop{0%{transform:scale(1.5)}}@media (prefers-reduced-motion:reduce){.player-score-value{animation:none}}@media (max-width:479px){.player-chip,.player-chip-right{text-align:center;flex-direction:column;justify-content:center;gap:.3rem;padding:.45rem .4rem}.player-chip .avatar{width:32px!important;height:32px!important}.player-text{flex:none;width:100%}.player-name{font-size:.85rem}.player-score{min-width:2.2rem;height:2.1rem;font-size:1.15rem}.player-meta,.player-chip-right .player-meta{justify-content:center}}.versus{background:var(--yellow);width:38px;height:38px;color:var(--ink);box-shadow:0 4px 0 var(--yellow-dark);border-radius:50%;align-self:center;place-items:center;font-size:.85rem;font-weight:900;display:grid}.status-banner{text-align:center;background:var(--surface-2);border-radius:999px;margin:0;padding:.65rem;font-size:clamp(1rem,3.8vw,1.2rem);font-weight:900}.voice-bar{box-sizing:border-box;color:#eee6ff;background:linear-gradient(110deg,#382971 0%,#302565 65%,#3f2b72 100%);border:1px solid #a990ef47;border-radius:24px;flex:none;width:min(100%,560px);min-width:0;margin:0 auto;padding:6px 8px 6px 16px;box-shadow:0 4px 14px #0f083324,inset 0 1px #d3beff14}.voice-bar-main{align-items:center;gap:8px;min-width:0;display:flex}.voice-bar-indicator{background:#9583b5;border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 4px #9583b51f}.voice-bar-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin:0;font-size:.8rem;font-weight:700;overflow:hidden}.voice-bar-controls{flex:none;gap:6px;display:flex}.voice-bar-control,.voice-bar-action{color:#fff;cursor:pointer;background:#6549ba;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;transition:background-color .15s,box-shadow .15s;display:inline-flex;box-shadow:0 2px 4px #3e267e24,inset 0 1px #ffffff2e}.voice-bar-control[aria-pressed=true]{color:#96365c;background:#f7d8e7;box-shadow:inset 0 0 0 1px #96365c1a}.voice-bar-action{color:#fff;font:inherit;background:#6549ba;border-radius:999px;padding:0 16px;font-size:.8rem;font-weight:800}.voice-bar-control:hover,.voice-bar-action:hover{filter:brightness(.94)}.voice-bar-control:focus-visible,.voice-bar-action:focus-visible{outline-offset:2px;outline:3px solid #d5baff}.voice-bar-why{color:#ffb5ca;overflow-wrap:anywhere;margin:6px 6px 4px 0;font-size:.75rem;line-height:1.4}.voice-bar.status-connected .voice-bar-indicator{background:#72d7b2;box-shadow:0 0 0 4px #27846b1f}.voice-bar.status-connecting .voice-bar-indicator,.voice-bar.status-requesting .voice-bar-indicator{background:#f4ca75;box-shadow:0 0 0 4px #9c691b1f}.voice-bar.status-denied .voice-bar-indicator,.voice-bar.status-failed .voice-bar-indicator,.voice-bar.status-insecure .voice-bar-indicator{background:#ff94b6;box-shadow:0 0 0 4px #b23c621f}.voice-bar.is-talking{border-color:#72b8a0;box-shadow:0 0 0 2px #429a7e2e,0 4px 14px #0f083324}.waiting-actions{gap:.75rem;display:flex}.waiting-actions .btn{flex:1 1 0;min-width:0}.countdown-number{text-align:center;color:var(--yellow);text-shadow:0 8px #0000004d;margin:0;font-size:clamp(4.5rem,22vw,9rem);font-weight:900;line-height:1}.board-area{place-items:center;min-width:0;padding:.5rem 0;display:grid}.ttt-board{aspect-ratio:1;border-radius:calc(var(--radius) + 4px);background:var(--surface-3);width:min(440px,100%);box-shadow:var(--shadow);grid-template-columns:repeat(3,1fr);gap:clamp(8px,2.4vw,14px);padding:clamp(8px,2.4vw,14px);display:grid}.ttt-cell{background:var(--bg-deep);color:var(--text);font-family:var(--font-display);cursor:pointer;touch-action:manipulation;border:none;border-radius:18px;place-items:center;padding:0;font-size:clamp(2.6rem,15vw,5rem);font-weight:900;display:grid;box-shadow:inset 0 5px #00000040}.ttt-cell[aria-disabled=true]{cursor:default}.ttt-cell.seat-0{color:var(--seat-0)}.ttt-cell.seat-1{color:var(--seat-1)}.ttt-cell.is-winning{background:var(--yellow);box-shadow:inset 0 -5px 0 var(--yellow-dark)}.ttt-cell.is-winning.seat-0,.ttt-cell.is-winning.seat-1{color:var(--ink)}.c4{width:min(580px,100%)}.c4-drops{grid-template-columns:repeat(7,1fr);gap:clamp(3px,1vw,6px);margin-bottom:8px;padding:0 clamp(8px,2vw,12px);display:grid}.c4-drop{background:var(--surface-2);min-height:44px;color:var(--text-muted);cursor:pointer;touch-action:manipulation;border:none;border-radius:12px;font-weight:900}.c4-drop.is-selected{background:var(--seat-color,var(--seat-0));color:#fff}.c4-drop[aria-disabled=true]{cursor:default;opacity:.45}.c4-grid.is-live{cursor:pointer;touch-action:manipulation}.c4-grid{border-radius:calc(var(--radius) + 2px);background:linear-gradient(160deg,#5b4ff0,#3c2fc2);grid-template-columns:repeat(7,1fr);gap:clamp(4px,1.3vw,8px);padding:clamp(8px,2vw,12px);display:grid;box-shadow:0 8px #251a86,0 18px 34px #08041e66}.c4-cell{aspect-ratio:1;background:var(--bg-deep);border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 4px #00000059}.c4-disc{border-radius:50%;width:88%;height:88%;box-shadow:inset 0 -4px #0003}.c4-disc.seat-0{background:var(--seat-0)}.c4-disc.seat-1{background:radial-gradient(circle, var(--bg-deep) 0 26%, var(--seat-1) 28%)}.c4-cell.is-last .c4-disc{outline-offset:-3px;outline:3px solid #ffffffa6}@media (prefers-reduced-motion:no-preference){.c4-cell.is-last .c4-disc{animation:.26s ease-out drop-in}}.pong-wrap{--pong-reserve:310px;width:100%;max-width:900px;margin:0 auto;position:relative}@media (pointer:coarse){.pong-wrap{--pong-reserve:400px}}.pong-canvas{width:100%;max-width:max(280px, calc((100dvh - var(--pong-reserve)) * 8 / 5));aspect-ratio:8/5;border-radius:var(--radius);border:4px solid var(--surface-3);box-shadow:var(--shadow);touch-action:none;background:#120a36;margin:0 auto;display:block}.pong-overlay{pointer-events:none;text-align:center;text-shadow:0 2px 12px #000c;place-items:center;font-size:clamp(1.2rem,4vw,2rem);font-weight:900;display:grid;position:absolute;inset:0}.pong-controls{gap:.75rem;margin-top:.9rem;display:none}.pong-controls button{flex:1;min-height:70px;font-size:1.6rem}@media (pointer:coarse){.pong-controls{display:flex}}.result-card{text-align:center}.result-title{color:var(--yellow);text-shadow:0 5px #0000004d;font-size:clamp(2rem,9vw,3.2rem)}.rating-delta-up{color:var(--success);font-weight:900}.rating-delta-down{color:var(--danger);font-weight:900}.code-box{font-family:var(--font-mono);background:var(--bg-deep);border-radius:var(--radius-sm);overflow-wrap:anywhere;padding:.7rem .9rem;font-size:.9rem}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,110px),1fr));gap:.7rem;display:grid}.stat{background:var(--surface-2);border-radius:var(--radius-sm);padding:.8rem;box-shadow:0 4px #00000038}.stat:nth-child(4n+1) .stat-value{color:var(--yellow)}.stat:nth-child(4n+2) .stat-value{color:var(--success)}.stat:nth-child(4n+3) .stat-value{color:var(--danger)}.stat:nth-child(4n+4) .stat-value{color:var(--cyan)}.stat-value{font-size:1.8rem;font-weight:900}.stat-label{color:var(--text-muted);font-size:.85rem;font-weight:700}.choice-grid{flex-wrap:wrap;gap:.5rem;display:flex}.choice{background:var(--surface-2);cursor:pointer;border:3px solid #0000;border-radius:14px;min-width:50px;min-height:50px;padding:.35rem}.choice[aria-pressed=true],.choice[aria-checked=true]{border-color:var(--yellow)}.memory{flex-direction:column;gap:.75rem;width:100%;max-width:660px;display:flex}.memory-scores{justify-content:center;display:flex}.memory-grid{perspective:900px;gap:clamp(5px,1.5vw,10px);display:grid}.memory-card{aspect-ratio:3/4;cursor:pointer;min-height:44px;color:var(--on-accent);touch-action:manipulation;background:0 0;border:none;padding:0;position:relative}.memory-card[aria-disabled=true]{cursor:default}.memory-inner{transform-style:preserve-3d;border-radius:14px;transition:transform .28s;position:absolute;inset:0}.memory-card:not(.is-hidden) .memory-inner{transform:rotateY(180deg)}.memory-back,.memory-face{backface-visibility:hidden;border-radius:14px;position:absolute;inset:0}.memory-back{background:radial-gradient(circle,#ffffff38 0 18%,#0000 19%),repeating-linear-gradient(45deg,#ffffff1a 0 6px,#0000 6px 12px),linear-gradient(150deg,#6a5cff,#4a36c9);box-shadow:inset 0 -5px #00000040}.memory-card.is-hidden:not([aria-disabled=true]):hover .memory-back{filter:brightness(1.12)}.memory-face{border:3px solid #0000;place-items:center;display:grid;transform:rotateY(180deg);box-shadow:inset 0 -5px #0000002e}.memory-face svg{width:64%;height:64%}.memory-card.is-mismatch .memory-face{border-color:var(--danger);filter:saturate(.65)}.memory-card.owner-0 .memory-face{border-color:var(--seat-0)}.memory-card.owner-1 .memory-face{border-color:var(--seat-1)}.memory-card.is-cleared{cursor:default;pointer-events:none;background:#00000014;border-radius:14px;display:block;box-shadow:inset 0 0 0 2px #ffffff1f}.memory-grid.is-locked .memory-card{cursor:default}.memory-owner{color:var(--ink);text-shadow:0 0 2px #ffffffe6;font-size:.75rem;position:absolute;top:4px;right:6px}@media (min-width:600px){.game-tile-tagline{display:block}.player-chip .avatar{width:42px!important;height:42px!important}.player-name{font-size:1.05rem}.player-meta{font-size:.8rem}.toast-region{width:380px;left:auto}}@media (min-width:768px){.bottom-nav{display:none}.top-nav{display:flex}.main{padding:1.75rem 0 3rem}.site-footer{display:block}.toast-region{bottom:1rem}.header-username{display:inline}.home-hero{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}.home-hero-art{display:block}}@media (min-width:1024px){.tile-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-height:520px) and (orientation:landscape){.app-bar{position:static}.main{padding-top:.6rem}.pong-wrap{--pong-reserve:180px}.countdown-number{font-size:4rem}}@media (max-width:359px){.brand-name{display:none}.versus{width:30px;height:30px;font-size:.7rem}.player-chip{padding:.45rem}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.35}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}@keyframes drop-in{0%{transform:translateY(-160%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.hud-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.hud-chip{color:#fff;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;background:#0000003d;border:1.5px solid #ffffff47;border-radius:999px;padding:.25rem .7rem;font-size:.72rem;font-weight:900}.hud-chip.is-seat0{border-color:var(--seat-0);background:#ff547033}.hud-chip.is-seat1{border-color:var(--seat-1);background:#35c7ff33}.match-page{--stage-bg:linear-gradient(160deg, #3a2a9e, #22186a);--banner-bg:linear-gradient(135deg, #5b3fe0, #3a2a9e)}.container.match-page{max-width:880px}.container.match-page.game-fleet,.container.match-page.game-guess-person,.container.match-page.game-doodle,.container.match-page.game-last-card,.container.match-page.game-pong{max-width:1040px}.match-page.game-tic-tac-toe{--stage-bg:radial-gradient(circle at 12% 18%, #ffffff8c 0 5%, transparent 6%), radial-gradient(circle at 88% 82%, #fff6 0 7%, transparent 8%), linear-gradient(155deg, #ff9fc9 0%, #c49bff 55%, #8fd9ff 100%);--banner-bg:linear-gradient(135deg, #c2255c, #7b3fe4)}.match-page.game-connect-four{--stage-bg:radial-gradient(ellipse 60px 26px at 18% 16%, #ffffffbf 0 90%, transparent 100%), radial-gradient(ellipse 80px 30px at 82% 12%, #fff9 0 90%, transparent 100%), linear-gradient(165deg, #7ee8fa 0%, #7a8bff 55%, #9b6bff 100%);--banner-bg:linear-gradient(135deg, #1b5fbf, #5b3fe0)}.match-page.game-memory{--stage-bg:radial-gradient(circle at 90% 14%, #ffffff80 0 6%, transparent 7%), radial-gradient(circle at 8% 88%, #ffffff73 0 8%, transparent 9%), linear-gradient(155deg, #ffd29d 0%, #ff9fcb 50%, #b9a4ff 100%);--banner-bg:linear-gradient(135deg, #b5357a, #c0392b)}.match-page.game-pong{--stage-bg:radial-gradient(circle at 50% 0%, #4b2bb8 0%, #1a0f52 70%);--banner-bg:linear-gradient(135deg, #4b2bb8, #2a1a8a)}.match-page .status-banner{background:var(--banner-bg);box-shadow:0 5px #00000040}.match-page .board-area{isolation:isolate;border-radius:calc(var(--radius) + 8px);background:var(--stage-bg);box-shadow:var(--shadow);padding:clamp(.9rem,3.5vw,1.8rem) clamp(.5rem,3vw,1.6rem);position:relative;overflow:clip}.match-page .board-area:before,.match-page .board-area:after{content:"";z-index:-1;background:#ffffff2e;border-radius:50%;animation:7s ease-in-out infinite float-blob;position:absolute}.match-page .board-area:before{width:140px;height:140px;top:-40px;left:-30px}.match-page .board-area:after{width:180px;height:180px;animation-delay:-3s;bottom:-60px;right:-50px}.match-page.game-pong .board-area:before,.match-page.game-pong .board-area:after{background:#ffd23f1a}.ttt-board{background:linear-gradient(160deg,#fff,#ffe3f2);border-radius:32px;box-shadow:0 10px #d98bb8,0 24px 40px #46145a59}.ttt-cell{background:#ffd3ea;border-radius:22px;position:relative;overflow:visible;box-shadow:inset 0 6px #c8509638}.ttt-cell:not([aria-disabled=true]):hover{background:#ffc0df}.ttt-piece,.ttt-ghost{place-items:center;width:100%;height:100%;display:grid}.ttt-piece svg,.ttt-ghost svg{filter:drop-shadow(0 5px #78285a38);width:80%;height:80%}.ttt-piece{animation:.42s cubic-bezier(.34,1.56,.64,1) piece-pop}.ttt-ghost{opacity:0;transition:opacity .12s}.ttt-cell:hover .ttt-ghost,.ttt-cell:focus-visible .ttt-ghost{opacity:.35}.ttt-cell.is-winning{background:#ffe680;animation:1s ease-in-out infinite win-bounce;box-shadow:inset 0 -6px #f5a623}.ttt-cell.is-last:not(.is-winning){box-shadow:inset 0 6px #c8509638,inset 0 0 0 4px #fff}.cell-sparkle{aspect-ratio:1;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);background:#fff;width:22%;animation:1.2s ease-in-out infinite twinkle;position:absolute;top:6%;right:8%}.c4-drops{gap:clamp(3px,1vw,6px)}.c4-drop{color:#fff;background:#ffffff38;place-items:center;min-height:clamp(44px,10vw,62px);display:grid;box-shadow:inset 0 -3px #0000001f}.c4-drop.is-selected{background:#ffffff73}.c4-arrow{opacity:.8;font-size:.9rem}.c4-ghost{aspect-ratio:1;width:78%;animation:1.1s ease-in-out infinite hover-bob;display:block}.c4-ghost svg,.c4-disc svg{width:100%;height:100%;display:block}.c4-grid{background:radial-gradient(circle at 10px 10px,#ffd23f 0 4px,#0000 5px) 0 0/100% 100% no-repeat,linear-gradient(160deg,#6f5cff,#4230d4);border:4px solid #ffffff59;position:relative;box-shadow:0 10px #2a1c9a,0 24px 40px #08041e66}.c4-cell{background:#1d1356;box-shadow:inset 0 5px #0006}.c4-disc,.c4-disc.seat-0,.c4-disc.seat-1{width:94%;height:94%;box-shadow:none;filter:drop-shadow(0 3px #00000040);background:0 0}.c4-cell.is-last .c4-disc{outline:none;animation:.46s cubic-bezier(.3,1.35,.6,1) disc-drop}.c4-cell.is-winning{box-shadow:inset 0 5px #0006,0 0 0 4px #ffd23f,0 0 18px #ffd23f}.c4-cell.is-winning .c4-disc{animation:.8s ease-in-out infinite wiggle}.memory-back{background:radial-gradient(circle at 25% 20%,#ffffff73 0 10%,#0000 11%),radial-gradient(circle at 80% 85%,#ffffff4d 0 12%,#0000 13%),linear-gradient(150deg,#ff8fcf,#9a72ff);border:3px solid #ffffffa6;box-shadow:inset 0 -6px #50147840,0 4px #3c14644d}.memory-back:after{content:"?";color:#fff;text-shadow:0 3px #50147859;place-items:center;font-size:clamp(1.2rem,5.5vw,2.3rem);font-weight:900;display:grid;position:absolute;inset:0}.memory-face{border:3px solid #fff;box-shadow:inset 0 -6px #0000001f,0 4px #3c146440}.memory-sticker{aspect-ratio:1;background:#fff;border-radius:50%;place-items:center;width:76%;display:grid;box-shadow:0 3px #0000001f,inset 0 -3px #0000000f}.memory-sticker svg{width:66%;height:66%}.memory-card.is-flipped .memory-face{border-color:#ffd23f}.memory-card.is-matched .memory-face{opacity:1}.memory-card.is-matched .memory-sticker{animation:.52s cubic-bezier(.34,1.56,.64,1) match-pop}.memory-card.is-matched:after{content:"";clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);background:#ffd23f;width:16px;height:16px;animation:1.6s ease-in-out infinite twinkle;position:absolute;top:-5px;left:-5px}.memory-card.is-mismatch .memory-inner{animation:.42s ease-in-out shake}@media (prefers-reduced-motion:no-preference){.memory-grid.is-live .memory-card.is-matched{animation:.7s ease-in forwards match-leave}}.memory-owner{color:#1d1045;top:3px;right:5px}.memory-left{color:#1d1045;background:#ffffff8c;border-radius:999px;padding:.3rem .8rem;font-weight:900}.pong-canvas{border:4px solid #fff3;box-shadow:0 0 0 4px #ffd23f26,0 10px #00000059,0 0 50px #7b3fe473}.pong-controls .btn{--btn-bg:#ffffff29}.countdown-pop{animation:.7s cubic-bezier(.34,1.56,.64,1) count-pop}.result-card{isolation:isolate;position:relative;overflow:hidden}.result-mascot{width:clamp(96px,26vw,140px);height:auto;margin:0 auto -.25rem;animation:1.8s ease-in-out infinite mascot-bounce;display:block}.mood-lose .result-mascot{animation:2.6s ease-in-out infinite mascot-sway}.mood-lose .result-title{color:var(--rose)}.result-stage{aspect-ratio:1;--stage-glow:#ffd23f59;place-items:center;width:clamp(150px,42vw,200px);margin:-.25rem auto -.5rem;display:grid;position:relative}.result-stage:before{content:"";z-index:-1;background:radial-gradient(circle, var(--stage-glow), transparent 68%);border-radius:50%;position:absolute;inset:8%}.mood-win .result-stage:after{content:"";z-index:-1;background:repeating-conic-gradient(#ffe17833 0deg 12deg,#0000 12deg 30deg);border-radius:50%;animation:18s linear infinite stage-rays;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 30%,#0000 70%);mask-image:radial-gradient(circle,#000 30%,#0000 70%)}.mood-lose .result-stage{--stage-glow:#ff6b8f4d}.mood-draw .result-stage{--stage-glow:#3ed6ff47}.mood-cancelled .result-stage{--stage-glow:#d4ceff33}.result-stage .result-mascot,.result-meta{margin:0}@keyframes stage-rays{to{transform:rotate(360deg)}}.mood-draw .result-title{color:var(--cyan)}.twinkle{transform-box:fill-box;transform-origin:50%;animation:1.4s ease-in-out infinite twinkle}.twinkle-late{animation-delay:-.7s}.confetti{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti span{animation-name:confetti-fall;animation-timing-function:cubic-bezier(.25,.6,.6,1);animation-iteration-count:3;animation-fill-mode:both;position:absolute;top:-24px}.versus-bubble.seat-0{background:radial-gradient(circle at 35% 30%,#fff,#ffd3e0)}.versus-bubble.seat-1{background:radial-gradient(circle at 35% 30%,#fff,#cfefff)}.versus-bubble svg{animation:2.4s ease-in-out infinite hover-bob}.versus-bubble.seat-1 svg{animation-delay:-1.2s}@keyframes piece-pop{0%{opacity:0;transform:scale(.2)rotate(-25deg)}70%{opacity:1;transform:scale(1.12)rotate(4deg)}to{transform:scale(1)rotate(0)}}@keyframes win-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes twinkle{0%,to{opacity:.5;transform:scale(.6)rotate(0)}50%{opacity:1;transform:scale(1.1)rotate(45deg)}}@keyframes hover-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes disc-drop{0%{transform:translateY(-420%)}75%{transform:translateY(8%)}to{transform:translateY(0)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)scale(1.06)}75%{transform:rotate(10deg)scale(1.06)}}@keyframes match-pop{0%{transform:scale(.6)}70%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes match-leave{0%{opacity:1;transform:scale(1)}45%{opacity:1;transform:scale(1.12)}to{opacity:0;transform:scale(.15)translateY(-16px)}}@keyframes shake{0%,to{translate:0}25%{translate:-5px}75%{translate:5px}}@keyframes count-pop{0%{opacity:0;transform:scale(2.2)}60%{opacity:1;transform:scale(.92)}to{transform:scale(1)}}@keyframes mascot-bounce{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-10px)rotate(3deg)}}@keyframes mascot-sway{0%,to{transform:translate(-4px)}50%{transform:translate(4px)}}@keyframes float-blob{0%,to{transform:translate(0)scale(1)}50%{transform:translate(10px,14px)scale(1.08)}}@keyframes confetti-fall{0%{opacity:1;transform:translate(0)rotate(0)}to{transform:translate(var(--drift), 560px) rotate(var(--spin));opacity:0}}@media (prefers-reduced-motion:reduce){.confetti{display:none}}.ttt-board{grid-template-rows:repeat(3,minmax(0,1fr))}.c4-grid{background:radial-gradient(circle at 10px 10px,#ffd23f 0 4px,#0000 5px),radial-gradient(circle at calc(100% - 10px) 10px,#ffd23f 0 4px,#0000 5px),radial-gradient(circle at 10px calc(100% - 10px),#ffd23f 0 4px,#0000 5px),radial-gradient(circle at calc(100% - 10px) calc(100% - 10px),#ffd23f 0 4px,#0000 5px),linear-gradient(160deg,#6f5cff,#4230d4)}.connection-latency{display:none}@media (min-width:600px) and (max-width:767px),(min-width:1024px){.connection-latency{display:inline}}@media (max-width:479px){.brand-name{display:none}}@media (max-width:420px){.connection{padding:.45rem}.connection>span:last-child{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.hide-xs,.hide-sm{display:none}@media (min-width:400px){.hide-xs{display:inline-flex}}@media (min-width:600px){.hide-sm{display:inline-flex}}.badge-guest{color:var(--yellow);text-transform:uppercase;letter-spacing:.06em;vertical-align:middle;background:#ffd23f29;border:1px solid #ffd23f73;padding:.05rem .5rem;font-size:.7rem}.confirm-dialog{border-radius:var(--radius);background:var(--surface);color:var(--text);width:min(440px,100vw - 2rem);box-shadow:var(--shadow);border:0;padding:0}.confirm-dialog::backdrop{background:#08041ea6}.confirm-dialog-body{padding:clamp(1rem,4vw,1.4rem)}.confirm-dialog-actions{justify-content:flex-end}.header-actions .btn{white-space:nowrap}@media (max-width:1099px){.header-username.header-username-guest{display:none}}.header-cta{display:none}@media (min-width:600px) and (max-width:767px),(min-width:920px){.header-cta{display:inline-flex}}.game-page{color:#fff}.game-page-head{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.game-page-art{border-radius:var(--radius-sm);background:#ffffff2e;flex:none;place-items:center;width:84px;height:84px;display:grid}.game-page-tagline{margin:0;font-size:1.05rem}.game-page-more{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.games-index{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.games-index-card{color:#fff;align-items:center;gap:14px;height:100%;text-decoration:none;display:flex}.games-index-art{border-radius:var(--radius-sm);background:#ffffff2e;flex:none;place-items:center;width:64px;height:64px;display:grid}.games-index-text{gap:2px;display:grid}.games-index-tagline{opacity:.92;font-size:.92rem}.home-game-links{padding-block:2rem;padding-bottom:120px}.seo-page{padding-bottom:120px}.seo-crumbs ol{flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.seo-crumbs li+li:before{content:"·";margin-inline-end:.35rem}.seo-prose{line-height:1.55}.seo-prose ul,.seo-prose ol{gap:.45rem;margin:0;padding-inline-start:1.3rem;display:grid}.seo-prose h2,.seo-faq h2{margin:0}.seo-faq h3{margin-bottom:.3rem;font-size:1.05rem}.seo-faq p{margin:0;line-height:1.55}.seo-h1-sub{opacity:.92;margin-top:.3rem;font-size:.55em;display:block}.seo-note{border-radius:var(--radius-sm);background:#00000038;margin:0;padding:.7rem .9rem;font-size:.92rem}.seo-picks{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.seo-langs{flex-wrap:wrap;gap:8px;display:flex}.seo-lang-link{text-decoration:none}.seo-page:lang(ar),.seo-page:lang(ar) *{letter-spacing:normal}.seo-page:lang(ar) .eyebrow{text-transform:none;font-size:.85rem}.friends-page{padding-bottom:6rem}.friend-actions,.friend-row-actions{flex-wrap:wrap;justify-content:flex-end}.friends-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.friends-tabs{flex-wrap:wrap;gap:.4rem;display:flex}.friends-tab[aria-selected=true]{border-color:var(--text);background:var(--text);color:var(--ink)}.friends-tab-alert{background:var(--coral);color:#fff}.friends-empty{align-items:center}.add-friend-dialog{width:min(560px,100vw - 2rem)}.add-friend-results{max-height:min(50vh,420px)}.game-picker-dialog{width:min(680px,100vw - 2rem)}.game-picker-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.65rem;max-height:min(55vh,480px);padding:.2rem;display:grid}.game-picker-grid .choice{min-height:52px;padding:.65rem}@media (max-width:560px){.friends-page .list-item{flex-wrap:wrap}.friends-page .list-item-main{min-width:calc(100% - 60px)}.friend-actions,.friend-row-actions{width:100%}.friend-actions .btn,.friend-row-actions .btn{flex:1}}@media (max-width:767px),(max-height:520px) and (orientation:landscape){.app-bar-in-match{display:none}.main:has(>.match-page){padding:calc(env(safe-area-inset-top) + .5rem) 0 calc(env(safe-area-inset-bottom) + .5rem)}.container.match-page{height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 1rem);flex-direction:column;gap:.5rem;display:flex;overflow:hidden}.container.match-page>:not(dialog){margin:0}.match-top{flex-wrap:nowrap;gap:.45rem}.match-top .back-link{border-radius:12px;width:38px;height:38px;font-size:1.35rem}.match-title{white-space:nowrap;text-overflow:ellipsis;flex:auto;font-size:1.1rem;display:block}.match-badge{text-align:center;white-space:normal;max-width:5.6rem;margin-left:0;padding:.15rem .5rem;font-size:.64rem;line-height:1.15}.match-fullscreen{border-radius:11px;flex-shrink:0;width:34px;height:34px}.match-top .btn-small{min-height:34px;padding:.2rem .75rem;font-size:.82rem}.players-bar{gap:.35rem}.player-chip,.player-chip-right{text-align:left;flex-direction:row;gap:.4rem;padding:.35rem .45rem;box-shadow:0 3px #00000040}.player-chip-right{text-align:right;flex-direction:row-reverse}.player-chip .avatar{width:28px!important;height:28px!important}.player-text{flex:1;width:auto}.player-name{-webkit-line-clamp:1;line-clamp:1;font-size:.8rem}.player-meta{justify-content:flex-start;font-size:.68rem}.player-chip-right .player-meta{justify-content:flex-end}.player-score{min-width:2rem;height:2rem;padding:0 .35rem;font-size:1.05rem}.versus{width:30px;height:30px;box-shadow:0 3px 0 var(--yellow-dark);font-size:.72rem}.status-banner{padding:.4rem .6rem;font-size:.95rem}.match-layout{overscroll-behavior:contain;flex:1;gap:.5rem;min-height:0;overflow-y:auto}.match-page .board-area{border-radius:var(--radius);flex:1 0 auto;padding:.6rem}.match-page:is(.game-tic-tac-toe,.game-connect-four,.game-ultimate,.game-boxes) .board-area{flex:1 1 0;min-height:0;container-type:size}.ttt-board{width:min(440px,100%,100cqh)}.c4{width:min(580px,100%,95cqh)}.ut{width:min(560px,100%,88cqh)}.bx{width:min(540px,100%,88cqh)}.pong-wrap{--pong-reserve:280px}}.friends-gate{place-items:center;padding-block:clamp(.5rem,4vw,2.5rem) 6rem;display:grid}.friends-gate-card{border-radius:calc(var(--radius) + 6px);text-align:center;background:radial-gradient(circle at 15% 0%, #ff5a8a38, transparent 40%), radial-gradient(circle at 85% 0%, #35c7ff33, transparent 40%), var(--surface);width:min(100%,620px);box-shadow:var(--shadow);border:1px solid #ffffff14;padding:clamp(1.4rem,5vw,2.4rem);position:relative}.friends-gate-art{justify-content:center;align-items:center;gap:.6rem;margin-bottom:1.2rem;display:flex}.friends-gate-seat{color:#fff;letter-spacing:.04em;border:4px solid #fff;border-radius:50%;place-items:center;width:84px;height:84px;font-size:1rem;font-weight:900;animation:3.2s ease-in-out infinite friends-gate-bob;display:grid;overflow:hidden;box-shadow:0 6px #0000004d}.friends-gate-seat-0{background:var(--seat-0)}.friends-gate-seat-1{background:var(--seat-1);font-size:2rem;animation-delay:1.6s}.friends-gate-seat .avatar{border-radius:50%;width:100%!important;height:100%!important}.friends-gate-link{align-items:center;gap:.3rem;display:flex}.friends-gate-link>span:not(.friends-gate-heart){background:repeating-linear-gradient(90deg,#ffffff8c 0 6px,#0000 6px 11px);border-radius:999px;width:clamp(18px,6vw,40px);height:4px}.friends-gate-heart{background:var(--yellow);width:40px;height:40px;color:var(--coral,#e8435a);box-shadow:0 4px 0 var(--yellow-dark);border-radius:50%;place-items:center;font-size:1.3rem;animation:1.6s ease-in-out infinite friends-gate-beat;display:grid}.friends-gate-title{margin:0;font-size:clamp(1.8rem,6vw,2.6rem);line-height:1.1}.friends-gate-lead{max-width:30rem;color:var(--text-muted);margin:.6rem auto 0;line-height:1.5}.friends-gate-perks{text-align:left;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:.6rem;margin:1.5rem 0;padding:0;list-style:none;display:grid}.friends-gate-perks li{border-radius:var(--radius-sm);background:#0000002e;align-items:flex-start;gap:.7rem;padding:.8rem;display:flex}.friends-gate-perks li>span:last-child{flex-direction:column;gap:.15rem;font-size:.9rem;display:flex}.friends-gate-perk-icon{background:var(--surface-2);border-radius:12px;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:1.15rem;display:grid}.friends-gate-actions{flex-wrap:wrap;justify-content:center;gap:.7rem;display:flex}.friends-gate-note{margin:1rem 0 0;font-size:.9rem}@keyframes friends-gate-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes friends-gate-beat{0%,to{transform:scale(1)}15%{transform:scale(1.18)}}@media (max-width:480px){.friends-gate-seat{width:68px;height:68px}.friends-gate-actions .btn{width:100%}}@media (prefers-reduced-motion:reduce){.friends-gate-seat,.friends-gate-heart{animation:none}}.auth-signup{flex-direction:column;gap:.6rem;margin-top:.4rem;display:flex}.auth-signup-divider{color:var(--text);align-items:center;gap:.75rem;margin:0;font-size:.95rem;font-weight:800;display:flex}.auth-signup-divider:before,.auth-signup-divider:after{content:"";background:#ffffff24;flex:1;height:1px}.auth-signup-text{text-align:center;margin:0;font-size:.9rem}.turnstile{min-height:65px}.legal-page{max-width:46rem}.legal-card h2{margin:1.6rem 0 .5rem;font-size:1.25rem}.legal-card h3{margin:1.1rem 0 .4rem;font-size:1.05rem}.legal-card p,.legal-card ul{margin:.5rem 0;line-height:1.6}.legal-card ul{padding-left:1.3rem}.legal-card a{color:var(--yellow);text-decoration:underline}.legal-links{margin-top:2rem}.footer-links{margin:.4rem 0 0}.safety-dialog{max-height:calc(100dvh - 2rem);overflow-y:auto}.safety-reasons{border:0;gap:.4rem;margin:0;padding:0;display:grid}.safety-reason{cursor:pointer;background:#ffffff0f;border-radius:.8rem;align-items:center;gap:.6rem;min-height:2.6rem;padding:0 .8rem;font-weight:700;display:flex}.safety-reason:has(input:checked){outline:2px solid var(--yellow)}.safety-reason input{width:1.1rem;height:1.1rem;accent-color:var(--yellow)}.safety-actions{justify-content:flex-end}.blocked-list{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.blocked-row{align-items:center}.blocked-name{text-overflow:ellipsis;flex:1;min-width:0;font-weight:800;overflow:hidden}.legal-support{margin-top:1.6rem}
.tile-lime{--tile-a:#2f9e44;--tile-b:#0f8f7e;--tile-edge:#17613a}.tile-rose{--tile-a:#e6457f;--tile-b:#9b3fe4;--tile-edge:#8a1f55}@media (min-width:1024px){.tile-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.match-page.game-last-card{--stage-bg:radial-gradient(circle at 50% 45%, #ffffff1f 0 30%, transparent 31%), radial-gradient(circle at 50% 40%, #33c795 0%, #168a6c 48%, #0c5a50 100%);--banner-bg:linear-gradient(135deg, #e6457f, #9b3fe4)}.match-page.game-guess-person{--stage-bg:radial-gradient(circle at 88% 12%, #ffffff8c 0 6%, transparent 7%), radial-gradient(circle at 8% 90%, #ffffff73 0 8%, transparent 9%), linear-gradient(160deg, #fff1a8 0%, #b8f28a 50%, #7fd8ff 100%);--banner-bg:linear-gradient(135deg, #2f9e44, #0f8f7e)}.lc{--card-w:clamp(56px, 15vw, 80px);color:#fff;gap:clamp(.6rem,2.5vw,1rem);display:grid;position:relative}.lc-card{--card-color:#3a2a9e;width:var(--card-w);aspect-ratio:5/7.4;border:calc(var(--card-w) * .055) solid #fff;border-radius:calc(var(--card-w) * .15);background:var(--card-color);-webkit-user-select:none;user-select:none;flex:none;place-items:center;font-weight:900;line-height:1;display:inline-grid;position:relative;box-shadow:0 4px #00000038,0 8px 16px #00000040}.lc-card.color-red{--card-color:#ff4d5e}.lc-card.color-yellow{--card-color:#ffb61f}.lc-card.color-green{--card-color:#22b866}.lc-card.color-blue{--card-color:#3a86ff}.lc-card.is-wild{--card-color:#241654}.lc-oval{background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;inset:17% 11%;transform:rotate(-24deg);box-shadow:inset 0 -3px #00000014}.lc-card.is-wild .lc-oval{background:conic-gradient(#ff4d5e 0 25%, #ffb61f 0 50%, #22b866 0 75%, #3a86ff 0)}.lc-symbol{color:var(--card-color);font-size:calc(var(--card-w) * .42);text-shadow:0 2px #0000001f;transform:rotate(24deg)}.lc-card.is-wild .lc-symbol{color:#fff;text-shadow:0 2px #00000080}.lc-corner{color:#fff;font-size:calc(var(--card-w) * .19);text-shadow:0 1px #00000059;position:absolute}.lc-corner-top{top:5%;left:9%}.lc-corner-bottom{bottom:5%;right:9%;transform:rotate(180deg)}.lc-back{--card-color:#2a1b78;background:radial-gradient(circle,#5b3fe0 0 32%,#0000 33%),repeating-linear-gradient(45deg,#2a1b78 0 6px,#33228f 6px 12px)}.lc-back-logo{color:var(--yellow);font-size:calc(var(--card-w) * .34);text-shadow:0 2px #0000004d;transform:rotate(-12deg)}.lc-small{--card-w:clamp(30px, 8vw, 42px)}.lc-player{justify-items:center;gap:.45rem;display:grid}.lc-player-info{flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;display:flex}.lc-player-name{text-shadow:0 2px #00000040;font-weight:900}.lc-player.is-turn .lc-player-name{color:var(--yellow)}.lc-player:not(.is-turn) .lc-fan,.lc-player:not(.is-turn) .lc-hand{opacity:.62;transition:opacity .2s}.lc-count{background:#00000047;border-radius:999px;padding:.1rem .55rem;font-size:.8rem;font-weight:800}.lc-called{background:var(--yellow);width:1.4rem;height:1.4rem;color:var(--ink);border-radius:999px;place-items:center;font-size:.9rem;font-weight:900;line-height:1;animation:.9s ease-in-out infinite wiggle;display:grid}.lc-fan{flex-wrap:wrap;justify-content:center;max-width:100%;padding-inline:1rem;display:flex}.lc-fan>.lc-card{margin-inline:calc(var(--card-w) * -.26)}.lc-table{--card-w:clamp(66px, 19vw, 98px);justify-content:center;align-items:center;gap:clamp(1.4rem,8vw,3.5rem);padding-block:.5rem 1.8rem;display:flex}.lc-deck{width:var(--card-w);aspect-ratio:5/7.4;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0;position:relative}.lc-deck[aria-disabled=true]{cursor:default;opacity:.55}.lc-deck-card{position:absolute;inset:0}.lc-deck-under{opacity:.85;transform:translate(5px,5px)rotate(5deg)}.lc-deck:not([aria-disabled=true]) .lc-deck-card:not(.lc-deck-under){box-shadow:0 0 0 3px var(--yellow), 0 10px 20px #0000004d;animation:1.6s ease-in-out infinite hover-bob}.lc-deck:focus-visible{outline:3px solid var(--focus);outline-offset:6px;border-radius:12px}.lc-deck-count{z-index:1;background:var(--yellow);min-width:30px;color:var(--ink);border-radius:999px;padding:.12rem .4rem;font-size:.8rem;font-weight:900;position:absolute;top:-10px;right:-12px}.lc-discard{place-items:center;display:grid;position:relative}.lc-top-card{animation:.32s cubic-bezier(.34,1.56,.64,1) card-land}.lc-color-ring{border:4px dashed #ffffff59;border-radius:24px;position:absolute;inset:-12px}.lc-color-ring.ring-red{border:4px solid #ff4d5e;box-shadow:0 0 24px #ff4d5e}.lc-color-ring.ring-yellow{border:4px solid #ffb61f;box-shadow:0 0 24px #ffb61f}.lc-color-ring.ring-green{border:4px solid #22b866;box-shadow:0 0 24px #22b866}.lc-color-ring.ring-blue{border:4px solid #3a86ff;box-shadow:0 0 24px #3a86ff}.lc-color-chip{border:2px solid #ffffffd9;border-radius:999px;width:20px;height:20px;position:absolute;bottom:-1.2rem;box-shadow:0 2px #00000040}.lc-color-chip.chip-red{background:#ff4d5e}.lc-color-chip.chip-yellow{background:#ffb61f}.lc-color-chip.chip-green{background:#22b866}.lc-color-chip.chip-blue{background:#3a86ff}.lc-prompt{text-align:center;background:#00000047;border-radius:999px;justify-self:center;max-width:100%;margin:0;padding:.55rem 1rem;font-weight:800}.lc.is-my-turn .lc-prompt{background:var(--yellow);color:var(--ink)}.lc-actions{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.lc-call.is-ready{--glow:255 210 63;animation:1.1s ease-in-out infinite glow-pulse}.lc-catch{--glow:255 84 112;animation:.7s ease-in-out infinite glow-pulse}@keyframes glow-pulse{50%{box-shadow:0 0 0 4px rgb(var(--glow) / .55), 0 0 24px rgb(var(--glow) / .8)}}.lc-color-btn{color:#fff;min-width:88px;min-height:48px;font:inherit;text-shadow:0 1px #00000059;cursor:pointer;touch-action:manipulation;border:3px solid #fff;border-radius:999px;padding:.5rem 1rem;font-weight:900;box-shadow:0 5px #00000040}.lc-color-btn:active{transform:translateY(3px);box-shadow:0 2px #00000040}.lc-color-btn:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.lc-color-btn.color-red{background:#ff4d5e}.lc-color-btn.color-yellow{color:var(--ink);text-shadow:none;background:#ffb61f}.lc-color-btn.color-green{background:#22b866}.lc-color-btn.color-blue{background:#3a86ff}.lc-hand{--card-w:clamp(58px, 16vw, 86px);padding:1rem calc(var(--card-w) * .3) .3rem;flex-wrap:wrap;justify-content:center;row-gap:.4rem;display:flex}.lc-hand-card{margin-inline:calc(var(--card-w) * -.18);cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:12px;padding:0;transition:transform .14s;animation:.32s cubic-bezier(.34,1.56,.64,1) both card-deal;position:relative}.lc-hand-card[aria-disabled=true]{cursor:default}.lc-hand-card.is-playable{z-index:1;transform:translateY(-12px)}.lc-hand-card.is-playable .lc-card{box-shadow:0 0 0 3px var(--yellow), 0 12px 18px #00000052}.lc-hand-card.is-playable:hover{z-index:2;transform:translateY(-20px)rotate(-3deg)}.lc-hand-card.is-dim .lc-card{filter:saturate(.8)brightness(.9);opacity:.82}.lc-hand-card.is-drawn .lc-card{animation:.9s ease-in-out 2 wiggle}.lc-hand-card:focus-visible{z-index:3;outline:3px solid var(--focus);outline-offset:4px}.lc-picker{z-index:5;border-radius:var(--radius);cursor:default;background:#0c0828a8;place-content:center;padding:1rem;display:grid;position:absolute;inset:0}.lc-picker-card{border-radius:calc(var(--radius) + 6px);background:var(--surface,#2b2177);text-align:center;border:1px solid #ffffff2e;justify-items:center;gap:1rem;width:min(360px,82vw);padding:1.4rem;animation:.24s match-pop;display:grid}.lc-picker-card p{margin:0;font-size:1.35rem;font-weight:900}.lc-picker-colors{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.lc-picker .lc-color-btn{min-width:120px;min-height:64px;font-size:1.1rem}@keyframes card-deal{0%{opacity:0;transform:translateY(40px)scale(.6)}}@keyframes card-land{0%{opacity:0;transform:translateY(-50px)rotate(-20deg)scale(1.3)}}.gp{color:var(--ink);gap:clamp(.7rem,2.5vw,1rem);display:grid}.gp-top{flex-wrap:wrap;justify-content:center;align-items:center;gap:.7rem;display:flex}.gp-secret{background:#fff;border-radius:20px;align-items:center;gap:.6rem;padding:.45rem 1rem .45rem .45rem;animation:.3s match-pop;display:flex;box-shadow:0 6px #0000001f}.gp-secret svg{border-radius:16px;width:64px;height:64px}.gp-secret-label{color:#6f64a8;letter-spacing:.06em;text-transform:uppercase;font-size:.7rem;font-weight:900}.gp-secret-name{font-size:1.2rem;font-weight:900}.gp-counts{flex-wrap:wrap;justify-content:center;align-items:center;gap:.45rem;display:flex}.gp-count{background:#ffffffe0;border:3px solid #0000;border-radius:999px;padding:.3rem .8rem;font-weight:800}.gp-count.is-turn.seat-0{border-color:var(--seat-0)}.gp-count.is-turn.seat-1{border-color:var(--seat-1)}.gp-panel{background:#ffffffed;border-radius:22px;gap:.6rem;padding:clamp(.8rem,3vw,1.1rem);display:grid;box-shadow:0 8px #0000001f}.gp-prompt{text-align:center;margin:0;font-weight:800}.gp-chip-group{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.gp-chip{min-height:40px;color:var(--ink);font:inherit;cursor:pointer;touch-action:manipulation;background:#f5f2ff;border:2px solid #d9d2ff;border-radius:999px;padding:.35rem .85rem;font-size:.88rem;font-weight:800}.gp-chip.is-selected{border-color:var(--yellow-dark);background:var(--yellow);box-shadow:0 3px 0 var(--yellow-dark)}.gp-chip:disabled{opacity:.4;cursor:not-allowed;text-decoration:line-through}.gp-chip:focus-visible{outline-offset:2px;outline:3px solid #5b3fe0}.gp-question-text{color:#4b3fb0;text-align:center;margin:0;font-size:1.05rem;font-weight:900}.gp-actions{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.gp-answer,.gp-result{text-align:center;border-radius:20px;justify-items:center;gap:.2rem;margin:0;padding:.7rem 1rem;font-weight:800;animation:.3s match-pop;display:grid}.gp-answer.is-yes,.gp-result.is-yes{background:#d9f8e6}.gp-answer.is-no,.gp-result.is-no{background:#ffe0e5}.gp-result{font-size:1.1rem;display:block}.gp-answer-a{font-size:clamp(1.8rem,7vw,2.5rem);font-weight:900}.is-yes .gp-answer-a{color:#1f9d55}.is-no .gp-answer-a{color:#e0344e}.gp-confirm{flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;font-weight:800;display:flex}.gp-confirm svg{border-radius:14px;width:56px;height:56px}.gp-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.35rem,1.6vw,.7rem);display:grid}@media (min-width:600px){.gp-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.gp-face{aspect-ratio:4/5;width:100%;font:inherit;cursor:pointer;perspective:700px;touch-action:manipulation;background:0 0;border:0;padding:0;position:relative}.gp-face[aria-disabled=true]{cursor:default}.gp-face-inner{transform-style:preserve-3d;transition:transform .42s cubic-bezier(.34,1.3,.64,1);position:absolute;inset:0}.gp-face.is-down .gp-face-inner{transform:rotateX(180deg)}.gp-face-front,.gp-face-back{backface-visibility:hidden;border:3px solid #fff;border-radius:16px;position:absolute;inset:0;box-shadow:0 5px #00000026}.gp-face-front{grid-template-rows:minmax(0,1fr) auto;display:grid;overflow:hidden}.gp-portrait{width:100%;height:100%}.gp-name{color:var(--ink);text-align:center;text-overflow:ellipsis;white-space:nowrap;background:#fff;padding:.1rem .2rem .18rem;font-size:clamp(.62rem,2.4vw,.82rem);font-weight:900;overflow:hidden}.gp-face-back{background:repeating-linear-gradient(135deg,#5b3fe0 0 8px,#4b33c9 8px 16px);place-items:center;display:grid;transform:rotateX(180deg)}.gp-face-back:after{content:"?";color:#ffffff8c;font-size:1.6rem;font-weight:900}.gp-face:not([aria-disabled=true]):not(.is-down):hover .gp-face-front{filter:brightness(1.06)}.gp-face:focus-visible{outline-offset:3px;border-radius:16px;outline:3px solid #5b3fe0}.gp-grid.is-guessing .gp-face:not(.is-down) .gp-face-front{border-color:var(--yellow);animation:1.4s ease-in-out infinite wiggle}.gp-face.is-target .gp-face-front,.gp-grid.is-guessing .gp-face.is-target .gp-face-front{border-color:#e0344e;animation:none;box-shadow:0 0 0 4px #e0344e}.gp-face.is-answer .gp-face-front{border-color:var(--yellow);box-shadow:0 0 0 4px var(--yellow), 0 0 26px var(--yellow);animation:.9s ease-in-out 3 win-bounce}.gp-face.is-out .gp-face-front{filter:grayscale(.85);opacity:.45}.gp-log{background:#ffffffe0;border-radius:20px;padding:.8rem 1rem}.gp-log-title{margin:0 0 .4rem;font-size:1rem}.gp-log ol{gap:.35rem;max-height:230px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.gp-log-item{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.5rem;font-size:.88rem;display:grid}.gp-log-who{font-weight:900}.gp-log-item.seat-0 .gp-log-who{color:#d62c50}.gp-log-item.seat-1 .gp-log-who{color:#1480ad}.gp-log-a{border-radius:999px;padding:.05rem .55rem;font-weight:900}.gp-log-a.is-yes{color:#1f9d55;background:#d9f8e6}.gp-log-a.is-no{color:#e0344e;background:#ffe0e5}.tile-sky{--tile-a:#1fb6ff;--tile-b:#5b3fe0;--tile-edge:#1c4fa0}.match-page.game-timing{--stage-bg:radial-gradient(circle at 50% 62%, #ffffff38 0 20%, transparent 21%), radial-gradient(circle at 50% 62%, transparent 0 31%, #ffffff29 32% 33%, transparent 34%), linear-gradient(165deg, #8fe3ff 0%, #6a8bff 55%, #8a5cff 100%);--banner-bg:linear-gradient(135deg, #1fb6ff, #5b3fe0)}.tm{color:var(--ink);gap:clamp(.6rem,2.5vw,.9rem);display:grid}.tm-target{background:#fff;border-radius:24px;justify-self:center;justify-items:center;padding:.45rem 1.5rem .65rem;display:grid;box-shadow:0 6px #0000001f}.tm-target-label{color:#6f64a8;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:900}.tm-target-time{color:#221452;font-variant-numeric:tabular-nums;font-size:clamp(2.2rem,11vw,3.4rem);font-weight:900;line-height:1}.tm-progress{background:#22145233;border-radius:999px;height:10px;overflow:hidden}.tm-progress span{border-radius:inherit;transform-origin:0;background:linear-gradient(90deg,#3ed6ff,#6a5cff);height:100%;transition:transform .12s linear;display:block}.tm-banner{text-align:center;background:#fff;border-radius:999px;justify-self:center;max-width:100%;margin:0;padding:.55rem 1.1rem;font-size:clamp(1rem,4vw,1.2rem);font-weight:900;box-shadow:0 5px #0000001a}.tm.phase-timing .tm-banner{background:var(--yellow)}.tm-stage{justify-items:center;gap:.6rem;padding-top:1.6rem;display:grid}.tm-button{aspect-ratio:1;color:#fff;width:min(72vw,270px);font:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:radial-gradient(circle at 35% 30%,#7ef0c8,#1f9d77);border:10px solid #fff;border-radius:50%;align-content:center;place-items:center;gap:.2rem;transition:transform 80ms,box-shadow 80ms;display:grid;position:relative;box-shadow:0 12px #00000038,inset 0 -10px #0000001f}.tm-button:before{content:"";background:#fff;border-radius:10px 10px 4px 4px;width:44px;height:20px;position:absolute;top:-30px;left:50%;transform:translate(-50%)}.tm-button:not([aria-disabled=true]):active{transform:translateY(7px);box-shadow:0 5px #00000038,inset 0 -6px #0000001f}.tm-button[aria-disabled=true]{cursor:default}.tm-button.is-ready{background:radial-gradient(circle at 35% 30%,#ffe27a,#f5a623)}.tm-button.is-running{--glow:255 84 112;background:radial-gradient(circle at 35% 30%,#ff8fa3,#e8435a);animation:1s ease-in-out infinite glow-pulse}.tm-button.is-stopped{background:radial-gradient(circle at 35% 30%,#c9c3f5,#6f64a8)}.tm-button.is-missed{background:radial-gradient(circle at 35% 30%,#dcdce6,#8b8aa0)}.tm-button:focus-visible{outline:4px solid var(--focus);outline-offset:6px}.tm-clock{font-variant-numeric:tabular-nums;text-shadow:0 3px #0003;font-size:clamp(2.4rem,12vw,3.6rem);font-weight:900;line-height:1}.tm-clock.is-hidden{animation:1.2s ease-in-out infinite wiggle}.tm-action{letter-spacing:.1em;font-size:clamp(1rem,5vw,1.4rem);font-weight:900}.tm-hint{color:#fff;text-align:center;text-shadow:0 2px #00000040;margin:0;font-weight:800}.tm-results{gap:.8rem;padding-top:1rem;display:grid}.tm-ruler{background:linear-gradient(90deg,#ffe0e5 0%,#d9f8e6 44% 56%,#ffe0e5 100%);border-radius:16px;height:58px;margin-inline:.4rem;position:relative;box-shadow:0 5px #0000001f}.tm-ruler:after{content:"";background:#221452;border-radius:2px;width:3px;position:absolute;top:6px;bottom:6px;left:50%;transform:translate(-50%)}.tm-ruler-target{color:#fff;background:#221452;border-radius:999px;padding:.05rem .5rem;font-size:.75rem;font-weight:900;position:absolute;top:-1.3rem;left:50%;transform:translate(-50%)}.tm-ruler-edge{color:#6f64a8;font-size:.65rem;font-weight:800;position:absolute;bottom:4px}.tm-ruler-edge.is-left{left:8px}.tm-ruler-edge.is-right{right:8px}.tm-marker{z-index:1;color:#fff;border:3px solid #fff;border-radius:50%;place-items:center;width:32px;height:32px;font-size:.8rem;font-weight:900;display:grid;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 3px #0003}.tm-marker.seat-0{background:var(--seat-0)}.tm-marker.seat-1{background:var(--seat-1)}.tm-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.tm-card{text-align:center;background:#fff;border-radius:18px;justify-items:center;gap:.1rem;padding:.6rem .4rem;animation:.3s both match-pop;display:grid;box-shadow:0 5px #0000001f}.tm-card.is-winner{box-shadow:0 0 0 3px var(--yellow), 0 5px 0 #0000001f}.tm-card-name{font-weight:900}.tm-card-time{font-variant-numeric:tabular-nums;font-size:clamp(1.4rem,6vw,2rem);font-weight:900}.tm-card-offset{color:#6f64a8;font-weight:800}.tm-card.is-winner .tm-card-offset{color:#1f9d55}@media (prefers-reduced-motion:reduce){.tm-button.is-running,.tm-clock.is-hidden,.tm-card{animation:none!important}.tm-progress span{transition:none}}.tile-tomato{--tile-a:#ff9f1c;--tile-b:#e8432b;--tile-edge:#9e2a14}.match-page.game-pizza{--stage-bg:linear-gradient(#fff8ee73, #fff8ee73), repeating-conic-gradient(#f25f4c 0 25%, #fff4e6 0 50%) 50% 50% / 56px 56px;--banner-bg:linear-gradient(135deg, #ff8c1a, #e8432b)}.pz{color:var(--ink);gap:clamp(.6rem,2.5vw,.9rem);display:grid}.pz-timer{background:#22145233;border-radius:999px;height:12px;overflow:hidden}.pz-timer span{border-radius:inherit;transform-origin:0;background:linear-gradient(90deg,#ffd23f,#ff7a45);height:100%;transition:transform .12s linear;display:block}.pz.phase-memorize .pz-timer span{background:linear-gradient(90deg,#3ed6ff,#6a5cff)}.pz-banner{text-align:center;background:#fff;border-radius:999px;justify-self:center;max-width:100%;margin:0;padding:.55rem 1.1rem;font-size:clamp(1rem,4vw,1.25rem);font-weight:900;box-shadow:0 5px #0000001a}.pz.phase-build .pz-banner{background:var(--yellow)}.pz-stage{justify-items:center;gap:.6rem;display:grid}.pz-board{aspect-ratio:1;background:radial-gradient(circle,#d9985a 0 62%,#b87842 63% 100%);border-radius:50%;place-items:center;width:min(68vw,280px);display:grid;position:relative;box-shadow:0 10px #0000002e}.pz-board .pz-art{width:90%;height:90%}.pz.phase-memorize .pz-board{animation:.38s cubic-bezier(.34,1.56,.64,1) pizza-in}.pz-board-label{z-index:1;color:#fff;white-space:nowrap;background:#221452;border-radius:999px;padding:.15rem .75rem;font-size:.8rem;font-weight:900;position:absolute;top:-.6rem;left:50%;transform:translate(-50%)}.pz-compare{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.pz-card{background:#fff;border-radius:18px;align-content:start;justify-items:center;gap:.3rem;margin:0;padding:.5rem .35rem;animation:.3s both match-pop;display:grid;box-shadow:0 5px #0000001f}.pz-card.is-fastest{box-shadow:0 0 0 3px var(--yellow), 0 5px 0 #0000001f}.pz-card-title{text-align:center;font-size:clamp(.72rem,2.8vw,.95rem);font-weight:900}.pz-card-title strong{color:#1f9d55}.pz-card .pz-art{width:100%;max-width:150px;height:auto}.pz-chips{flex-wrap:wrap;justify-content:center;gap:.2rem;margin:0;padding:0;list-style:none;display:flex}.pz-chips li{background:#f1eefe;border-radius:999px;padding:.05rem .4rem;font-size:clamp(.6rem,2.3vw,.75rem);font-weight:800}.pz-chips li.is-ok{color:#1f9d55;background:#d9f8e6}.pz-chips li.is-bad{color:#e0344e;background:#ffe0e5}.pz-plate{background:radial-gradient(circle at 50% 40%,#fff 0 55%,#ece6f8 100%);border-radius:24px;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;padding:.6rem;display:grid;box-shadow:inset 0 -5px #0000000f,0 6px #0000001f}@media (min-width:600px){.pz-plate{grid-template-columns:repeat(8,minmax(0,1fr))}}.pz-ingredient{color:var(--ink);font:inherit;cursor:pointer;touch-action:manipulation;background:#fff7ec;border:3px solid #0000;border-radius:18px;justify-items:center;gap:.15rem;padding:.45rem .2rem;font-size:clamp(.62rem,2.4vw,.8rem);font-weight:800;transition:transform 90ms;display:grid;position:relative;box-shadow:0 4px #0000001a}.pz-ingredient svg{width:clamp(34px,10vw,48px);height:clamp(34px,10vw,48px)}.pz-ingredient:active{transform:translateY(3px);box-shadow:0 1px #0000001a}.pz-ingredient.is-selected{border-color:var(--yellow-dark);background:#fff1b8}.pz-ingredient.is-selected:after{content:"✓";color:#fff;background:#1f9d55;border-radius:50%;place-items:center;width:22px;height:22px;font-size:.8rem;font-weight:900;display:grid;position:absolute;top:-8px;right:-6px}.pz-ingredient[aria-disabled=true]{opacity:.5;cursor:default}.pz-ingredient.is-selected[aria-disabled=true]{opacity:.85}.pz-ingredient:focus-visible{outline-offset:2px;outline:3px solid #5b3fe0}.pz-done:disabled{color:#6f64a8;opacity:1;background:#fff;box-shadow:0 5px #0000001f}.pz-done.is-ready{--glow:111 240 199;animation:1s ease-in-out infinite glow-pulse}@keyframes pizza-in{0%{opacity:0;transform:scale(.4)rotate(-40deg)}}@media (prefers-reduced-motion:reduce){.pz-board,.pz-card,.pz-done.is-ready{animation:none!important}.pz-timer span{transition:none}}.gp.has-bar{padding-bottom:6rem}.gp-bar{bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:40;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1b1250f2;border-radius:24px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;width:min(100% - 24px,580px);padding:.6rem .7rem;animation:.26s bar-up;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 0 0 3px #ffffff24,0 12px 32px #00000073}.gp-bar .btn{flex:auto}.gp-bar-timer{background:var(--danger);color:var(--ink);border-radius:999px;padding:.3rem .6rem;font-weight:900}@keyframes bar-up{0%{opacity:0;transform:translate(-50%,30px)}}.gp-steps{counter-reset:gp-step;flex-wrap:wrap;justify-content:center;gap:.35rem;margin:.2rem 0 0;padding:0;list-style:none;display:flex}.gp-steps li{color:#6f64a8;counter-increment:gp-step;background:#f1eefe;border-radius:999px;padding:.2rem .6rem;font-size:.78rem;font-weight:800}.gp-steps li:before{content:counter(gp-step) ". "}.gp-steps li.is-current{background:var(--yellow);color:var(--ink)}.gp-face.is-out.is-target .gp-face-front{filter:none;opacity:1}@media (prefers-reduced-motion:reduce){.gp-bar{animation:none}.lc-hand-card,.lc-top-card,.lc-deck-card,.lc-called,.lc-call.is-ready,.lc-catch,.gp-face-inner,.gp-face-front,.gp-answer,.gp-result,.gp-secret{transition:none!important;animation:none!important}}
.tile-melon{--tile-a:#ff5d8f;--tile-b:#2f9e44;--tile-edge:#1c6b3a}.match-page.game-slice{--stage-bg:radial-gradient(circle at 12% 18%, #ffbed6cc 0 3%, transparent 4%), radial-gradient(circle at 84% 12%, #ffbed6cc 0 2.5%, transparent 3.5%), radial-gradient(circle at 70% 30%, #ffbed699 0 2%, transparent 3%), linear-gradient(180deg, #ffe9c7 0%, #ffd49a 55%, #c98b52 56%, #a8703d 100%);--banner-bg:linear-gradient(135deg, #ff5d8f, #2f9e44)}.sl{color:var(--ink);gap:clamp(.5rem,2vw,.8rem);display:grid}.sl-top{background:#fff;border-radius:20px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;padding:.45rem .8rem;display:flex;box-shadow:0 5px #0000001f}.sl-timer{color:#221452;font-variant-numeric:tabular-nums;font-size:clamp(1.4rem,6vw,1.9rem);font-weight:900}.sl-timer.is-low{color:#e8435a;animation:.9s ease-in-out infinite wiggle}.sl-time-bar{background:#2214522e;border-radius:999px;height:10px;overflow:hidden}.sl-time-bar span{border-radius:inherit;transform-origin:0;background:linear-gradient(90deg,#ff5d8f,#ffd23f);height:100%;transition:transform .15s linear;display:block}.sl-banner{text-align:center;background:#fff;border-radius:999px;justify-self:center;margin:0;padding:.45rem 1.1rem;font-size:clamp(1rem,4.2vw,1.2rem);font-weight:900;box-shadow:0 5px #0000001a}.sl-arena{cursor:crosshair;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:radial-gradient(circle at 50% 110%,#ffffff73 0 30%,#0000 31%),repeating-linear-gradient(90deg,#ffffff14 0 2px,#0000 2px 60px),linear-gradient(#6fd6ff 0%,#b3ecff 58%,#9bd46a 59%,#6fbf4a 100%);border:6px solid #fff;border-radius:28px;height:clamp(300px,62vw,420px);position:relative;overflow:hidden;box-shadow:0 10px #0000002e}.sl-arena[aria-disabled=true]{cursor:default}.sl-arena:focus-visible{outline:4px solid var(--focus);outline-offset:4px}.sl-object{aspect-ratio:1;pointer-events:none;width:clamp(96px,26vw,140px);position:absolute;top:42%;transform:translate(-50%,-50%)}.sl-whole,.sl-half{position:absolute;inset:0}.sl-whole svg,.sl-half svg{filter:drop-shadow(0 8px #0000002e);width:100%;height:100%}.sl-object.state-active .sl-whole{animation:.32s cubic-bezier(.34,1.56,.64,1) both object-in}.sl-object.state-active .sl-whole svg{animation:1.2s ease-in-out infinite hover-bob}.sl-object.state-gone .sl-whole{animation:.45s forwards object-out}.sl-object.kind-hard.state-active .sl-whole svg{animation:.6s ease-in-out infinite shake}.sl-half.is-left{clip-path:inset(0 50% 0 0);animation:.6s ease-out forwards half-left}.sl-half.is-right{clip-path:inset(0 0 0 50%);animation:.6s ease-out forwards half-right}.sl-splash{opacity:.85;border-radius:50%;animation:.6s ease-out forwards splash;position:absolute;inset:10%}.sl-float{color:#fff;white-space:nowrap;background:#1f9d55;border-radius:999px;padding:.15rem .6rem;font-weight:900;animation:.9s ease-out forwards float-up;position:absolute;top:-10%;left:50%;transform:translate(-50%)}.sl-float.seat-0{box-shadow:0 0 0 3px var(--seat-0)}.sl-float.seat-1{box-shadow:0 0 0 3px var(--seat-1)}.sl-float.is-hit{background:#e0344e;top:auto;bottom:-10%}.sl-me{pointer-events:none;width:clamp(52px,13vw,70px);position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.sl-sword{transform-origin:50% 88%;display:block}.sl-sword svg{filter:drop-shadow(0 6px #0003);width:100%;height:auto;display:block}.sl-sword.is-mine{transform:rotate(-28deg)}.sl-sword.is-mine.is-swinging{animation:.38s cubic-bezier(.2,.9,.3,1.2) sword-swing}.sl-sword.is-mine.is-tired{filter:grayscale(.8);opacity:.6;animation:1.2s ease-out sword-tired}.sl-streak{background:linear-gradient(90deg,#0000,#fff 40% 60%,#0000);border-radius:999px;width:clamp(160px,50vw,300px);height:10px;animation:.32s ease-out forwards streak;position:absolute;bottom:120%;left:50%;transform:translate(-50%)rotate(-18deg);box-shadow:0 0 18px #fff}.sl-rival{pointer-events:none;justify-items:center;gap:.2rem;display:grid;position:absolute;top:10px;right:14px}.sl-rival-name{background:#ffffffe6;border-radius:999px;padding:.05rem .5rem;font-size:.75rem;font-weight:900}.sl-sword.is-rival{width:30px;transform:rotate(200deg)}.sl-sword.is-rival.is-swinging{animation:.38s ease-out rival-swing}.sl-controls{gap:.45rem;display:grid}.sl-recovery{background:#2214522e;border-radius:999px;height:10px;overflow:hidden}.sl-recovery span{border-radius:inherit;transform-origin:0;background:linear-gradient(90deg,#6ff0c7,#1f9d55);height:100%;transition:transform .1s linear;display:block}.sl-recovery span.is-tired{background:linear-gradient(90deg,#ffb3c1,#e0344e)}.sl-swing{letter-spacing:.08em;touch-action:manipulation;min-height:64px;font-size:clamp(1.2rem,5vw,1.5rem)}.sl-swing.is-waiting{color:#6f64a8;background:#fff;box-shadow:0 5px #0000001f}.sl-legend{color:#5b4a2e;text-align:center;margin:0;font-size:.8rem;font-weight:800}@keyframes object-in{0%{opacity:0;transform:translateY(80px)scale(.3)rotate(-30deg)}}@keyframes object-out{to{opacity:0;transform:translateY(40px)scale(.6)}}@keyframes half-left{to{opacity:0;transform:translate(-60px,70px)rotate(-50deg)}}@keyframes half-right{to{opacity:0;transform:translate(60px,70px)rotate(50deg)}}@keyframes splash{0%{transform:scale(.3)}to{opacity:0;transform:scale(1.7)}}@keyframes float-up{to{opacity:0;transform:translate(-50%,-60px)}}@keyframes sword-swing{0%{transform:rotate(-28deg)}45%{transform:rotate(70deg)translateY(-30px)}to{transform:rotate(-28deg)}}@keyframes sword-tired{0%{transform:rotate(70deg)translateY(-30px)}to{transform:rotate(-28deg)}}@keyframes rival-swing{0%{transform:rotate(200deg)}50%{transform:rotate(120deg)}to{transform:rotate(200deg)}}@keyframes streak{0%{opacity:1;width:0}to{opacity:0}}@media (prefers-reduced-motion:reduce){.sl-timer.is-low,.sl-object .sl-whole,.sl-object .sl-whole svg,.sl-sword,.sl-streak,.sl-float{animation:none!important}}
.tile-rainbow{--tile-a:#ff4d5e;--tile-b:#3a86ff;--tile-edge:#54268f}.match-page.game-bottles{--stage-bg:radial-gradient(circle at 14% 16%, #ffffff47 0 6%, transparent 7%), radial-gradient(circle at 86% 22%, #ffffff38 0 5%, transparent 6%), linear-gradient(165deg, #ffd9a8 0%, #ff9ec4 42%, #9b7bff 100%);--banner-bg:linear-gradient(135deg, #ff4d5e, #3a86ff)}.bo{width:min(100%,640px);color:var(--ink);gap:clamp(.5rem,2vw,.8rem);margin-inline:auto;display:grid}.bo-step{text-align:center;background:#fff;border-radius:18px;margin:0;padding:.6rem .9rem;font-size:clamp(1rem,4.4vw,1.2rem);font-weight:900;line-height:1.25;box-shadow:0 5px #0000001f}.bo-card,.bo-summary{background:#fff;border-radius:22px;gap:.6rem;padding:clamp(.6rem,2.5vw,.95rem);display:grid;box-shadow:0 6px #0000001f}.bo-card.is-waiting{opacity:.95}.bo-hint{color:#5b5280;text-align:center;margin:0;font-size:.85rem;font-weight:700}.bo-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;display:flex}.bo-go{flex:220px;min-height:54px;font-size:clamp(1rem,4.2vw,1.15rem)}.bo-peek summary{color:#6f64a8;cursor:pointer;text-align:center;font-size:.8rem;font-weight:800}.bo-peek[open] summary{margin-bottom:.4rem}.bo-bottle{justify-items:center;gap:.2rem;display:grid;position:relative}.bo-bottle:before{content:"";background:#3c1e0a40;border-radius:50%;width:70%;height:8px;position:absolute;bottom:1.15rem;left:50%;transform:translate(-50%)}.bo-bottle-art{filter:drop-shadow(0 3px #00000014);width:100%;height:auto;position:relative}.bo-bottle.size-md .bo-bottle-art{width:clamp(44px,12vw,64px)}.bo-bottle.size-sm .bo-bottle-art{width:clamp(28px,7.5vw,38px)}.bo-bottle.size-sm:before{height:5px;bottom:1rem}.bo-bottle-name{color:#4b4378;text-align:center;white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:.25rem;padding:.05rem .45rem;font-size:.64rem;font-weight:900;line-height:1.3;display:inline-flex;box-shadow:0 2px #00000014}.bo-bottle-swatch{border-radius:50%;flex:none;width:.5rem;height:.5rem}.bo-row{flex-wrap:wrap;justify-content:center;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.bo-row li{display:grid}.bo-plank{padding-bottom:20px;position:relative}.bo-plank:after{content:"";background:repeating-linear-gradient(90deg,#ffffff14 0 2px,#0000 2px 38px),linear-gradient(#e2a260 0%,#c9854a 55%,#a86a32 100%);border-radius:9px;height:18px;position:absolute;bottom:0;left:-6px;right:-6px;box-shadow:0 6px #7d4b1e,0 14px 18px #3c1e0a40}.bo-row.bo-plank .bo-bottle:before{bottom:1.35rem}.bo-arrange{background:radial-gradient(circle at 10px 10px,#ffbe7840 2px,#0000 2.5px) 0 0/22px 22px,linear-gradient(#fff7ec,#ffeede);border-radius:20px;gap:.8rem;padding:clamp(.7rem,2.5vw,1rem) clamp(.6rem,2.5vw,1rem) clamp(.9rem,3vw,1.2rem);display:grid}.bo-slots{grid-template-columns:repeat(6,minmax(0,1fr));gap:.3rem;margin:0;list-style:none;display:grid}.bo-slot{width:100%;min-height:clamp(112px,27vw,140px);color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;align-content:end;justify-items:center;padding:1.6rem .1rem .1rem;display:grid;position:relative}.bo-slot:disabled{cursor:default}.bo-slot:not(:disabled):not(.is-empty):hover .bo-bottle-art{animation:.42s ease-in-out bo-wiggle}.bo-slot:not(.is-empty) .bo-bottle{animation:.32s cubic-bezier(.34,1.56,.64,1) bo-drop}.bo-slot-index{color:#fff;background:linear-gradient(#e2a260,#b8763c);border-radius:50%;place-items:center;width:1.45rem;height:1.45rem;font-size:.72rem;font-weight:900;display:grid;position:absolute;top:.1rem;left:50%;transform:translate(-50%);box-shadow:0 2px #7d4b1e}.bo-slot-empty{color:#d49a62;background:#ffffff8c;border:3px dashed #e5b98a;border-radius:42% 42% 30% 30%/30% 30% 22% 22%;place-items:center;width:clamp(38px,10vw,52px);height:clamp(58px,15vw,80px);margin-bottom:1.25rem;font-size:1.3rem;font-weight:900;display:grid}.bo-shelf{background:repeating-linear-gradient(0deg,#0000000d 0 2px,#0000 2px 26px),linear-gradient(#d99a5c,#b8763c);border-radius:18px;grid-template-columns:repeat(6,minmax(0,1fr));gap:.35rem;padding:.5rem;display:grid;box-shadow:inset 0 2px #ffffff40,0 6px #7d4b1e,0 12px 20px #3c1e0a33}.bo-shelf-item{color:var(--ink);font:inherit;cursor:pointer;background:#fff4e3;border:0;border-radius:12px;justify-items:center;padding:.45rem .1rem .3rem;transition:transform .12s;display:grid;box-shadow:inset 0 -3px #a86a322e}.bo-shelf-item:not(:disabled):hover{transform:translateY(-3px)}.bo-shelf-item:not(:disabled):hover .bo-bottle-art{animation:.42s ease-in-out bo-wiggle}.bo-shelf-item .bo-bottle:before{display:none}.bo-shelf-item:disabled{cursor:default;background:#5a2d0a38;box-shadow:inset 0 4px 8px #3c1e0a40}.bo-shelf-item:disabled .bo-bottle{visibility:hidden}.bo-slot:focus-visible,.bo-shelf-item:focus-visible{outline:4px solid var(--focus);outline-offset:3px}@keyframes bo-drop{0%{opacity:0;transform:translateY(-26px)scale(.85)}60%{opacity:1}}@keyframes bo-wiggle{0%,to{rotate:none}30%{rotate:-8deg}65%{rotate:6deg}}.bo-big{text-align:center;background:linear-gradient(135deg,#fff1f4,#eef3ff);border-radius:20px;justify-items:center;gap:.3rem;padding:.8rem .6rem;display:grid}.bo-num{color:#c0243a;background:#fff;border-radius:50%;place-items:center;width:clamp(76px,22vw,104px);height:clamp(76px,22vw,104px);font-size:clamp(2.4rem,11vw,3.4rem);font-weight:900;line-height:1;display:grid;box-shadow:0 5px #0000001f}.bo-big-dots{gap:4px;display:inline-flex}.bo-big-dots span{background:#f0d7dc;border-radius:50%;width:12px;height:12px}.bo-big-dots span.is-on{background:#c0243a}.bo-say{margin:.2rem 0 0;font-size:clamp(1rem,4.2vw,1.15rem);font-weight:900}.bo-result{justify-items:center;gap:.5rem;display:grid}.bo-result .bo-row{flex-wrap:nowrap}.bo-result .bo-bottle:before,.bo-result .bo-bottle-name{display:none}.bo-say-wrap{justify-items:center;gap:.3rem;display:grid}.bo-slots.is-view .bo-slot{cursor:default}.bo-slots.is-view .bo-slot:hover .bo-bottle-art{animation:none}.bo-log-count{color:#16794a;white-space:nowrap;background:#e7f7ee;border-radius:999px;flex:none;align-items:center;gap:.4rem;padding:.15rem .55rem;font-size:.78rem;font-weight:900;display:inline-flex}.bo-log-dots{gap:2px;display:inline-flex}.bo-log-dots span{background:#c9e9d6;border-radius:50%;width:7px;height:7px}.bo-log-dots span.is-on{background:#1f9d55}.bo-summary-row{justify-content:space-between;align-items:center;gap:.5rem;margin:0;font-size:.88rem;font-weight:700;display:flex}.bo-winner{text-align:center;margin:.2rem 0 0;font-size:clamp(1.05rem,4.6vw,1.3rem);font-weight:900}.bo-table{border-collapse:collapse;width:100%;font-weight:700}.bo-table th,.bo-table td{text-align:left;border-bottom:2px solid #eee9fb;padding:.35rem .4rem}.bo-table th{color:#6f64a8;text-transform:uppercase;font-size:.78rem}@media (max-width:400px){.bo-shelf{grid-template-columns:repeat(3,minmax(0,1fr))}.bo-slots{gap:.15rem}.bo-slot{min-height:104px}.bo-bottle.size-md .bo-bottle-art{width:40px}.bo-slot .bo-bottle-name{display:none}.bo-slot .bo-bottle:before{bottom:.1rem}.bo-slot-empty{width:34px;height:54px}.bo-log-dots{display:none}}@media (prefers-reduced-motion:reduce){.bo-slot:not(.is-empty) .bo-bottle,.bo-slot .bo-bottle-art,.bo-shelf-item .bo-bottle-art{animation:none!important}}
.tile-navy{--tile-a:#1b6ca8;--tile-b:#0b3c5d;--tile-edge:#062a42}.match-page.game-fleet{--stage-bg:radial-gradient(circle at 18% 14%, #ffffff38 0 5%, transparent 6%), radial-gradient(circle at 82% 20%, #ffffff2e 0 4%, transparent 5%), linear-gradient(170deg, #7fd3ff 0%, #2f8fce 45%, #0b3c5d 100%);--banner-bg:linear-gradient(135deg, #1b6ca8, #0b3c5d)}.fl{color:var(--ink);gap:clamp(.5rem,2vw,.8rem);display:grid}.fl-head{background:#ffffffeb;border-radius:999px;justify-content:space-between;align-items:center;gap:.5rem;padding:.4rem .8rem;font-size:.85rem;font-weight:900;display:flex}.fl-count strong{text-align:center;min-width:1.1em;font-size:1.2em;display:inline-block}.fl-count.seat-you strong{color:#1480ad}.fl-count.seat-rival strong{color:#d62c50}.fl-vs{color:#6f64a8;text-transform:uppercase;font-size:.72rem}.fl-step{text-align:center;background:#fff;border-radius:18px;margin:0;padding:.6rem .9rem;font-size:clamp(1rem,4.4vw,1.2rem);font-weight:900;line-height:1.25;box-shadow:0 5px #0000001f}.fl-hint,.fl-legend{color:#eaf6ff;text-align:center;text-shadow:0 1px 2px #062a428c;margin:0;font-size:.8rem;font-weight:800}.fl-sea{grid-template-columns:repeat(var(--fl-size,8), minmax(0, 1fr));background:#062a4259;border-radius:16px;justify-self:center;gap:3px;width:100%;max-width:min(94vw,440px);padding:6px;display:grid}.fl-sea.is-small{gap:2px;max-width:min(60vw,240px);padding:4px}.fl-cell{aspect-ratio:1;color:#0b3c5d;width:100%;font:inherit;background:#bfe6ff;border:none;border-radius:5px;place-items:center;padding:0;font-size:clamp(.8rem,3.4vw,1.1rem);font-weight:900;line-height:1;display:grid}.fl-sea.is-enemy .fl-cell:not(:disabled){cursor:crosshair;background:#9fdcff}.fl-sea.is-enemy .fl-cell:not(:disabled):hover{background:#ffe9a8;box-shadow:inset 0 0 0 3px #ffb547}.fl-cell:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.fl-cell.is-ship{background:#4a5568;box-shadow:inset 0 -3px #00000038}.fl-cell.is-hit{color:#fff;background:#e0344e}.fl-cell.is-sunk{color:#fff;background:#7a1027}.fl-cell.is-miss{color:#0b3c5dbf;background:#7fb6d8}.fl-sea.is-small .fl-cell{border-radius:3px;font-size:clamp(.5rem,2.2vw,.7rem)}.fl-mine{justify-items:center;gap:.3rem;display:grid}.fl-mine-label{color:#eaf6ff;text-shadow:0 1px 2px #062a428c;margin:0;font-size:.75rem;font-weight:900}.fl-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.45rem;display:flex}.fl-go{flex:100%;min-height:54px;font-size:clamp(1rem,4.2vw,1.15rem)}
.tile-neon{--tile-a:#00e5ff;--tile-b:#7b2ff7;--tile-edge:#2a0a6b}.match-page.game-trails{--stage-bg:radial-gradient(circle at 20% 10%, #00e5ff40 0 8%, transparent 9%), radial-gradient(circle at 80% 18%, #ff00a838 0 7%, transparent 8%), linear-gradient(170deg, #1a0b3d 0%, #2a0a6b 55%, #05010f 100%);--banner-bg:linear-gradient(135deg, #00e5ff, #ff00a8)}.tr{width:100%;color:var(--ink);gap:clamp(.45rem,1.8vw,.7rem);display:grid}.tr-step{text-align:center;background:#fff;border-radius:16px;margin:0;padding:.55rem .9rem;font-size:clamp(.95rem,4.2vw,1.15rem);font-weight:900;box-shadow:0 5px #00000024}.tr-step.is-live{background:linear-gradient(135deg,#d9fbff,#ffe3fa)}.tr-arena-wrap{justify-self:center;width:100%;max-width:min(94vw,520px,max(320px,100dvh - 14rem));position:relative}.tr-arena{grid-template-columns:repeat(var(--tr-grid,24), minmax(0, 1fr));aspect-ratio:1;background:#05010f;border:2px solid #00e5ff80;border-radius:12px;gap:1px;padding:5px;display:grid;position:relative;box-shadow:inset 0 0 22px #00e5ff2e,0 0 18px #7b2ff759}.tr-cell{background:#ffffff09;border-radius:1px}.tr-cell.is-wall.seat-0{background:#00e5ff;box-shadow:0 0 5px #00e5ffd9}.tr-cell.is-wall.seat-1{background:#ff00a8;box-shadow:0 0 5px #ff00a8d9}.tr-cell.is-head{background:#fff;border-radius:2px}.tr-cell.is-head.seat-0{box-shadow:0 0 10px 2px #00e5ff}.tr-cell.is-head.seat-1{box-shadow:0 0 10px 2px #ff00a8}.tr-count{color:#fff;text-shadow:0 0 24px #00e5ffe6;pointer-events:none;place-items:center;font-size:clamp(3rem,18vw,6rem);font-weight:900;animation:.42s count-pop;display:grid;position:absolute;inset:0}.tr-result{text-align:center;padding:0 .5rem;font-size:clamp(1.8rem,9vw,3.2rem)}.tr-taps{grid-template-columns:1fr 1fr;display:grid;position:absolute;inset:0}.tr-tap{color:#ffffff21;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;place-items:center;font-size:clamp(1.4rem,7vw,2.2rem);display:grid}.tr-tap:active{background:#ffffff14}.tr-controls{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.tr-btn{touch-action:manipulation;min-height:58px;font-size:clamp(1rem,4.4vw,1.2rem)}@media (prefers-reduced-motion:reduce){.tr-count{animation:none}}
.tile-chalk{--tile-a:#2f9e78;--tile-b:#1d6fa5;--tile-edge:#14506f}.match-page.game-boxes{--stage-bg:radial-gradient(circle at 16% 18%, #fff3 0 5%, transparent 6%), linear-gradient(170deg, #eaf6f1 0%, #bfe3d6 45%, #7fc3b4 100%);--banner-bg:linear-gradient(135deg, #2f9e78, #1d6fa5)}.bx{width:min(100%,540px);color:var(--ink);gap:clamp(.5rem,2vw,.8rem);display:grid}.bx-step{text-align:center;background:#fff;border-radius:18px;margin:0;padding:.6rem .9rem;font-size:clamp(1rem,4.4vw,1.2rem);font-weight:900;box-shadow:0 5px #0000001f}.bx-step.is-turn{background:linear-gradient(135deg,#fff7d6,#d9f7ea)}.bx-grid{aspect-ratio:1;background:#fffdf6;border-radius:20px;justify-self:center;width:100%;max-width:min(100%,520px,max(280px,100dvh - 300px));padding:10px;display:grid;position:relative;box-shadow:0 6px #0000001f}.bx-dot{z-index:3;background:#3b2f5e;border-radius:50%;place-self:center;width:10px;height:10px}.bx-box{z-index:1;color:#fff;border-radius:4px;place-items:center;margin:-1px;font-size:clamp(.6rem,2.6vw,.85rem);font-weight:900;display:grid}.bx-box.is-taken.seat-0{background:#d62c50d9}.bx-box.is-taken.seat-1{background:#1480add9}.bx-box.is-new{animation:.42s count-pop}.bx-line{z-index:2;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;place-items:center;padding:0;display:grid}.bx-line:disabled{cursor:default}.bx-line span{background:#3b2f5e1f;border-radius:999px;transition:background .12s,transform .12s;display:block}.bx-line.is-h span{width:82%;height:7px}.bx-line.is-v span{width:7px;height:82%}.bx-grid.is-live .bx-line:not(:disabled):hover span{background:#ffb547;transform:scale(1.06)}.bx-line.is-drawn.seat-0 span{background:#d62c50}.bx-line.is-drawn.seat-1 span{background:#1480ad}.bx-line.is-last span{box-shadow:0 0 0 3px #ffb5478c}.bx-line:focus-visible{outline:3px solid var(--focus);outline-offset:-2px;border-radius:6px}@media (prefers-reduced-motion:reduce){.bx-box.is-new{animation:none}}
.tile-swamp{--tile-a:#3fb35a;--tile-b:#128a7a;--tile-edge:#0b5c4f}.match-page.game-snap{--stage-bg:radial-gradient(circle at 14% 82%, #ffffff38 0 6%, transparent 7%), radial-gradient(circle at 88% 16%, #ffffff40 0 5%, transparent 6%), radial-gradient(ellipse 120% 40% at 50% 100%, #2c9a7e 0 60%, transparent 61%), linear-gradient(175deg, #d9f7e6 0%, #9fe3c0 50%, #4fbf95 100%);--banner-bg:linear-gradient(135deg, #3fb35a, #128a7a)}.cs{width:min(100%,500px);color:var(--ink);gap:clamp(.5rem,2vw,.8rem);display:grid}.cs-head{color:#1d6b4a;background:#fff;border-radius:999px;justify-content:space-between;align-items:center;gap:.5rem;padding:.4rem .9rem;font-size:.85rem;font-weight:900;display:flex;box-shadow:0 4px #0000001a}.cs-left{color:#4b7a66;font-variant-numeric:tabular-nums}.cs-step{text-align:center;background:#fff;border-radius:18px;margin:0;padding:.6rem .9rem;font-size:clamp(1rem,4.4vw,1.2rem);font-weight:900;line-height:1.25;box-shadow:0 5px #0000001f}.cs-step.is-turn{background:#fff6c9}.cs-step.is-bite{color:#b8213a;background:#ffe1e6}.cs-legend{color:#1d4d3c;text-align:center;margin:0;font-size:.85rem;font-weight:800}.cs-croc{aspect-ratio:1/.92;width:100%;margin-top:.4rem;position:relative}.cs-croc.is-shut{animation:.42s ease-in-out .22s cs-shake}.cs-upper{z-index:3;transform-origin:50% 0;filter:drop-shadow(0 8px #0000001f);height:44%;transition:transform .16s cubic-bezier(.6,0,.9,.4);position:absolute;top:0;left:0;right:0}.cs-upper-art{width:100%;height:100%;display:block}.cs-croc.is-shut .cs-upper{transform:translateY(84%)scaleY(1.04)}.cs-pupil{transform-box:fill-box;transform-origin:50%}.cs-croc.is-live .cs-pupil{animation:3.2s ease-in-out infinite cs-look}.cs-croc.is-shut .cs-pupil{transform:translateY(2px)scale(.6)}.cs-lower{background:radial-gradient(circle at 20% 80%,#ffffff2e 0 4%,#0000 5%),linear-gradient(#45c062 0%,#36a150 100%);border-radius:30px 30px 48% 48%/30px 30px 70% 70%;height:62%;padding:3.5% 4% 6%;position:absolute;bottom:0;left:3%;right:3%;box-shadow:inset 0 -10px #0000001f,0 10px #1f6e35,0 20px 30px #143c2859}.cs-mouth{background:radial-gradient(at 50% 30%,#ff9db0 0%,#e45a78 55%,#b8304f 100%);border-radius:22px 22px 48% 48%/22px 22px 70% 70%;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 10px 18px #50001459}.cs-tongue{background:linear-gradient(#ff7f98,#e04a6a);border-radius:50% 50% 45% 45%;height:34%;position:absolute;bottom:12%;left:30%;right:30%;box-shadow:inset 0 -6px #0000001a}.cs-tongue:after{content:"";background:#96143266;border-radius:2px;width:3px;position:absolute;top:18%;bottom:30%;left:50%;transform:translate(-50%)}.cs-teeth{position:absolute;inset:0}.cs-tooth{aspect-ratio:.82;width:clamp(30px,9.5%,52px);transform:translate(-50%, -50%) rotate(var(--tilt,0deg));cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0;position:absolute}.cs-tooth>span{background:linear-gradient(#fff 0%,#fff8e6 70%,#f1e6c8 100%);border:3px solid #e4d8b6;border-radius:42% 42% 50% 50%/30% 30% 70% 70%;transition:transform .14s,box-shadow .14s,background .14s;position:absolute;inset:0;box-shadow:0 5px #c7b88f}.cs-croc.is-live .cs-tooth:not(:disabled):hover>span{transform:translateY(-3px);box-shadow:0 8px #c7b88f,0 0 0 4px #ffd63fb3}.cs-tooth:not(:disabled):active>span{transform:translateY(4px);box-shadow:0 1px #c7b88f}.cs-tooth:focus-visible{outline:none}.cs-tooth:focus-visible>span{outline:4px solid var(--focus);outline-offset:2px}.cs-tooth:disabled{cursor:default}.cs-tooth.is-down>span{background:linear-gradient(#ece4cf,#d9cda9);border-color:#cbbd95;transform:translateY(38%)scaleY(.62);box-shadow:0 1px #b3a47a}.cs-tooth.is-down.seat-0>span{border-color:color-mix(in srgb, var(--seat-0) 70%, #cbbd95)}.cs-tooth.is-down.seat-1>span{border-color:color-mix(in srgb, var(--seat-1) 70%, #cbbd95)}.cs-tooth.is-last>span{animation:.38s ease-out cs-press}.cs-tooth.is-sore>span{background:linear-gradient(#ff9aa8,#ff4f6a);border-color:#c0243a;animation:.6s ease-in-out infinite cs-throb;box-shadow:0 4px #8e1b2c,0 0 0 6px #ff4f6a59}.cs-chomp{z-index:4;color:var(--ink);letter-spacing:.04em;background:#ffd23f;border-radius:14px;padding:.2rem .9rem;font-size:clamp(1.4rem,7vw,2.4rem);font-weight:900;animation:.42s cubic-bezier(.34,1.56,.64,1) .16s both cs-chomp;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)rotate(-8deg);box-shadow:0 5px #c99a00}@keyframes cs-shake{0%,to{translate:0}20%{translate:-10px 2px}40%{translate:9px -2px}60%{translate:-6px 1px}80%{translate:4px}}@keyframes cs-press{0%{transform:translateY(0)scaleY(1)}55%{transform:translateY(46%)scaleY(.55)}to{transform:translateY(38%)scaleY(.62)}}@keyframes cs-throb{50%{scale:1.12}}@keyframes cs-chomp{0%{opacity:0;transform:translate(-50%,-50%)rotate(-8deg)scale(.3)}}@keyframes cs-look{0%,to{transform:translate(0)}30%{transform:translate(-5px)}65%{transform:translate(5px)}}@media (prefers-reduced-motion:reduce){.cs-croc.is-shut,.cs-tooth.is-last>span,.cs-tooth.is-sore>span,.cs-chomp,.cs-croc.is-live .cs-pupil{animation:none}.cs-upper{transition:none}}
.tile-indigo{--tile-a:#5b5bd6;--tile-b:#8e44ad;--tile-edge:#3a2a7a}.match-page.game-ultimate{--stage-bg:radial-gradient(circle at 12% 18%, #ffffff8c 0 5%, transparent 6%), radial-gradient(circle at 88% 82%, #fff6 0 7%, transparent 8%), linear-gradient(155deg, #ff9fc9 0%, #c49bff 55%, #8fd9ff 100%);--banner-bg:linear-gradient(135deg, #c2255c, #7b3fe4)}.ut{width:min(100%,560px);color:var(--ink);gap:clamp(.5rem,2vw,.8rem);display:grid}.ut-piece svg,.ut-claim svg{width:100%;height:100%;display:block}.ut-step{text-align:center;background:#fff;border-radius:18px;margin:0;padding:.6rem .9rem;font-size:clamp(1rem,4.4vw,1.2rem);font-weight:900;box-shadow:0 5px #0000001f}.ut-step.is-turn{background:linear-gradient(135deg,#fff7d6,#e8e3ff)}.ut-grid{aspect-ratio:1;background:linear-gradient(160deg,#fff,#ffe3f2);border-radius:30px;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));justify-self:center;gap:clamp(6px,1.8vw,10px);width:100%;max-width:min(100%,540px,max(280px,100dvh - 300px));padding:clamp(6px,1.8vw,10px);display:grid;box-shadow:0 10px #d98bb8,0 24px 40px #46145a59}.ut-board{background:#ffd3ea;border-radius:16px;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:4px;transition:box-shadow .14s,background .14s;display:grid;position:relative;box-shadow:inset 0 4px #c8509638}.ut-board.is-target{background:#fff3fa;box-shadow:0 0 0 3px #ffb547,0 0 14px #ffb547bf}.ut-board.is-done{background:#f3c3dd}.ut-board.is-winning{background:#ffe680;animation:1s ease-in-out infinite win-bounce;box-shadow:inset 0 -5px #f5a623}.ut-cell{aspect-ratio:1;touch-action:manipulation;background:#fff3fa;border:none;border-radius:8px;place-items:center;padding:0;display:grid;position:relative;box-shadow:inset 0 2px #c850962e}.ut-cell:disabled{cursor:default}.ut-board.is-target .ut-cell:not(:disabled){cursor:pointer}.ut-board.is-target .ut-cell:not(:disabled):hover{background:#ffe9a8}.ut-cell.is-last{box-shadow:inset 0 2px #c850962e,inset 0 0 0 2px #ffb547}.ut-cell:focus-visible{outline:3px solid var(--focus);outline-offset:1px}.ut-piece{width:84%;height:84%;animation:.42s cubic-bezier(.34,1.56,.64,1) piece-pop;display:block}.ut-piece svg{filter:drop-shadow(0 2px #78285a38)}.ut-claim{color:#b66a97;pointer-events:none;background:#fff3fad9;border-radius:16px;place-items:center;padding:10%;font-size:clamp(1.6rem,9vw,3rem);font-weight:900;animation:.42s cubic-bezier(.34,1.56,.64,1) piece-pop;display:grid;position:absolute;inset:0}.ut-claim svg{filter:drop-shadow(0 4px #78285a38)}.ut-board.is-winning .ut-claim{background:0 0}
.tile-sand{--tile-a:#c8963e;--tile-b:#8d5524;--tile-edge:#5d3514}.match-page.game-dice{--stage-bg:radial-gradient(circle at 18% 16%, #ffffff2e 0 5%, transparent 6%), linear-gradient(170deg, #f3e0bd 0%, #d9a441 45%, #8d5524 100%);--banner-bg:linear-gradient(135deg, #c8963e, #8d5524)}.di{color:var(--ink);gap:clamp(.45rem,1.8vw,.75rem);display:grid}.di-head{background:#fff;border-radius:999px;justify-content:space-between;align-items:center;gap:.5rem;padding:.4rem .8rem;font-size:.85rem;font-weight:900;display:flex;box-shadow:0 4px #0000001a}.di-count strong{color:#8d5524;text-align:center;min-width:1.1em;font-size:1.3em;display:inline-block}.di-step{text-align:center;background:#fff;border-radius:18px;margin:0;padding:.6rem .9rem;font-size:clamp(.95rem,4.2vw,1.15rem);font-weight:900;line-height:1.3;box-shadow:0 5px #0000001f}.di-hint,.di-legend{color:#5d3514;text-align:center;margin:0;font-size:.78rem;font-weight:800}.di-die{filter:drop-shadow(0 3px #0000002e);width:clamp(38px,11vw,54px);height:auto}.di-die rect{fill:#fffdf6;stroke:#5d3514;stroke-width:4px}.di-die circle{fill:#3b2f5e}.di-die.is-small{width:clamp(24px,6.5vw,32px)}.di-die.is-hidden rect{fill:#b98a4b}.di-die.is-hidden text{fill:#fffdf6}.di-their,.di-mine{border-radius:16px;flex-wrap:wrap;justify-content:center;gap:.35rem;min-height:42px;padding:.45rem;display:flex}.di-their{background:#5d351438}.di-mine{background:#fff;box-shadow:0 5px #0000001f}.di-bid{background:#fff4dd;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.4rem .9rem;display:flex;box-shadow:0 4px #0000001f}.di-bid.is-mine{background:#e7f1ff}.di-bid-who{color:#6f5030;font-size:.78rem;font-weight:800}.di-bid-what{align-items:center;gap:.35rem;font-size:1.1rem;font-weight:900;display:inline-flex}.di-bid-what strong{font-size:1.4em}.di-controls{gap:.5rem;display:grid}.di-picker{background:#fff;border-radius:18px;gap:.45rem;padding:.55rem;display:grid;box-shadow:0 5px #0000001f}.di-spin{justify-content:center;align-items:center;gap:.8rem;display:flex}.di-step-btn{min-width:52px;min-height:48px;font-size:1.5rem;font-weight:900}.di-qty{text-align:center;min-width:2ch;font-size:clamp(1.6rem,8vw,2.2rem);font-weight:900}.di-faces{flex-wrap:wrap;justify-content:center;gap:.3rem;display:flex}.di-face{cursor:pointer;background:#faf8ff;border:3px solid #0000;border-radius:12px;padding:.2rem}.di-face.is-selected{background:#fff4dd;border-color:#c8963e}.di-face:disabled{opacity:.45;cursor:default}.di-face:focus-visible,.di-step-btn:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.di-actions{grid-template-columns:1fr 1.4fr;gap:.5rem;display:grid}.di-liar,.di-go{min-height:56px;font-size:clamp(1rem,4.2vw,1.15rem)}.di-go{width:100%}