@font-face{font-family:Fredoka;font-weight:300 700;font-display:swap;src:url(/fonts/fredoka-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fredoka;font-weight:300 700;font-display:swap;src:url(/fonts/fredoka-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Shrikhand;font-display:block;src:url(/fonts/shrikhand-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Shrikhand;font-display:block;src:url(/fonts/shrikhand-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--pile-w:clamp(50px, min(13vw, 11.5dvh), 104px);--bg:#3b2417;--bg-2:#4a2e1d;--ink:#3a2015;--cream:#f6ead2;--cream-2:#efdcb8;--mustard:#d99a2b;--orange:#e8692b;--yellow:#f2b134;--rust:#c9461f;--cream-3:#fff4dc;--field:#fffaf0;--cream-row:#fbf2e0;--line:#e2cfa9;--alert:#ff3b2f;--f-ui:"Fredoka", "Trebuchet MS", system-ui, sans-serif;--f-logo:"Shrikhand", "Cooper Black", Georgia, serif;--stripes:linear-gradient(var(--orange) 0 33%, var(--yellow) 33% 66%, var(--rust) 66%);--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#app{height:100%}body{background:var(--grain), var(--bg);color:var(--cream);font-family:var(--f-ui);font-variant-numeric:tabular-nums;-webkit-tap-highlight-color:transparent;touch-action:manipulation;margin:0;font-size:16px;line-height:1.4}button,input,select{font:inherit;color:inherit}h2{margin:0;font-weight:700}:focus-visible{outline:3px solid var(--ink);outline-offset:2px;box-shadow:0 0 0 6px var(--yellow)}.card:focus-visible{box-shadow:var(--ring), 0 0 0 4px var(--ink), 0 0 0 7px var(--yellow)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.logo{font-family:var(--f-logo);color:var(--cream);letter-spacing:.01em;-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:3px 3px 0 var(--orange), 5px 5px 0 var(--ink);font-size:26px;line-height:.9;transform:rotate(-4deg)}.logo br{display:none}.logo.big{text-align:center;text-shadow:4px 4px 0 var(--orange), 7px 7px 0 var(--yellow), 10px 10px 0 var(--ink);font-size:64px}.logo.big br{display:inline}.btn{border:3px solid var(--ink);background:var(--cream);color:var(--ink);box-shadow:0 4px 0 var(--ink);cursor:pointer;white-space:nowrap;border-radius:999px;padding:8px 20px;font-weight:600;transition:transform 80ms,box-shadow 80ms}.btn:active:not(:disabled){box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.btn.primary{background:var(--yellow);box-shadow:0 0 0 3px var(--orange), 0 5px 0 3px var(--ink)}.btn.primary:active:not(:disabled){box-shadow:0 0 0 3px var(--orange), 0 2px 0 3px var(--ink)}.btn.big{padding:10px 30px;font-size:20px}.btn.small{box-shadow:0 2px 0 var(--ink);min-height:34px;padding:4px 12px;font-size:14px}.btn.ghost{color:var(--cream);border-color:var(--cream-2);box-shadow:none;background:0 0}.btn:disabled{opacity:.5;cursor:not-allowed}.btn{min-height:44px}.topbar .btn{min-height:36px}@media (orientation:landscape) and (height<=560px){.btn,.topbar .btn{min-height:0}.fxbtn{width:32px;height:32px;padding:5px;top:6px;bottom:auto}}.btn.ghost:active:not(:disabled){box-shadow:none;transform:translateY(1px)}@media (hover:hover){.btn:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.btn.ghost:hover:not(:disabled){background:#f6ead21a}.link:hover{text-decoration-thickness:2px}}.link{color:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin:-8px -6px;padding:8px 6px;font-weight:500;text-decoration:underline}.screen{flex-direction:column;min-height:100%;display:flex}.screen.center{padding:max(24px, env(safe-area-inset-top,0px)) max(16px, env(safe-area-inset-right,0px)) max(24px, env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px));justify-content:center;align-items:center}.topbar{padding:max(10px, env(safe-area-inset-top,0px)) max(16px, env(safe-area-inset-right,0px)) 10px max(16px, env(safe-area-inset-left,0px));border-bottom:12px solid;border-image:var(--stripes) 1;background:var(--bg-2);justify-content:space-between;align-items:center;gap:12px;display:flex}.topbar .who,.topbar .info{flex-wrap:wrap;align-items:center;gap:14px;font-weight:500;display:flex}.topbar .info>span:not(.spect-wrap){opacity:.9}.panel{background:var(--grain), var(--cream);color:var(--ink);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--orange), 6px 6px 0 3px var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;border-radius:22px;grid-template-columns:minmax(0,1fr);align-content:start;gap:14px;min-width:0;padding:22px;display:grid}.panel .btn.big{white-space:normal;text-wrap:balance}.panel h2{font-size:26px}.panel h2 small{opacity:.6;font-size:16px;font-weight:600}.hint{opacity:.75;margin:0}.fine{opacity:.65;margin:0;font-size:13px}.lbl{letter-spacing:.08em;text-transform:uppercase;opacity:.7;font-size:13px;font-weight:600}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row>input,.row>select{flex:160px;min-width:0}input,select{background:var(--field);color:var(--ink);border:2.5px solid var(--ink);border-radius:12px;min-width:0;padding:9px 12px}input:focus-visible,select:focus-visible{outline:3px solid var(--orange);outline-offset:1px;box-shadow:none}.tag{background:var(--ink);color:var(--cream);vertical-align:2px;border-radius:99px;margin-left:6px;padding:1px 8px;font-size:12px;font-weight:600}.chip{background:var(--cream-3);border:2px solid var(--ink);border-radius:99px;margin:0 6px 6px 0;padding:2px 10px;font-weight:500;display:inline-block}.pill{border:2px solid var(--ink);border-radius:99px;padding:2px 10px;font-size:13px;font-weight:600}.pill.lobby{background:#c7e8c0}.pill.playing{background:var(--yellow)}.pill.finished{background:#ddd}.avatar{color:#fff;border:3px solid var(--cream);width:44px;height:44px;box-shadow:0 0 0 3px var(--ink);text-shadow:0 1px #00000059;border-radius:50%;flex:none;place-items:center;font-size:21px;font-weight:700;display:grid}.avatar.small{width:30px;height:30px;box-shadow:0 0 0 2px var(--ink);border-width:2px;font-size:15px}.toast{left:50%;top:max(10px, env(safe-area-inset-top,0px));pointer-events:none;background:var(--ink);color:var(--cream);border:3px solid var(--yellow);z-index:70;border-radius:14px;max-width:calc(100% - 32px);padding:10px 18px;font-weight:500;animation:.2s ease-out rise;position:fixed;transform:translate(-50%)}.conn{background:var(--rust);color:#fff;text-align:center;padding:max(4px, env(safe-area-inset-top,0px)) 16px 4px;z-index:60;font-weight:600;position:fixed;top:0;left:0;right:0}@keyframes rise{0%{opacity:0;transform:translate(-50%,-10px)}}.toast{box-shadow:0 8px 20px #00000073}.toast:before{content:"";background:var(--yellow);vertical-align:1px;border-radius:50%;width:9px;height:9px;margin-right:8px;display:inline-block}.toast.ok{border-color:#3fae52}.toast.ok:before{background:#3fae52}.toast.err{border-color:var(--rust)}.toast.err:before{background:#ff5a3c}.fxbtn{right:max(8px, env(safe-area-inset-right,0px));z-index:3;border:2px solid var(--cream-2);width:36px;height:36px;color:var(--cream);cursor:pointer;opacity:.75;background:#3a20158c;border-radius:50%;padding:6px;position:absolute;bottom:8px}.fxbtn.on{opacity:1;background:var(--ink);border-color:var(--yellow);color:var(--yellow)}.fxbtn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.fxbtn .fill{fill:currentColor}.login{text-align:center;justify-items:center;gap:18px;width:min(420px,100%)}.login form{text-align:left;grid-template-columns:minmax(0,1fr);gap:10px;width:100%;display:grid}.login label{font-weight:600}.fan{--w:64px;justify-content:center;padding:8px 0;display:flex}.fan .card{margin:0 -10px}.fan .card:first-child{transform:rotate(-14deg)translateY(8px)}.fan .card:nth-child(2){transform:rotate(-5deg)}.fan .card:nth-child(3){transform:rotate(5deg)}.fan .card:nth-child(4){transform:rotate(14deg)translateY(8px)}.lobby,.room{padding:28px max(16px, env(safe-area-inset-right,0px)) 40px max(16px, env(safe-area-inset-left,0px));grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:28px;width:100%;max-width:1100px;margin:0 auto;display:grid}@media (width<=760px){.lobby,.room{grid-template-columns:minmax(0,1fr)}}.join{grid-template-columns:minmax(0,1fr);gap:8px;display:grid}.join label{font-weight:600}.rooms{gap:10px;margin:0;padding:0;list-style:none;display:grid}.room-row{text-align:left;background:var(--cream-3);border:2.5px solid var(--ink);cursor:pointer;border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px;width:100%;padding:10px 14px;display:flex}.room-row:hover{background:#ffe9b8}.room-row span:first-of-type{flex:10em;min-width:0}.code{font-family:var(--f-logo);letter-spacing:.06em;font-size:22px;font-weight:400}.room .invite{grid-column:1/-1}.code-big{font-family:var(--f-logo);letter-spacing:.1em;color:var(--orange);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:4px 4px 0 var(--ink);font-size:56px;line-height:1}.seats ol{gap:8px;margin:0;padding:0;list-style:none;display:grid}.seats li{background:var(--cream-3);border:2px solid var(--ink);border-radius:14px;align-items:center;gap:10px;padding:8px 12px;display:flex}.seats li.off{opacity:.55}.seats .grow b{overflow-wrap:anywhere}.seats .grow{flex-wrap:wrap;flex:1;align-items:center;gap:2px 0;min-width:0;display:flex}.seats small{opacity:.7;flex-basis:100%}.add-bot select{flex:140px}.spect{gap:6px;display:grid}.settings fieldset{border:0;gap:12px;min-width:0;margin:0;padding:0;display:grid}.field{gap:4px;font-weight:600;display:grid}.field select{font-weight:400}.check{align-items:flex-start;gap:10px;display:flex}.check input{appearance:none;border:2.5px solid var(--ink);background:var(--field);cursor:pointer;border-radius:7px;flex:none;place-items:center;width:22px;height:22px;margin:1px 0 0;display:grid}.check input:checked{background:var(--orange) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='%23fff' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 14px no-repeat}select{appearance:none;cursor:pointer;background:var(--field) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 9'%3E%3Cpath d='M1.5 1.5 7 7l5.5-5.5' fill='none' stroke='%233a2015' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 12px center / 14px;padding-right:36px;line-height:1.3}select:disabled,.check input:disabled{opacity:.55;cursor:default}.settings .head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.settings fieldset .lbl{border-top:2px dashed #3a201533;margin-top:6px;padding-top:8px}.settings fieldset .lbl:first-child{border-top:0;margin-top:0;padding-top:0}.changed>span:first-child:after,.check.changed:after{content:"•";color:var(--orange);margin-left:6px;font-weight:700}.seats li.empty{opacity:.6;background:0 0;border-style:dashed;justify-content:center;min-height:46px;font-weight:500}.seats li{animation:.25s ease-out row-in}.tag.bot{background:var(--mustard);color:var(--ink)}.add-bot{gap:6px;display:grid}.add-bot .link{justify-self:start}button.code-big{cursor:pointer;background:0 0;border:0;justify-self:start;padding:0}.codein{font-family:var(--f-logo);letter-spacing:.15em;text-transform:uppercase;text-align:center;font-size:20px}.hint.wait{animation:1.4s ease-in-out infinite alternate pulse-o}@keyframes pulse-o{to{opacity:.45}}.slogan{opacity:.8;text-wrap:balance;margin:-6px 0 0;font-weight:600}.howto{grid-column:1/-1}.howto summary{cursor:pointer;font-size:20px;font-weight:700}.howto ul{gap:8px;margin:12px 0 0;padding-left:20px;display:grid}.room-row{transition:transform 80ms}.room-row:active{transform:translateY(2px)}@media (width>=761px){.room .invite{grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:28px}.room .invite .lbl{grid-column:1}.room .invite .code-big{grid-area:2/1/span 2}.room .invite .row,.room .invite .hint{grid-column:2}.room .invite .row{grid-row:2}.room .invite .hint{grid-row:3}}.card{--w:64px;width:var(--w);aspect-ratio:5/7;border-radius:calc(var(--w) * .1);--ring:0 0 0 max(1.5px, calc(var(--w) * .025)) var(--ink);--drop:0 max(2px, calc(var(--w) * .045)) 0 var(--ink);background:var(--cream);color:var(--cream);box-shadow:var(--ring), var(--drop);font-family:var(--f-ui);-webkit-user-select:none;user-select:none;border:0;flex:none;padding:0;transition:transform .14s ease-out,box-shadow .14s,filter .14s;position:relative}.card.xs{--w:22px}.card.sm{--w:40px}.card.md{--w:var(--hand-w,64px)}.card.lg{--w:var(--pile-w)}.card .face{inset:calc(var(--w) * .055);border-radius:calc(var(--w) * .065);background:repeating-radial-gradient(circle at 50% 50%, var(--c1) 0 calc(var(--w) * .1), var(--c2) calc(var(--w) * .1) calc(var(--w) * .2));box-shadow:inset 0 0 0 1px #00000040, inset 0 0 0 2px #ffffff24, inset 0 0 calc(var(--w) * .3) #280a0038;position:absolute}.k-r{--c1:#d4372b;--c2:#df4d3c}.k-y{--c1:#e99d14;--c2:#f2b134}.k-g{--c1:#2c8a3c;--c2:#3b9b4a}.k-b{--c1:#1e6cbd;--c2:#2c7fd0}.k-p{--c1:#74299a;--c2:#8338aa}.k-ten{--c1:#2b2725;--c2:#403936;background:var(--yellow)}.k-ten .num,.k-ten .cn{color:var(--yellow)}.card.k-ten.dim{filter:brightness(.6)saturate(.6)}.card .glyph{place-items:center;display:grid;position:absolute;inset:0}.num{font-weight:700;font-size:calc(var(--w) * .62);letter-spacing:-.03em;color:var(--cream);-webkit-text-stroke:calc(var(--w) * .05) var(--ink);paint-order:stroke fill;line-height:1}.num.narrow{font-size:calc(var(--w) * .42)}.num.strike{text-decoration:line-through;text-decoration-thickness:.13em;-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink);-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}.icon{width:64%;overflow:visible}.icon *{fill:none;stroke-linecap:round;stroke-linejoin:round}.icon .ol *{stroke:var(--ink);stroke-width:10px}.icon .in *{stroke:var(--cream);stroke-width:5px}.icon .ol .fill{fill:var(--ink)}.icon .in .fill{fill:var(--cream);stroke:none}.cn{font-weight:700;font-size:max(11px, calc(var(--w) * .2));color:var(--cream);-webkit-text-stroke:clamp(1px, calc(var(--w) * .03), 3px) var(--ink);paint-order:stroke fill;white-space:nowrap;line-height:1;position:absolute}.k-p .cn,.k-ten .cn{font-size:max(10px, calc(var(--w) * .16))}.k-y .cn{color:var(--ink);-webkit-text-stroke:0}.cn.tl{top:max(3px, calc(var(--w) * .1));left:max(3px, calc(var(--w) * .11))}.cn.br{bottom:calc(var(--w) * .1);right:calc(var(--w) * .11)}.card.xs{box-shadow:0 0 0 1px var(--ink);border-radius:3px}.card.xs .face{background:var(--c1);box-shadow:none;border-radius:2px;inset:1.5px}.card.xs .num{font-size:calc(var(--w) * .6);-webkit-text-stroke:1.5px var(--ink);letter-spacing:-.04em}.card.xs .num.narrow{font-size:calc(var(--w) * .42)}.card.xs .icon{width:62%}.card.xs .icon .ol{display:none}.card.xs .icon .in *{stroke-width:7px}.scoreboard.cards .minis .card.xs .glyph{place-items:start;padding:2px 0 0 2px}.scoreboard.cards .minis .card.xs .num{font-size:calc(var(--w) * .46)}.scoreboard.cards .minis .card.xs .num.narrow{font-size:calc(var(--w) * .34)}.scoreboard.cards .minis .card.xs .icon{width:46%}.back .face{background:radial-gradient(ellipse 41% 43% at 50% 50%, #3b2417 0 30%, var(--yellow) 30% 44%, var(--orange) 44% 58%, var(--rust) 58% 72%, #3b2417 72% 80%, var(--yellow) 80% 88%, var(--orange) 88% 96%, #3b2417 96%)}.card.landed{animation:.38s cubic-bezier(.2,.8,.2,1) land}@keyframes land{0%{transform:translate(var(--dx,0), var(--dy,-30px)) rotate(-14deg) scale(.6);opacity:.5}}.card.drawn{animation:.35s cubic-bezier(.2,.8,.2,1) draw-in}@keyframes draw-in{0%{opacity:0;transform:translateY(-60%)scale(.8)}}@keyframes pop{0%{opacity:.3;transform:scale(.6)}}.delta{z-index:6;pointer-events:none;background:var(--rust);color:#fff;border:2px solid var(--ink);white-space:nowrap;border-radius:99px;padding:0 8px;font-size:14px;font-weight:700;line-height:1.4;animation:1.4s ease-out forwards delta;position:absolute;top:-8px;left:50%}@keyframes delta{0%{opacity:0;transform:translate(-50%,10px)scale(.6)}20%{opacity:1;transform:translate(-50%)scale(1.1)}75%{opacity:1;transform:translate(-50%,-6px)scale(1)}to{opacity:0;transform:translate(-50%,-16px)}}.me-bar{position:relative}.me-bar .delta{top:-10px;left:28px}.screen.game{overscroll-behavior:none;height:100dvh;min-height:0;overflow:hidden}.tablewrap{--turn-scale:1.14;--oh:84px;--ov:76px;min-height:0;margin-inline:env(safe-area-inset-left,0px) env(safe-area-inset-right,0px);flex:1;position:relative;container-type:size}.felt{background:var(--grain), var(--mustard);box-shadow:inset 0 0 40px #5a2d0559, 0 0 0 10px var(--yellow), 0 0 0 18px var(--orange), 0 0 0 24px var(--bg), 0 0 0 31px var(--rust), 0 12px 30px 30px #00000059;border-radius:999px;position:absolute;inset:9% 6% 7%}.opp{z-index:2;width:max-content;max-width:calc(2 * var(--oh) / var(--turn-scale));justify-items:center;gap:4px;display:grid;position:absolute;transform:translate(-50%,-50%)}.opp.off{opacity:.55}.tagline{background:var(--ink);border:2px solid var(--cream-2);white-space:nowrap;border-radius:99px;align-items:center;gap:8px;padding:2px 3px 2px 12px;font-weight:600;display:flex}.nm{text-overflow:ellipsis;min-width:0;max-width:8.5em;overflow:hidden}.tagline{min-width:0;max-width:100%}.pts{background:var(--yellow);color:var(--ink);font-variant-numeric:tabular-nums;border-radius:99px;padding:0 9px;font-weight:700}.backs{padding-right:6px;display:flex;position:relative}.backs .card{margin-left:-14px}.backs .card:first-child{margin-left:0}.count{background:var(--ink);color:var(--cream);border:2px solid var(--cream-2);white-space:nowrap;border-radius:99px;align-items:center;gap:3px;height:24px;padding:0 7px 0 4px;font-size:13px;font-weight:700;display:inline-flex;position:absolute;bottom:-6px;right:-10px}.count.low{background:var(--rust);color:#fff;border-color:#fff}.count i{border:1.5px solid var(--cream);background:repeating-radial-gradient(ellipse 50% 60% at 50% 50%, var(--orange) 0 25%, var(--yellow) 25% 50%);border-radius:2px;flex:none;width:10px;height:14px}.flags{gap:4px;min-height:0;display:flex}.flag{background:#3a2015cc;border-radius:99px;padding:0 8px;font-size:12px;font-weight:600}.flag.tek{background:var(--rust);color:#fff;animation:.5s cubic-bezier(.34,1.56,.64,1) tek-in,1.4s ease-in-out 1s infinite alternate pulse}@keyframes tek-in{0%{transform:scale(0)rotate(-12deg)}}@keyframes pulse{to{transform:scale(1.1)}}.ring{place-items:center;display:inline-grid;position:relative}.ring svg{width:calc(100% + 16px);height:calc(100% + 16px);position:absolute;inset:-8px;transform:rotate(-90deg)}.ring circle{fill:none;stroke-width:5px}.ring .track{stroke:#3a20158c}.ring .bar{stroke:var(--orange);stroke-linecap:round;transition:stroke-dasharray .25s linear}.ring.urgent .bar{stroke:var(--alert)}.ring .bar{transition:stroke-dasharray .25s linear,stroke .3s}.ring.urgent .secs{background:var(--alert);color:#fff;border-color:#fff;animation:.5s ease-in-out infinite alternate pulse}.ring .secs{background:var(--ink);color:var(--cream);border:2px solid var(--orange);border-radius:99px;place-items:center;min-width:26px;height:26px;font-size:13px;font-weight:700;display:grid;position:absolute;bottom:-10px;left:-12px}.opp.turn .avatar,.me.turn .avatar{animation:1s ease-in-out infinite alternate glow}@keyframes glow{0%{box-shadow:0 0 0 3px var(--ink), 0 0 8px 3px #f2b13480}to{box-shadow:0 0 0 3px var(--ink), 0 0 22px 10px #ffd65af2}}.opp{transition:transform .2s}.opp.turn{transform:translate(-50%, -50%) scale(var(--turn-scale));z-index:4}.opp.turn .tagline{background:var(--orange);color:#fff;border-color:var(--ink)}.opp.turn:before{content:"";z-index:-1;background:radial-gradient(closest-side,#fffbeef2,#fff0c880 60%,#0000);border-radius:40px;animation:1s ease-in-out infinite alternate halo;position:absolute;inset:-16px -14px}@keyframes halo{0%{opacity:.55;transform:scale(.94)}to{opacity:1;transform:scale(1.04)}}.opp.turn .tagline .pts{color:var(--ink);background:#fff}.whose{background:var(--orange);color:#fff;border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);white-space:nowrap;text-overflow:ellipsis;border-radius:99px;align-items:center;gap:6px;max-width:100%;margin-bottom:4px;padding:2px 14px 2px 6px;font-size:17px;font-weight:700;display:inline-flex;overflow:hidden}.whose i{border:2px solid var(--cream);border-radius:50%;flex:none;width:14px;height:14px}.whose{animation:.35s cubic-bezier(.34,1.56,.64,1) pop}.whose.mine{background:var(--rust);color:#fff}.me.turn .me-bar b{color:var(--yellow)}.pile{z-index:2;align-items:center;gap:22px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stack{justify-items:center;gap:6px;display:grid}.stack .back{box-shadow:2px 2px 0 var(--cream-2), 4px 4px 0 var(--ink), 0 6px 14px #00000059}.under{color:var(--ink);white-space:nowrap;background:#f6ead2bf;border-radius:99px;padding:0 8px;font-size:13px;font-weight:600}.dir{fill:none;width:44px;height:44px;stroke:var(--cream);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(1px 2px 0 var(--ink))}.dir.ccw{transform:scaleX(-1)}.dir{animation:.5s cubic-bezier(.2,.8,.2,1) dir-in}@keyframes dir-in{0%{opacity:0;transform:rotate(-180deg)scale(.4)}}.pending{background:var(--rust);color:#fff;border:3px solid var(--ink);white-space:nowrap;border-radius:99px;padding:2px 14px;font-weight:700;animation:.3s cubic-bezier(.34,1.56,.64,1) pending-in;position:absolute;top:-34px;left:50%;transform:translate(-50%)}.log{left:50%;top:calc(50% + var(--pile-w) * .7 + 24px);text-align:center;color:var(--ink);z-index:1;width:min(90%,420px);font-size:14px;font-weight:600;position:absolute;transform:translate(-50%)}.log .entries div:first-child:not(:last-child){opacity:.6;font-size:13px}.log .hint{display:none}.me{background:var(--bg-2);border-top:12px solid;border-image:var(--stripes) 1;padding:10px max(12px, env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(12px, env(safe-area-inset-left,0px));grid-template-columns:minmax(0,1fr);justify-items:center;gap:4px;display:grid;position:relative}.me-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;font-size:18px;display:flex}.secret{background:var(--ink);border:2px solid var(--cream-2);border-radius:99px;align-items:center;gap:6px;padding:2px 10px 2px 4px;font-size:14px;font-weight:600;display:inline-flex}.secret i{background:var(--c2);border:2px solid var(--cream);border-radius:50%;width:18px;height:18px}.status{text-align:center;min-height:1.4em;color:var(--cream-2);margin:0;font-weight:500}.me.turn .status{color:var(--yellow);font-weight:700}.hand{--hand-w:clamp(40px, min(7.2vw, 10.5dvh), 84px);width:100%;max-width:1000px;padding:calc(var(--hand-w) * .31 + 4px) 4px 2px;flex-direction:column;align-items:center;display:flex}.hand-row{justify-content:center;width:100%;display:flex}.hand.two .hand-row+.hand-row{margin-top:calc(var(--hand-w) * -.72)}.slot{flex:0 1 var(--hand-w);min-width:12px}.slot:last-child{flex:none}.hand .card:disabled{cursor:default;opacity:1;color:var(--cream)}.card.playable{cursor:pointer;box-shadow:var(--ring), 0 0 0 4px var(--yellow), 0 0 8px 3px #f2b1348c}.card.k-y.playable{box-shadow:var(--ring), 0 0 0 4px var(--cream), 0 0 8px 3px #fff4dc80}.hand:has(.picked) .card.playable:not(.picked){box-shadow:var(--ring), var(--drop);filter:brightness(.9)}@media (hover:hover){.card.playable:not(.picked):hover{transform:translateY(-8%)}}.card.dim{filter:brightness(.45)saturate(.35)}.card.picked{z-index:3;box-shadow:var(--ring), 0 0 0 5px var(--yellow), 0 0 0 7px var(--ink), 0 12px 16px #00000080;transform:translateY(-18%)rotate(-2deg)}.giving .card{cursor:pointer}.actions{gap:12px;padding-top:4px;display:flex}.spectating{text-align:center;padding:12px 16px max(12px, env(safe-area-inset-bottom,0px));background:var(--bg-2);margin:0}.topbar{z-index:20;position:relative}.spect-panel{top:calc(100% + 12px);left:max(16px, env(safe-area-inset-left,0px));right:max(16px, env(safe-area-inset-right,0px));z-index:30;background:var(--ink);border:2px solid var(--yellow);border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px;width:fit-content;margin-inline:auto;padding:10px 12px;font-size:14px;display:flex;position:absolute;box-shadow:0 8px 20px #00000080}.spect-panel select{padding:3px 8px;font-size:16px}.overlay{overscroll-behavior:contain;z-index:40;padding:max(36px, env(safe-area-inset-top,0px)) max(36px, env(safe-area-inset-right,0px)) max(36px, env(safe-area-inset-bottom,0px)) max(36px, env(safe-area-inset-left,0px));background:#1e1008b8;animation:.2s fade;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes fade{0%{opacity:0}}.scoreboard{background:var(--grain), var(--cream);width:min(980px,100%);color:var(--ink);box-shadow:0 0 0 6px var(--ink), 0 0 0 14px var(--orange), 0 0 0 22px var(--yellow), 0 0 0 28px var(--ink);border-radius:26px;flex-direction:column;gap:10px;margin:auto;padding:22px clamp(12px,3vw,28px);display:flex}.striped{text-align:center;justify-content:center;align-items:center;gap:18px;font-size:clamp(36px,6vw,64px);font-weight:700;line-height:1;display:flex}.striped:before,.striped:after{content:"";background:linear-gradient(var(--yellow) 0 40%, transparent 40% 60%, var(--orange) 60%);border-radius:99px;flex:0 180px;height:16px}.sub{text-align:center;opacity:.7;margin:-4px 0 0;font-weight:500}.score-scroll{min-height:0;overflow:auto}.scoreboard table{border-collapse:separate;border-spacing:0 6px;font-variant-numeric:tabular-nums;width:100%}.scoreboard th{text-align:left;background:var(--cream-2);white-space:nowrap;padding:6px 12px;font-size:15px;font-weight:600}.scoreboard td:nth-child(2){white-space:nowrap}.scoreboard th:first-child{border-radius:12px 0 0 12px}.scoreboard th:last-child{border-radius:0 12px 12px 0}.scoreboard td{background:var(--cream-row);border-block:2px solid var(--line);vertical-align:middle;padding:6px 12px;font-weight:500}.scoreboard td:first-child{border-left:2px solid var(--line);border-radius:12px 0 0 12px}.scoreboard td:last-child{border-right:2px solid var(--line);border-radius:0 12px 12px 0}.scoreboard tr.win td{border-color:var(--orange);background:#f6c64f}.scoreboard .ncol{text-align:right}.scoreboard td.ncol{font-size:24px;font-weight:700}.scoreboard td.total{font-size:26px}.scoreboard td.pos{color:#2c7a37}.scoreboard td.neg{color:var(--rust)}.scoreboard .who{flex-wrap:nowrap;align-items:center;gap:8px;min-width:0;display:flex}.scoreboard .nmcol{flex-direction:column;align-items:flex-start;gap:2px;min-width:0;display:flex}.scoreboard .nmcol b{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.scoreboard.cards .nmcol{flex-direction:row;align-items:center;gap:6px}.minis .more{white-space:nowrap;align-self:center;margin-left:4px;font-size:12px;font-weight:700;flex:none!important}.scoreboard.cards .minis>span:has(+.more){flex:none}.scoreboard.cards .minis .more{margin-left:2px;font-size:11px}.scoreboard.cards .minis>span{min-width:5px}.scoreboard .who b{font-size:19px}.scoreboard .rank{text-align:right;font-variant-numeric:tabular-nums;opacity:.75;min-width:1.4em;font-size:17px;font-weight:700}.badge{background:var(--rust);color:#fff;border-radius:99px;padding:1px 10px;font-size:13px;font-weight:600}.ready{color:#2c8a3c;font-weight:700}.dot{background:var(--c2);border:2px solid var(--ink);vertical-align:-3px;border-radius:50%;width:18px;height:18px;margin-right:6px;display:inline-block}.minis{flex-wrap:wrap;gap:4px;display:flex}.minis .card.xs{--w:26px}.muted{opacity:.65}.score-foot{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;padding-top:4px;display:flex}.score-foot .ring{width:40px;height:40px}.score-foot .ring svg{width:100%;height:100%;inset:0}.score-foot .ring .secs{color:var(--ink);background:0 0;border:0;position:static}.score-foot .ring .track{stroke:var(--line)}@media (width<=640px){.logo{white-space:nowrap;font-size:18px}.topbar{border-bottom-width:8px;gap:8px;padding-bottom:6px}.topbar .info{white-space:nowrap;flex-wrap:nowrap;gap:8px;font-size:13px}.topbar .btn{padding:3px 12px;font-size:14px}.nm{max-width:6.5em}.felt{box-shadow:inset 0 0 30px #5a2d0559, 0 0 0 6px var(--yellow), 0 0 0 11px var(--orange), 0 0 0 15px var(--bg), 0 0 0 19px var(--rust);inset:6% 4% 5%}.opp .avatar{width:34px;height:34px;font-size:16px}.tablewrap{--turn-scale:1;--oh:58px;--ov:32px}.opp .backs{padding:0;position:absolute;top:7px;left:calc(50% + 15px)}.opp .backs .card{display:none}.opp .count{min-width:20px;height:20px;font-size:12px;position:static}.opp .flags{position:absolute;top:100%}.log{width:max(96px, calc(100% - 4 * var(--oh) - 12px))}.log .entries div{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.me-bar b{text-overflow:ellipsis;white-space:nowrap;max-width:7.5em;overflow:hidden}.tagline{gap:4px;padding-left:8px;font-size:13px}.pts{padding:0 6px}.pile{gap:12px}.dir{width:30px;height:30px}.me{border-top-width:8px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"bar act""status status""hand hand";gap:2px 8px;padding-top:6px}.me-bar{grid-area:bar;justify-content:flex-start;justify-self:start;gap:4px 8px;font-size:15px}.me-bar .avatar{width:34px;height:34px;font-size:16px}.secret{font-size:12px}.status{grid-area:status;font-size:14px}.hand{--hand-w:min(54px, 13.5vw);padding-top:calc(var(--hand-w) * .31 + 2px);grid-area:hand}.actions{grid-area:act;align-self:center;padding:0}.actions .btn{padding:6px 14px}.logo.big{font-size:52px}}@media (width>=641px) and (height<=860px){.tablewrap{--ov:44px}.opp .backs{padding:0;position:absolute;top:-6px;left:calc(50% + 10px)}.opp .backs .card{display:none}.opp .count{position:static}.opp .flags{position:absolute;top:100%}}@media (orientation:landscape) and (height<=560px){:root{--pile-w:clamp(40px, 13dvh, 70px)}.tablewrap{--turn-scale:1;--oh:78px;--ov:20px}.topbar{padding-top:max(4px, env(safe-area-inset-top,0px));border-bottom-width:6px;padding-bottom:4px}.logo{text-shadow:2px 2px 0 var(--orange), 3px 3px 0 var(--ink);font-size:17px}.topbar .info{gap:10px;font-size:13px}.screen.game:has(.hand.two) .log{display:none}.topbar .btn{border-width:2px;padding:2px 12px;font-size:14px}.felt{box-shadow:inset 0 0 24px #5a2d0559, 0 0 0 5px var(--yellow), 0 0 0 9px var(--orange), 0 0 0 12px var(--bg), 0 0 0 15px var(--rust);inset:8% 3% 6%}.opp{grid-template-columns:auto minmax(0,auto);place-items:center start;gap:2px 6px}.opp>:first-child{grid-row:span 2}.opp .avatar{width:30px;height:30px;box-shadow:0 0 0 2px var(--ink);border-width:2px;font-size:15px}.opp .backs{padding:0;position:static}.opp .backs .card{display:none}.opp .count{min-width:20px;height:20px;font-size:12px;position:static}.opp .flags{position:absolute;top:100%;left:0}.tagline{border-width:1.5px;gap:4px;padding:0 2px 0 8px;font-size:13px}.nm{max-width:6em}.ring .secs{min-width:20px;height:20px;font-size:11px;bottom:-8px;left:-9px}.ring svg{width:calc(100% + 12px);height:calc(100% + 12px);inset:-6px}.pile{gap:14px}.stack{gap:3px}.under{font-size:11px}.dir{width:28px;height:28px}.pending{border-width:2px;padding:0 10px;font-size:13px;top:-24px}.log{top:calc(50% + var(--pile-w) * .7 + 16px);font-size:12px}.log .entries div:first-child:not(:last-child){display:none}.log .hint{color:var(--ink);font-size:12px;font-weight:700;line-height:1.25;display:block}.me .status{display:none}.log:has(.hint) .entries{display:none}.me{padding-top:2px;padding-bottom:max(6px, env(safe-area-inset-bottom,0px));border-top-width:6px;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"bar hand act";align-items:end;gap:0 12px}.me-bar{grid-area:bar;justify-content:flex-start;align-self:center;gap:4px 6px;max-width:168px;font-size:14px}.me-bar .avatar{width:30px;height:30px;font-size:15px}.secret{padding:1px 8px 1px 3px;font-size:12px}.secret i{width:14px;height:14px}.status{grid-area:status;min-height:1.3em;font-size:13px;line-height:1.3}.hand{--hand-w:clamp(34px, min(6.5vw, 13.5dvh), 62px);padding-top:calc(var(--hand-w) * .31 + 2px);grid-area:hand}.whose{box-shadow:none;border-width:2px;margin-bottom:1px;padding:0 10px 0 4px;font-size:13px}.whose i{width:11px;height:11px}.actions{flex-direction:column;grid-area:act;align-self:center;padding:0}.actions .btn{padding:6px 14px;font-size:15px}}.scoreboard.cards{gap:8px}.scoreboard.cards table,.scoreboard.cards tbody{gap:6px;display:grid}.scoreboard.cards thead{display:none}.scoreboard.cards tr{background:var(--cream-row);border:2px solid var(--line);border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"who who pts tot""col cards cards cards";align-items:center;gap:2px 8px;padding:4px 10px;display:grid}.scoreboard.cards tr.win{border-color:var(--orange);background:#f6c64f}.scoreboard.cards td,.scoreboard.cards td:first-child,.scoreboard.cards td:last-child{background:0 0;border:0;border-radius:0;padding:0}.scoreboard.cards td:first-child{grid-area:who;min-width:0}.scoreboard.cards td:nth-child(2){grid-area:col;font-size:0}.scoreboard.cards td:nth-child(2) .dot{width:16px;height:16px;margin:0}.scoreboard.cards td:nth-child(3){grid-area:cards}.scoreboard.cards td:nth-child(4){grid-area:pts}.scoreboard.cards td:nth-child(5){grid-area:tot}.scoreboard.cards td.ncol{font-size:19px}.scoreboard.cards td.total{min-width:2.4ch;font-size:21px}.scoreboard.cards td:nth-child(5):before{content:"toplam ";opacity:.6;font-size:11px;font-weight:600}.scoreboard.cards .who{flex-wrap:nowrap;min-width:0}.scoreboard.cards .who b{text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.scoreboard.cards .avatar.small{width:24px;height:24px;font-size:12px}.scoreboard.cards .minis{flex-wrap:nowrap;gap:0}.scoreboard.cards .minis>span{flex:0 1 calc(var(--mini-w,20px) + 3px);min-width:7px}.scoreboard.cards .minis>span:last-child{flex:none}.scoreboard.cards .minis .card.xs{--w:var(--mini-w,20px)}@media (width<=640px) and (orientation:portrait){.overlay{padding:max(20px, env(safe-area-inset-top,0px)) 18px max(20px, env(safe-area-inset-bottom,0px))}.scoreboard{box-shadow:0 0 0 4px var(--ink), 0 0 0 9px var(--orange), 0 0 0 13px var(--yellow), 0 0 0 17px var(--ink);border-radius:18px;padding:12px 10px}.striped{gap:10px;font-size:32px}.striped:before,.striped:after{flex-basis:44px;height:10px}.score-foot{gap:12px}.score-foot .btn.big{padding:6px 26px;font-size:18px}}@media (width<=400px) and (orientation:portrait){.scoreboard.cards .btxt{display:none}}@media (width<=640px) and (orientation:portrait) and (height<=700px){.striped{font-size:26px}.sub{display:none}.scoreboard.cards tr{padding:3px 8px}.scoreboard.cards{--mini-w:17px}.scoreboard.cards td.ncol{font-size:17px}.scoreboard.cards td.total{font-size:18px}}@media (orientation:landscape) and (height<=560px){.overlay{padding:max(12px, env(safe-area-inset-top,0px)) max(22px, env(safe-area-inset-right,0px)) max(12px, env(safe-area-inset-bottom,0px)) max(22px, env(safe-area-inset-left,0px))}.scoreboard{box-shadow:0 0 0 4px var(--ink), 0 0 0 8px var(--orange), 0 0 0 12px var(--yellow), 0 0 0 15px var(--ink);border-radius:16px;gap:6px;padding:8px 14px}.scoreboard.cards tbody{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5px 8px}.scoreboard.cards tr{grid-template-columns:minmax(0,auto) auto minmax(48px,1fr) auto auto;grid-template-areas:"who col cards pts tot";gap:0 6px;padding:3px 8px}.scoreboard.cards .rank{min-width:1.2em;font-size:13px}.scoreboard.cards{--mini-w:17px}.scoreboard.cards td:nth-child(5):before{content:none}.scoreboard.cards td.ncol{font-size:16px}.scoreboard.cards td.total{min-width:2.2ch;font-size:17px}.scoreboard.cards td:nth-child(4){min-width:2.6ch}.scoreboard.cards .who b{max-width:6.5em;font-size:14px}.scoreboard.cards .btxt{display:none}.scoreboard.cards td:nth-child(3) .muted{white-space:nowrap;font-size:12px}.scoreboard.cards td:nth-child(3){overflow:hidden}.scoreboard.cards td:nth-child(3) .muted{white-space:normal;font-size:11px;line-height:1.05;display:block}}@media (orientation:landscape) and (height<=560px) and (width<=700px){.scoreboard.cards .avatar.small{display:none}.scoreboard.cards .who b{max-width:4.6em}.scoreboard.cards .badge{display:none}.striped{font-size:24px}.striped:before,.striped:after{flex-basis:70px;height:8px}.sub{display:none}.score-foot{gap:12px;padding-top:0}.score-foot .btn.big{padding:3px 22px;font-size:16px}.score-foot .ring{width:30px;height:30px}}@media (width<=359px),(orientation:landscape) and (height<=340px){.opp .avatar{width:28px;height:28px;box-shadow:0 0 0 2px var(--ink);border-width:2px;font-size:14px}.tagline{gap:3px;padding-left:6px;font-size:12px;line-height:1.2}.pts{padding:0 5px}.nm{max-width:4.8em}.opp{gap:1px}.whose{box-shadow:none;border-width:2px;padding:0 10px 0 4px;font-size:13px}.whose i{width:11px;height:11px}}@media (orientation:portrait) and (height<=600px){.overlay{padding:max(10px, env(safe-area-inset-top,0px)) 14px max(10px, env(safe-area-inset-bottom,0px))}.scoreboard{box-shadow:0 0 0 3px var(--ink), 0 0 0 7px var(--orange), 0 0 0 10px var(--yellow), 0 0 0 13px var(--ink);gap:5px;padding:8px}.scoreboard.cards tbody{gap:4px}.scoreboard.cards tr{padding:2px 8px}.striped{font-size:22px}.score-foot .btn.big{padding:4px 22px}}@media (width>=641px) and (height>=561px) and (height<=800px){.overlay{padding-block:22px}.scoreboard{gap:6px;padding-block:14px}.striped{font-size:44px}.scoreboard table{border-spacing:0 4px}.scoreboard td{padding-block:4px}}.opp .ring .secs{inset:50% calc(100% + 2px) auto auto;transform:translateY(-50%)}.me .ring .secs{inset:-10px -12px auto auto}@media (width<=640px){.whose .pre{display:none}.whose{box-shadow:0 2px 0 var(--ink);border-width:2px;padding:1px 10px 1px 4px;font-size:14px}.whose i{width:12px;height:12px}}@media (orientation:landscape) and (height<=560px){.log .hint{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}@media (width<=389px){.logo{font-size:15px}.topbar,.topbar .info{gap:6px}.topbar .info{font-size:12px}.topbar{padding-left:max(10px, env(safe-area-inset-left,0px));padding-right:max(10px, env(safe-area-inset-right,0px))}.topbar .btn{padding:3px 9px}.topbar .long{display:none}}@media (width<=359px) and (orientation:portrait){:root{--pile-w:44px}}@media (width<=359px){.scoreboard.cards td:nth-child(5):before{content:none}.score-foot{flex-wrap:nowrap;gap:8px}.score-foot .btn.big{padding:6px 14px;font-size:15px}}@keyframes pending-in{0%{opacity:0;transform:translate(-50%)scale(.6)}}.scoreboard{animation:.3s cubic-bezier(.34,1.56,.64,1) pop}.scoreboard tbody tr{animation:.3s ease-out both row-in;animation-delay:calc(var(--i,0) * 60ms)}@keyframes row-in{0%{opacity:0;transform:translateY(10px)}}@media (width>=1200px) and (height>=720px){:root{--pile-w:clamp(44px, min(9vw, 13dvh), 120px)}.pile{gap:32px}.log{font-size:16px}.under{font-size:14px}}.quick-timer{justify-content:center;align-items:baseline;gap:10px;padding:6px 0;font-weight:600;display:flex}.quick-timer b{font-family:var(--f-logo);color:var(--orange);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:3px 3px 0 var(--ink);font-size:48px;line-height:1}.tag.ok{color:#fff;background:#3fae52}.rules{gap:6px;margin:0;padding-left:20px;display:grid}.verified{background:var(--orange);color:#fff;vertical-align:.12em;border-radius:50%;place-items:center;width:1.1em;height:1.1em;margin-left:4px;font-size:.72em;font-weight:700;display:inline-grid}.panel.account{flex-direction:column;gap:12px;width:min(420px,100%);margin:auto;display:flex}.panel.account h2{margin:0}.panel.account form{flex-direction:column;gap:10px;display:flex}.panel.account .close{align-self:center;margin-top:4px}.stats{grid-template-columns:1fr 1fr;gap:10px;margin:0;display:grid}.stats div{background:var(--cream-2);border:2px solid var(--ink);border-radius:14px;padding:10px 12px}.stats dt{opacity:.7;font-size:13px}.stats dd{font-family:var(--f-logo);margin:0;font-size:26px}.stats small{font-family:var(--f-ui);opacity:.7;font-size:14px}.link.danger{color:var(--rust);align-self:center}.btn.danger{background:var(--rust);color:#fff}.confirm{border:2px dashed var(--rust);border-radius:14px;flex-direction:column;gap:8px;padding:12px;display:flex}.confirm p{margin:0}.link:disabled{opacity:.5;cursor:default}