:root{--bg: #121011;--bg2: #1b1819;--card: #221e1f;--line: #3d3636;--ink: #f4efe6;--dim: #a9a09a;--vermillion: #d9432a;--gold: #e9b949;--gold2: #f8dc93;--jade: #57b896;--indigo: #2a3d8f;--seal: #c8361f;--lose: #ff6b8a;--win: #8ef0c3;--paper: #f7f2e7;--c-red: #c8361f;--c-black: #1d1a1c;--r: 18px;--safe-b: env(safe-area-inset-bottom, 0px);--cw: clamp(84px, min(30vw, 17vh), 128px);--logo: "Dela Gothic One", "Hiragino Sans", sans-serif;--display: "Zen Kaku Gothic New", "Hiragino Sans", "Noto Sans JP", sans-serif;--body: "Zen Kaku Gothic New", "Hiragino Sans", "Noto Sans JP", system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--ink);font:16px/1.6 var(--body);-webkit-font-smoothing:antialiased;overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer}.wrap{max-width:480px;margin:0 auto;padding:16px 16px calc(24px + var(--safe-b));min-height:100%}.screen{display:none}.screen.on{display:block;animation:fade .35s ease}@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:14px 26px;font-weight:800;font-size:17px;background:var(--vermillion);color:#fff;box-shadow:0 5px 0 #7d2111;transition:transform .08s,box-shadow .08s}.btn:active{transform:translateY(4px);box-shadow:0 1px 0 #7d2111}.btn:disabled{filter:grayscale(.6) brightness(.7)}.btn.big{width:100%;padding:17px;font-size:21px;font-family:var(--body);font-weight:900;letter-spacing:.2em}.btn.ghost{background:transparent;color:var(--ink);box-shadow:none;border:1.5px solid var(--line);padding:10px 18px;font-size:15px}.btn.gold{background:var(--gold);color:#2a1a00;box-shadow:0 5px 0 #8a6000}.btn.gold:active{box-shadow:0 1px 0 #8a6000}.icon-btn{width:42px;height:42px;border-radius:12px;border:1.5px solid var(--line);background:var(--bg2);display:grid;place-items:center;color:var(--ink)}.ic{width:22px;height:22px;display:block}.mini .ic{width:18px;height:18px;margin:auto}.word-btn{position:relative;white-space:nowrap;flex-shrink:0;min-width:42px;height:42px;padding:0 10px;border-radius:12px;border:1.5px solid var(--line);background:var(--bg2);font-weight:900;font-size:15px;color:var(--ink)}.word-btn[aria-pressed=false]{color:var(--dim);border-style:dashed}.word-btn[aria-pressed=false]::after{content:"";position:absolute;left:9px;right:9px;top:50%;height:2px;background:var(--vermillion);transform:rotate(-35deg);border-radius:1px}.title{text-align:center;padding-top:max(28px,6vh)}.logo{font-family:var(--logo);font-size:clamp(44px,14vw,66px);line-height:1.05;margin:0;letter-spacing:.02em;color:var(--ink);text-shadow:4px 4px 0 var(--seal)}.logo span{display:block;font-size:.42em;letter-spacing:.5em;margin:4px 0 2px .5em;color:var(--gold);text-shadow:none}.tagline{color:var(--dim);margin:10px 0 0;letter-spacing:.2em;font-size:13px}.title-cards{position:relative;height:calc(var(--cw) * 1.4 + 40px);margin:22px auto 16px;display:flex;justify-content:center;align-items:center;gap:18px;cursor:pointer;touch-action:manipulation}.title-cards .pcard:first-child{transform:rotate(-7deg)}.title-cards .flipper{transform:rotate(6deg)}.flipper{position:relative;width:var(--cw);height:calc(var(--cw) * 1.4);perspective:900px}.flipper .in{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.3,.7,.3,1)}.flipper.turned .in{transform:rotateY(180deg)}.flipper .cardback,.flipper .face,.flipper .face .pcard{position:absolute;inset:0;width:100%;height:100%;border-radius:calc(var(--cw) * .09)}.flipper .cardback,.flipper .face{backface-visibility:hidden;-webkit-backface-visibility:hidden}.flipper .cardback{box-shadow:inset 0 0 0 3px #23347a,inset 0 0 0 4.5px rgba(247,242,231,.5),0 calc(var(--cw) * .035) 0 rgba(0,0,0,.45)}.flipper .face{transform:rotateY(180deg)}.title .actions{display:grid;gap:12px;margin-top:8px}.foot{text-align:center;color:var(--dim);font-size:12px;margin-top:22px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px;margin-top:14px}.card h2{margin:0 0 10px;font-family:var(--body);font-weight:900;font-size:19px;letter-spacing:.06em;color:var(--gold)}#ruleSummary b{display:block;color:var(--ink);font-size:13px;margin-bottom:2px}.sec{margin:22px 4px -4px;font-size:13px;font-weight:900;color:var(--dim);letter-spacing:.08em}details.fold>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 10px}details.fold>summary::-webkit-details-marker{display:none}details.fold>summary h2{margin:0}details.fold>summary small{grid-column:1;color:var(--dim);font-size:12.5px}details.fold>summary::after{content:"";grid-column:2;grid-row:1 / span 2;width:10px;height:10px;border-right:2.4px solid var(--dim);border-bottom:2.4px solid var(--dim);transform:rotate(45deg);margin:-4px 6px 0 0;transition:transform .2s}details.fold[open]>summary::after{transform:rotate(-135deg);margin-top:6px}details.fold[open]>summary{margin-bottom:12px}.play-bar{position:sticky;bottom:0;margin:16px -16px 0;padding:12px 16px calc(12px + var(--safe-b));background:linear-gradient(to top,var(--bg) 70%,rgba(18,16,17,0));z-index:5;display:flex;gap:10px}.play-bar .btn{flex:1}.play-bar #resume2{padding:17px 10px;font-size:19px;letter-spacing:.12em}.row{display:flex;align-items:center;gap:8px}.grow{flex:1}.players{list-style:none;margin:0;padding:0;display:grid;gap:8px}.players li{display:grid;grid-template-columns:28px 1fr auto auto;gap:6px;align-items:center}.players .no{color:var(--dim);font-size:13px;text-align:center}.players input{width:100%;font:inherit;font-size:16px;padding:10px 12px;border-radius:12px;border:1.5px solid var(--line);background:var(--bg2);color:var(--ink)}.players input:focus{outline:none;border-color:var(--gold)}.mini{width:36px;height:40px;border-radius:10px;border:1px solid var(--line);background:var(--bg2);color:var(--dim);font-size:15px}.seg{display:grid;grid-template-columns:1fr 1fr;background:var(--bg2);border:1.5px solid var(--line);border-radius:999px;padding:4px}.seg.n3{grid-template-columns:repeat(3,1fr)}.seg.n4{grid-template-columns:repeat(4,1fr)}.seg button{border:0;background:transparent;border-radius:999px;padding:10px;font-weight:800;font-size:14px;line-height:1.3;color:var(--dim)}.seg button[aria-pressed=true]{background:var(--gold);color:#2a1a00}.seg button:disabled{opacity:.3;cursor:not-allowed}.hint{color:var(--dim);font-size:13px;margin:8px 0 0}.toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px dashed var(--line)}.toggle:first-of-type{border-top:0}.sw{width:52px;height:30px;border-radius:999px;border:0;background:var(--line);position:relative;flex:none}.sw::after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;transition:left .15s}.sw[aria-checked=true]{background:var(--jade)}.sw[aria-checked=true]::after{left:25px}.wrapgap{flex-wrap:wrap;gap:8px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips.col{flex-direction:column}.chip{position:relative;border:1.5px solid var(--line);background:var(--bg2);border-radius:999px;padding:9px 16px;font-weight:800;font-size:15px;color:var(--ink)}.chip.on{background:var(--gold);border-color:var(--gold);color:#2a1a00}.chip .x{margin-left:8px;color:inherit;opacity:.6;font-weight:900}.opt{display:grid;gap:8px;padding:12px 0;border-top:1px dashed var(--line)}.opt:first-child{border-top:0;padding-top:2px}.opt.off .opt-h b{color:var(--dim)}.opt.off .why{color:#e0a090}.opt.off .seg{opacity:.4;filter:grayscale(.6)}.opt-h b{font-weight:800}.opt-h small{display:block;color:var(--dim);font-size:12.5px;line-height:1.5}.txt{width:100%;font:inherit;font-size:17px;padding:12px 14px;border-radius:12px;border:1.5px solid var(--line);background:var(--bg2);color:var(--ink);margin-top:10px}.toggle small.hint{margin:0}.row .btn.ghost{flex:none;white-space:nowrap}.bar{display:flex;align-items:center;gap:8px}.badge{font-size:12px;font-weight:800;padding:4px 10px;border-radius:999px;background:var(--bg2);border:1px solid var(--line);color:var(--dim);white-space:nowrap}.badge.rate{background:var(--vermillion);color:#fff;border-color:var(--vermillion);animation:dpop2 1.4s ease-in-out infinite alternate}@media(max-width:360px){.bar{gap:5px}.bar .badge{font-size:11px;padding:4px 7px}.bar .word-btn{padding:0 8px}}.board{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:10px 6px}.board li{position:relative;min-width:0;padding:6px 6px 5px;border-radius:12px;background:var(--bg2);border:1.5px solid var(--line);text-align:center;line-height:1.2;transition:transform .15s}.board li b{display:block;font-size:12px;font-weight:800;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.board li .v{font-family:var(--body);font-weight:900;font-size:19px}.board li.now{background:var(--ink);border-color:var(--ink);color:#1a1414;transform:scale(1.06)}.board li.now b{color:#5b514c}.board li.lead{border-color:var(--gold)}.board li.lead .v{color:var(--gold2)}.board li.now.lead .v{color:#1a1414}.board li .d{position:absolute;right:6px;top:-10px;font-family:var(--display);font-weight:900;font-size:14px;color:var(--lose);animation:dpop 2.2s ease forwards}@keyframes dpop{0%{opacity:0;transform:translateY(8px) scale(.6)}15%{opacity:1;transform:translateY(-2px) scale(1.15)}80%{opacity:1}100%{opacity:0;transform:translateY(-10px)}}@keyframes dpop2{from{transform:scale(1)}to{transform:scale(1.08)}}.turn{text-align:center;margin:12px 0 0;min-height:46px;font-family:var(--display);font-weight:900;font-size:32px;line-height:1.3;color:var(--ink)}.turn small{font-family:var(--body);font-weight:800;font-size:16px;margin-left:4px}.turn.pop{animation:turnpop .45s cubic-bezier(.2,1.4,.4,1)}@keyframes turnpop{from{transform:scale(.7);opacity:0}to{transform:none;opacity:1}}.table{position:relative;margin-top:6px}.row-strip{list-style:none;margin:0;padding:2px 0 6px;display:flex;justify-content:center;align-items:center;gap:0;min-height:40px;overflow:hidden}.row-strip li{margin-left:-8px}.row-strip li:first-child{margin-left:0}.row-strip .count{margin-left:10px;font-size:12px;font-weight:900;color:var(--dim);white-space:nowrap}.lay{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.slot.base{grid-column:2;position:relative;width:var(--cw);height:calc(var(--cw) * 1.4)}.slot.deck{grid-column:3;justify-self:center;position:relative;width:calc(var(--cw) * .62);height:calc(var(--cw) * .62 * 1.4);padding:0;border:0;background:none;border-radius:9px;touch-action:manipulation}.slot.deck .cardback{position:absolute;inset:0;border-radius:9px;box-shadow:3px 3px 0 #0a0809,6px 6px 0 rgba(10,8,9,.6)}.slot.deck small{position:absolute;left:0;right:0;top:100%;margin-top:8px;font-size:12px;font-weight:900;color:var(--dim);white-space:nowrap}.slot.deck:disabled{cursor:default}.slot.deck.empty .cardback{opacity:.15;box-shadow:none}.pcard{--w: var(--cw);position:relative;width:var(--w);height:calc(var(--w) * 1.4);flex:none;border-radius:calc(var(--w) * .09);background:var(--paper);box-shadow:inset 0 0 0 1px #d8cfbf,0 calc(var(--w) * .035) 0 rgba(0,0,0,.45);color:var(--c-black);overflow:hidden;-webkit-user-select:none;user-select:none}.pcard.red{color:var(--c-red)}.pcard .cor{position:absolute;display:grid;justify-items:center;line-height:1;font-family:var(--body);font-weight:900;font-size:calc(var(--w) * .17);letter-spacing:-.04em}.pcard .cor svg{width:calc(var(--w) * .13);height:calc(var(--w) * .13);margin-top:calc(var(--w) * .02)}.pcard .cor.tl{left:calc(var(--w) * .07);top:calc(var(--w) * .07)}.pcard .cor.br{right:calc(var(--w) * .07);bottom:calc(var(--w) * .07);transform:rotate(180deg)}.pcard .mid{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:calc(var(--w) * .02)}.pcard .mid b{font-family:var(--display);font-weight:900;font-size:calc(var(--w) * .46);line-height:1;letter-spacing:-.05em}.pcard .mid svg{width:calc(var(--w) * .3);height:calc(var(--w) * .3)}.pcard.joker{color:var(--indigo)}.pcard.joker .mid b{font-size:calc(var(--w) * .16);writing-mode:vertical-rl;text-orientation:upright;letter-spacing:-.08em;color:var(--vermillion)}.pcard.joker .mid svg{color:var(--gold);width:calc(var(--w) * .26);height:calc(var(--w) * .26)}.pcard.sm{--w: 30px;border-radius:4px;box-shadow:inset 0 0 0 1px #d8cfbf,0 2px 0 rgba(0,0,0,.5)}.pcard.sm .cor.br,.pcard.sm .mid svg{display:none}.pcard.sm .mid b{font-size:15px;letter-spacing:-.06em}.pcard.sm .cor.tl{left:3px;top:2px;font-size:0}.pcard.sm .cor svg{width:8px;height:8px;margin:0}.pcard.xs{--w: 22px;border-radius:3px;box-shadow:inset 0 0 0 1px #d8cfbf;display:inline-block;vertical-align:-9px}.pcard.xs .cor,.pcard.xs .mid svg{display:none}.pcard.xs .mid b{font-size:12px;letter-spacing:-.08em}.pcard.joker.sm .mid b,.pcard.joker.xs .mid b{display:none}.pcard.joker.sm .mid svg,.pcard.joker.xs .mid svg{display:block;width:70%;height:auto}.cardback{display:block;background-color:#23347a;border:3px solid var(--paper);background-image:repeating-linear-gradient(45deg,rgba(247,242,231,.22) 0 1.5px,transparent 1.5px 9px),repeating-linear-gradient(-45deg,rgba(247,242,231,.22) 0 1.5px,transparent 1.5px 9px);box-shadow:inset 0 0 0 3px #23347a,inset 0 0 0 4.5px rgba(247,242,231,.5)}.flyer{position:fixed;z-index:30;pointer-events:none;perspective:900px}.flyer .in{position:absolute;inset:0;transform-style:preserve-3d}.flyer .pcard,.flyer .cardback{position:absolute;inset:0;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:calc(var(--cw) * .09)}.flyer .pcard{transform:rotateY(180deg)}.slot.base .pcard{position:absolute;inset:0}.slot.base .pcard.land{animation:land .32s ease-out}@keyframes land{0%{transform:scale(1.06)}100%{transform:none}}.slot.base .pcard.hit{box-shadow:inset 0 0 0 1px #d8cfbf,0 0 0 4px var(--jade),0 calc(var(--cw) * .035) 0 rgba(0,0,0,.45)}.slot.base .pcard.miss{box-shadow:inset 0 0 0 1px #d8cfbf,0 0 0 4px var(--lose),0 calc(var(--cw) * .035) 0 rgba(0,0,0,.45)}.pick{margin-top:14px;display:grid;gap:8px}.pick-note{margin:0;text-align:center;font-size:13px;font-weight:800;color:var(--dim);min-height:1.4em}.pick-note b{color:var(--gold2)}.colorseg button{display:inline-flex;align-items:center;justify-content:center;gap:3px;padding:8px 6px}.colorseg button svg{width:14px;height:14px}.colorseg button[data-c=red] svg{color:var(--c-red)}.colorseg button[data-c=black][aria-pressed=true]{background:#f4efe6;color:var(--c-black)}.colorseg button[data-c=red][aria-pressed=true]{background:var(--c-red);color:#fff}.colorseg button[data-c=red][aria-pressed=true] svg{color:#fff}.suitrow{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.suitrow button{display:flex;align-items:center;justify-content:center;gap:4px;padding:7px 4px;border-radius:12px;border:1.5px solid var(--line);background:var(--bg2);color:var(--ink)}.suitrow button svg{width:18px;height:18px}.suitrow button.red svg{color:#ff8f7c}.suitrow button small{font-size:12px;font-weight:900;color:var(--dim)}.suitrow button[aria-pressed=true]{background:#f4efe6;border-color:#f4efe6;color:var(--c-black)}.suitrow button.red[aria-pressed=true] svg{color:var(--c-red)}.suitrow button[aria-pressed=true] small{color:#5b514c}.hl{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hl button{display:flex;align-items:center;justify-content:center;gap:6px;padding:14px 8px;border-radius:18px;border:2px solid var(--line);background:var(--bg2);font-family:var(--body);font-weight:900;font-size:22px;letter-spacing:.1em;color:var(--ink);white-space:nowrap;transition:transform .08s}.hl button svg.ic{width:26px;height:26px}.hl button small{font-size:12px;letter-spacing:0;color:var(--dim);font-weight:800}.hl button:active{transform:scale(.97)}.hl button[aria-pressed=true]{background:var(--ink);color:#1a1414;border-color:var(--ink)}.hl button[aria-pressed=true] small{color:#5b514c}.hl button.c-black[aria-pressed=true]{background:#f4efe6;color:var(--c-black)}.hl button.c-red{color:#ff8f7c}.hl button.c-red[aria-pressed=true]{background:var(--c-red);border-color:var(--c-red);color:#fff}.hl button .suits{display:inline-flex}.hl button .suits svg{width:18px;height:18px}.hl:has(button:disabled){opacity:.45}.msg{text-align:center;min-height:28px;margin:8px 0 0;font-weight:800;font-size:16px}.msg .lose{color:var(--lose)}.msg .up{color:var(--gold2)}.flip-area{margin-top:8px}#game.locked .pick,#game.locked .flip-area{pointer-events:none}.callout{position:fixed;left:50%;top:40%;transform:translate(-50%,-50%) scale(.6);opacity:0;pointer-events:none;z-index:31;text-align:center;font-family:var(--display);font-weight:900;font-size:clamp(40px,13vw,66px);white-space:nowrap;color:#fff;text-shadow:0 4px 0 #000,0 0 24px rgba(0,0,0,.7)}.callout small{display:block;margin-top:4px;font-family:var(--body);font-size:22px;letter-spacing:.04em;color:var(--ink);text-shadow:0 2px 8px #000}.callout.show{animation:callout 1.5s cubic-bezier(.2,1.4,.4,1) forwards}.callout.k-hit{color:#c8fff0;text-shadow:0 4px 0 #004a37,0 0 30px var(--jade)}.callout.k-rate{color:var(--gold2);text-shadow:0 4px 0 #6b3a00,0 0 36px var(--gold)}.callout.k-miss,.callout.k-joker{color:#ffd0c4;text-shadow:0 4px 0 #6b1300,0 0 32px var(--vermillion)}.callout.k-redo{color:#e7e0f3}@keyframes callout{0%{opacity:0;transform:translate(-50%,-50%) scale(.5) rotate(-6deg)}18%{opacity:1;transform:translate(-50%,-50%) scale(1.08) rotate(-3deg)}30%{transform:translate(-50%,-50%) scale(1) rotate(-3deg)}80%{opacity:1}100%{opacity:0;transform:translate(-50%,-60%) scale(1) rotate(-3deg)}}.scrim{position:fixed;inset:0;z-index:34;background:rgba(0,0,0,.45)}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:35;max-height:88vh;overflow:auto;background:var(--card);border-top:1px solid var(--line);border-radius:22px 22px 0 0;padding:18px 18px calc(18px + var(--safe-b));box-shadow:0 -20px 60px rgba(0,0,0,.6);transform:translateY(105%);transition:transform .35s cubic-bezier(.2,.9,.3,1)}.sheet.on{transform:none}.sheet .inner{max-width:480px;margin:0 auto}.sheet h3{margin:0;text-align:center;font-family:var(--display);font-weight:900;font-size:28px;line-height:1.3}.sheet h3.gold{color:var(--gold)}.sheet h4{margin:18px 0 8px;font-size:15px;color:var(--gold)}.sheet p{margin:8px 0}.sheet .sub{text-align:center;color:var(--dim);margin:4px 0 12px;font-weight:700}.sheet .acts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.sheet .acts .btn.big{grid-column:1 / -1}.log{list-style:none;margin:0;padding:0;display:grid;gap:4px;font-size:14px}.log li{display:grid;grid-template-columns:2.2em 1fr auto;gap:8px;align-items:center;padding:6px 10px;border-radius:10px;background:var(--bg2)}.log li .no{color:var(--dim);font-size:12px}.log li .who b{font-weight:900}.log li .who small{color:var(--dim);font-weight:700}.log li .pt{font-weight:900}.log li.miss .pt{color:var(--lose)}.log li.hit .pt{color:var(--win)}.log li .pt.up{color:var(--gold2)}.stats{list-style:none;margin:0;padding:0;display:grid;gap:6px}.stats li{display:grid;grid-template-columns:minmax(4.5em,auto) 1fr;gap:4px 10px;align-items:center;padding:8px 12px;border-radius:10px;background:var(--bg2)}.stats b{font-weight:800;word-break:break-all}.stats span{display:flex;flex-wrap:wrap;gap:4px 6px;justify-content:flex-end}.stats em{font-style:normal;font-size:13px;font-weight:800;padding:1px 8px;border-radius:999px;border:1px solid var(--line);white-space:nowrap}.stats em.good{border-color:rgba(87,184,150,.6);color:var(--win)}.stats em.bad{border-color:rgba(255,107,138,.45);color:#ffb3c2}.stats em.dbl{border-color:rgba(233,185,73,.6);color:var(--gold2)}.chart{width:100%;height:auto;margin-top:8px;background:var(--bg2);border-radius:12px}.legend{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:13px;margin-top:6px}.legend i{display:inline-block;width:12px;height:4px;border-radius:2px;margin-right:4px;vertical-align:3px}.chart-wrap{position:relative}.chart-wrap svg{touch-action:none}.tip{position:absolute;top:6px;width:150px;padding:8px 10px;border-radius:10px;background:#2a2526;border:1px solid var(--line);font-size:12px;line-height:1.5;pointer-events:none;box-shadow:0 6px 18px rgba(0,0,0,.4)}.tip b{display:block;font-size:12px;color:var(--dim);margin-bottom:2px}.tip span{display:flex;align-items:center;gap:6px}.tip span i{width:10px;height:3px;border-radius:2px;flex:none}.tip em{margin-left:auto;font-style:normal;font-weight:800}.rank{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}.rank li{display:grid;grid-template-columns:3em 1fr auto;align-items:center;gap:8px;padding:12px 14px;border-radius:14px;background:var(--bg2);border:1px solid var(--line)}.rank li.first{border-color:var(--gold)}.rank li.last{border-color:rgba(255,107,138,.5)}.rank .pl{justify-self:center;display:grid;place-items:center;width:2.3em;height:2.3em;border-radius:4px;font-family:var(--display);font-weight:900;font-size:16px;line-height:1;border:1.5px solid var(--line);color:var(--dim)}.rank .pl small{font-family:var(--body);font-size:9px;font-weight:900}.rank .pl.p1{background:var(--seal);border-color:var(--seal);color:#fbf3e6;box-shadow:inset 0 0 0 2px var(--seal),inset 0 0 0 3.2px #fbf3e6;transform:rotate(-5deg)}.rank .pl.p2,.rank .pl.p3{border-color:var(--seal);color:#f1a596}.rank .pt{font-family:var(--body);font-weight:900;font-size:20px}.howto-cards{display:flex;gap:6px;align-items:center;justify-content:center;margin:10px 0}.howto-cards span{font-weight:900;color:var(--dim)}.toast{position:fixed;left:50%;bottom:calc(24px + var(--safe-b));transform:translate(-50%,20px);opacity:0;z-index:50;pointer-events:none;background:#fff;color:#111;font-weight:800;padding:10px 18px;border-radius:999px;box-shadow:0 10px 30px rgba(0,0,0,.4);width:max-content;max-width:90vw;text-align:center}.toast.on{animation:toast 2.6s ease forwards}@keyframes toast{0%{opacity:0;transform:translate(-50%,20px)}12%,85%{opacity:1;transform:translate(-50%,0)}100%{opacity:0;transform:translate(-50%,10px)}}.conf{position:fixed;top:-12px;width:9px;height:14px;z-index:45;pointer-events:none;animation:fall 2.4s linear forwards}@keyframes fall{to{top:105vh;transform:rotate(720deg) translateX(40px)}}@media(max-height:700px){.wrap{padding-top:10px}.board{margin-top:10px;gap:8px 6px}.board li{padding:4px 6px 3px}.board li .v{font-size:17px}.turn{margin-top:6px;min-height:38px;font-size:26px}.row-strip{min-height:34px;padding-bottom:4px}.pcard.sm{--w: 24px}.pcard.sm .mid b{font-size:12px}.pick{margin-top:8px;gap:6px}.hl button{padding:10px 8px;font-size:20px}.colorseg button{padding:6px}.msg{margin-top:4px;min-height:24px}.flip-area{margin-top:4px}.btn.big{padding:14px}}@media(prefers-reduced-motion:reduce){.screen.on,.callout.show,.badge.rate,.turn.pop,.slot.base .pcard.land{animation:none!important}.callout.show{opacity:1;transform:translate(-50%,-50%)}}