:root{--plum: #2b0b3f;--plum-deep: #1b0629;--grape: #451367;--grape-lit: #59197f;--magenta: #ff2d87;--tangerine: #ff7a1a;--mustard: #ffc530;--turquoise: #16e0c0;--cream: #fff1d6;--cream-dim: #d8bfa8;--board-hi: #ffce4a;--board-lo: #eda52c;--koma-hi: #fff8e8;--koma-lo: #ffdfae;--ink: #2b0b3f;--ink-pro: #d81570;--grid: rgba(43, 11, 63, .42);--display: "Arial Black", "Arial Bold", "Helvetica Neue", Impact, sans-serif;--body: "Hiragino Sans", "Noto Sans JP", system-ui, -apple-system, "Segoe UI", sans-serif;--koma: "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;--radius: 12px;--topbar-h: 52px}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--plum-deep);color:var(--cream);font-family:var(--body);font-size:14px;font-weight:600;overflow:hidden;-webkit-tap-highlight-color:transparent;user-select:none}:focus-visible{outline:3px solid var(--turquoise);outline-offset:2px}:root{--safe-top: var(--discord-safe-area-inset-top, env(safe-area-inset-top, 0px));--safe-right: var(--discord-safe-area-inset-right, env(safe-area-inset-right, 0px));--safe-bottom: var(--discord-safe-area-inset-bottom, env(safe-area-inset-bottom, 0px));--safe-left: var(--discord-safe-area-inset-left, env(safe-area-inset-left, 0px))}.app{display:flex;flex-direction:column;height:100dvh;min-height:0;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);box-sizing:border-box}.topbar{display:flex;align-items:center;gap:12px;padding:0 12px;height:var(--topbar-h);flex:0 0 auto;background:var(--plum);border-bottom:3px solid var(--magenta);position:relative;z-index:10}.brand{display:flex;align-items:center;gap:8px;flex:0 0 auto;background:none;border:0;padding:0;cursor:pointer;font:inherit;color:inherit;border-radius:8px;transition:scale .12s ease}.brand:hover{scale:1.04}.brand:active{scale:.98}.brand-mark{width:26px;height:28px;display:grid;place-items:center;background:linear-gradient(168deg,var(--mustard),var(--tangerine));clip-path:polygon(50% 0%,86% 13%,100% 100%,0% 100%,14% 13%);color:var(--plum);font-family:var(--koma);font-size:15px;font-weight:700;line-height:1;flex:0 0 auto}.brand-mark span{transform:translateY(8%)}.brand-word{font-family:var(--display);font-size:17px;letter-spacing:-.02em;text-transform:uppercase;color:var(--cream);white-space:nowrap;text-shadow:1.5px 1.5px 0 var(--tangerine),3px 3px 0 var(--magenta)}.brand-word em{font-style:normal;font-size:.72em;color:var(--mustard);text-shadow:none;padding:0 1px}.turn-pill{flex:1 1 auto;text-align:center;font-size:12.5px;font-weight:700;letter-spacing:.01em;color:var(--cream-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.turn-pill.active{color:var(--mustard)}.turn-pill.check{color:var(--plum);background:var(--tangerine);border-radius:999px;padding:4px 14px;flex:0 1 auto;margin:0 auto}.topbar-actions{display:flex;gap:6px;flex:0 0 auto}.icon-btn{background:transparent;border:2px solid var(--grape-lit);color:var(--cream-dim);border-radius:999px;padding:5px 13px;font-size:12px;font-weight:700;font-family:inherit;cursor:pointer;transition:background .12s,color .12s,border-color .12s}.icon-btn:hover{color:var(--cream);border-color:var(--magenta)}.icon-btn.on{background:var(--magenta);border-color:var(--magenta);color:var(--plum-deep)}.icon-btn.icon-only{padding:5px 9px;font-size:13px;line-height:1}.icon-btn.off{color:var(--grape-lit);border-color:var(--grape-lit)}.stage{flex:1 1 auto;display:flex;min-height:0;gap:12px;padding:12px;position:relative;isolation:isolate;overflow:hidden}.sunburst{position:absolute;top:50%;left:50%;width:max(145vw,145vh);height:max(145vw,145vh);translate:-50% -50%;z-index:-1;pointer-events:none;background:repeating-conic-gradient(from 7deg at 50% 50%,var(--grape-lit) 0deg 7deg,transparent 7deg 15deg);mask-image:radial-gradient(circle at 50% 50%,#000 3%,rgba(0,0,0,.5) 16%,transparent 27%);animation:sunspin var(--sun-spin, 90s) linear infinite;will-change:rotate;contain:strict}.sunburst.still{animation:none;will-change:auto}@keyframes sunspin{to{rotate:360deg}}.board-area,.panel{z-index:1}.sunburst.flare{animation:sunspin var(--sun-spin, 90s) linear infinite,flare .62s cubic-bezier(.2,.9,.3,1)}@keyframes flare{0%{background:repeating-conic-gradient(from 7deg at 50% 50%,var(--tangerine) 0deg 7deg,transparent 7deg 15deg);scale:1.06}to{scale:1}}.board-area{position:relative;flex:1 1 auto;display:flex;flex-direction:column;align-items:center;gap:6px;min-height:0;min-width:0}.start-card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;width:min(340px,calc(100% - 24px));max-height:calc(100% - 12px);overflow-y:auto;display:flex;flex-direction:column;align-items:stretch;gap:9px;padding:14px 16px 16px;background:linear-gradient(178deg,var(--grape) 0%,var(--plum) 100%);border:3px solid var(--mustard);border-radius:18px;box-shadow:8px 9px 0 var(--plum-deep),0 18px 50px #00000080;text-align:center}.start-card[hidden]{display:none}.start-close{position:absolute;top:8px;right:10px;width:28px;height:28px;border-radius:50%;border:2px solid var(--grape-lit);background:var(--plum);color:var(--cream-dim);font-size:16px;line-height:1;cursor:pointer;z-index:2}.start-logo{display:block;width:min(210px,62%);margin:2px auto 0;filter:drop-shadow(4px 6px 0 rgba(27,6,41,.55));rotate:-2.5deg;transition:rotate .22s ease,scale .22s ease}.start-card:hover .start-close{position:absolute;top:8px;right:10px;width:28px;height:28px;border-radius:50%;border:2px solid var(--grape-lit);background:var(--plum);color:var(--cream-dim);font-size:16px;line-height:1;cursor:pointer;z-index:2}.start-close[hidden]{display:none}.start-close:hover{color:var(--cream);border-color:var(--mustard)}.start-logo{rotate:0deg;scale:1.03}.start-tagline{margin:0 0 2px;font-size:12px;font-weight:700;line-height:1.5;color:var(--mustard)}.start-stats{display:flex;align-items:baseline;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:2px;padding-top:10px;border-top:2px solid var(--grape-lit)}.start-stats[hidden]{display:none}.start-points{font-family:var(--display);font-size:22px;color:var(--mustard);letter-spacing:-.01em}.start-points small{font-size:11px;letter-spacing:.06em;padding-left:3px}.start-record{font-size:11px;color:var(--cream-dim)}.seg{display:flex;gap:6px}.seg-btn{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--plum);border:2px solid var(--plum-deep);color:var(--cream-dim);border-radius:10px;padding:8px 6px;font-size:12.5px;font-weight:700;font-family:inherit;cursor:pointer;transition:background .12s,color .12s,border-color .12s}.seg-btn small{font-size:10px;font-weight:600;opacity:.75}.seg-btn:hover{color:var(--cream)}.seg-btn.on{background:var(--mustard);border-color:var(--mustard);color:var(--plum-deep)}.btn.big{padding:12px;font-size:14px}.start-note{margin:0;font-size:11px;line-height:1.5;color:var(--cream-dim);min-height:1em}.board-wrap{flex:1 1 auto;min-height:0;min-width:0;width:100%;display:grid;place-items:center;overflow:hidden}.board-frame{position:relative;padding:16px 16px 4px 4px}.board{height:100%;width:100%;display:grid;background-image:repeating-linear-gradient(to right,var(--grid) 0 1px,transparent 1px var(--cell, 40px)),repeating-linear-gradient(to bottom,var(--grid) 0 1px,transparent 1px var(--cell, 40px)),linear-gradient(165deg,var(--board-hi),var(--board-lo));border:3px solid var(--plum);border-radius:2px;box-shadow:6px 7px 0 var(--magenta),12px 14px #1b06298c;overflow:hidden}.cell{position:relative;display:grid;place-items:center;cursor:default}.cell.star:after{content:"";position:absolute;right:-3px;bottom:-3px;width:6px;height:6px;border-radius:50%;background:var(--plum);z-index:1}.cell.playable{cursor:pointer}.cell:focus-visible{outline:3px solid var(--turquoise);outline-offset:-3px;z-index:4}.cell.last{box-shadow:inset 0 0 0 3px var(--magenta)}.cell.selected{background:var(--magenta);box-shadow:inset 0 0 0 3px var(--plum)}.cell .dot{position:absolute;width:30%;height:30%;border-radius:50%;background:var(--turquoise);box-shadow:0 0 0 2px #2b0b3f80;pointer-events:none;z-index:2}.cell.capture .dot{width:86%;height:86%;background:none;border:4px solid var(--turquoise);border-radius:4px;box-shadow:none}.cell.checked{background:var(--tangerine)}.cell.promoted:before{content:"";position:absolute;inset:-10%;border-radius:50%;background:radial-gradient(circle,var(--mustard),transparent 65%);z-index:1;animation:pop .52s ease-out forwards;pointer-events:none}@keyframes pop{0%{transform:scale(.4);opacity:1}to{transform:scale(1.5);opacity:0}}.piece{position:relative;width:88%;height:92%;display:grid;place-items:center;background:linear-gradient(168deg,var(--koma-hi),var(--koma-lo));clip-path:polygon(50% 0%,86% 13%,100% 100%,0% 100%,14% 13%);color:var(--ink);font-family:var(--koma);font-weight:700;line-height:1;z-index:3;filter:drop-shadow(0 0 1px var(--plum)) drop-shadow(2px 3px 0 rgba(43,11,63,.45))}.piece span{transform:translateY(4%);font-size:calc(var(--cell, 40px) * .6)}.hand-tile .piece span{font-size:19px}.piece.flip{transform:rotate(180deg)}.piece.pro{color:var(--ink-pro)}.piece .hints{position:absolute;inset:10% 4% 4%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);place-items:center;pointer-events:none}.piece .hint{width:calc(var(--cell, 40px) * .075);height:calc(var(--cell, 40px) * .075);border-radius:50%;background:none}.piece .hint.on{background:var(--ink-pro)}.piece.hinted span{font-size:calc(var(--cell, 40px) * .36);transform:translateY(4%)}.file-labels,.rank-labels{position:absolute;display:grid;color:var(--mustard);font-family:var(--display);font-size:10px;pointer-events:none;text-shadow:0 0 4px var(--plum-deep),0 1px 0 var(--plum-deep)}.file-labels{top:0;left:4px;right:16px;height:16px;grid-template-columns:repeat(9,1fr);place-items:center}.rank-labels{top:16px;bottom:4px;right:0;width:16px;grid-template-rows:repeat(9,1fr);place-items:center;font-family:var(--koma);font-size:11px}.promo-pop{position:absolute;z-index:30;display:flex;gap:5px;padding:5px;background:var(--grape);border:2px solid var(--mustard);border-radius:999px;box-shadow:4px 5px 0 var(--plum-deep);white-space:nowrap}.promo-pop[hidden]{display:none}.promo-pop .btn{padding:5px 12px;font-size:12px;box-shadow:none}.hand{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;min-height:34px;width:100%;padding:2px 4px}.hand:empty:before{content:var(--hand-empty, "持ち駒なし");color:#d8bfa88c;font-size:11px;font-weight:700}.hand-tile{position:relative;width:30px;height:32px;display:grid;place-items:center;cursor:default;border-radius:5px}.hand-tile.playable{cursor:pointer}.hand-tile.gained{animation:gained .52s cubic-bezier(.2,1.4,.4,1)}@keyframes gained{0%{transform:scale(.4) translateY(-8px)}60%{transform:scale(1.15)}to{transform:scale(1)}}.hand-tile.selected{background:var(--magenta);box-shadow:0 0 0 3px var(--plum)}.hand-tile .piece{width:82%;height:88%;transform:none}.hand-tile .count{position:absolute;right:-3px;bottom:-3px;background:var(--turquoise);color:var(--plum-deep);border-radius:999px;font-family:var(--display);font-size:10px;line-height:1;padding:2px 4px;z-index:4}.vu{display:flex;align-items:center;gap:7px;width:100%;max-width:620px;padding:0 4px;flex:0 0 auto}.vu[hidden]{display:none}.vu-label{font-family:var(--display);font-size:10px;color:var(--cream-dim);flex:0 0 auto}.vu-track{flex:1 1 auto;display:flex;gap:2px;height:10px}.vu-seg{flex:1 1 0;border-radius:1px;background:#fff1d617;transition:background .22s ease}.vu-seg.on.lo{background:var(--turquoise)}.vu-seg.on.mid{background:var(--mustard)}.vu-seg.on.hi{background:var(--tangerine)}.vu-seg.zero{background:#fff1d659}.vu-value{font-family:var(--display);font-size:10px;color:var(--cream-dim);min-width:42px;text-align:right;flex:0 0 auto;font-variant-numeric:tabular-nums}.reactions{display:flex;gap:5px;flex:0 0 auto}.react-btn{width:30px;height:30px;border-radius:50%;border:2px solid var(--grape-lit);background:var(--plum);font-size:14px;line-height:1;cursor:pointer;transition:transform 90ms ease,border-color .12s}.react-btn:hover{border-color:var(--mustard)}.react-btn:active{transform:scale(.86)}.react-stage{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:25}.react-fly{position:absolute;bottom:8%;font-size:26px;animation:fly 1.6s ease-out forwards}@keyframes fly{0%{opacity:0;translate:0 20px;scale:.6}20%{opacity:1;scale:1.15}to{opacity:0;translate:0 -190px;scale:1}}.cell.predict:after{content:"";position:absolute;inset:8%;border:3px dashed var(--turquoise);border-radius:6px;z-index:2;pointer-events:none}.cell.predict-from:after{border-style:dotted;opacity:.6}.watch-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}.watch-list li{display:flex;gap:8px;font-size:12px;padding:3px 6px;border-radius:5px;background:#1b062966}.watch-list li span:first-child{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.watch-list .score{font-family:var(--display);font-size:11px;color:var(--mustard)}.review-bar{display:flex;align-items:center;gap:8px;width:100%;max-width:620px;padding:5px 8px 5px 12px;background:var(--plum);border:2px solid var(--turquoise);border-radius:999px;flex:0 0 auto}.review-bar[hidden]{display:none}.review-pos{font-family:var(--display);font-size:11px;color:var(--turquoise);flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.review-controls{display:flex;gap:3px;flex:0 0 auto}.review-controls .btn{padding:4px 9px;font-size:12px;box-shadow:none}.review-bar .btn.primary{padding:5px 12px;font-size:11.5px}.board.reviewing{filter:saturate(.72)}.movelist li.clickable{cursor:pointer}.movelist li.clickable:hover{background:var(--grape-lit)}.movelist li.reviewing{background:var(--turquoise);color:var(--plum-deep)}.movelist li.reviewing .n{color:var(--plum-deep)}.next-bar{display:flex;align-items:center;gap:10px;width:100%;max-width:620px;padding:7px 9px 7px 14px;background:var(--grape);border:2px solid var(--mustard);border-radius:999px;flex:0 0 auto}.next-bar[hidden]{display:none}.next-text{flex:1 1 auto;font-size:12.5px;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (pointer: coarse){.hand-tile{width:38px;height:40px}.hand-tile .piece span{font-size:23px}}.player-strip{display:flex;align-items:center;gap:9px;width:100%;max-width:620px;min-height:42px;padding:5px 12px;background:var(--grape);border:2px solid var(--grape-lit);border-radius:999px;flex:0 0 auto}.player-strip.offline{border-color:var(--grape-lit);opacity:.72}.player-strip.offline .player-name{color:var(--tangerine)}.player-strip.turn{border-color:var(--mustard);background:var(--grape-lit)}.player-strip.cue{animation:cue .7s ease-out}@keyframes cue{0%{box-shadow:0 0 0 0 var(--mustard)}to{box-shadow:0 0 0 10px #ffc53000}}.turn-disc{width:17px;height:17px;border-radius:50%;flex:0 0 auto;position:relative;background:repeating-conic-gradient(from 0deg,var(--plum-deep) 0deg 5deg,var(--plum) 5deg 10deg);animation:spin 1.8s linear infinite}.turn-disc:after{content:"";position:absolute;inset:34%;border-radius:50%;background:var(--mustard);box-shadow:inset 0 0 0 1.5px var(--plum-deep)}@keyframes spin{to{transform:rotate(360deg)}}.win-count{font-family:var(--display);font-size:11px;color:var(--mustard);flex:0 0 auto}.avatar{width:28px;height:28px;border-radius:50%;background:var(--plum);color:var(--mustard);display:grid;place-items:center;font-size:12px;font-weight:700;overflow:hidden;flex:0 0 auto}.avatar img{width:100%;height:100%;object-fit:cover}.player-side{font-family:var(--koma);color:var(--cream-dim);font-size:13px;flex:0 0 auto}.side-tag{font-family:var(--display);font-size:9px;letter-spacing:.06em;color:var(--plum-deep);background:var(--mustard);border-radius:3px;padding:3px 5px 2px;flex:0 0 auto}.player-strip.turn .side-tag{background:var(--turquoise)}.player-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700}.clock{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:14px;color:var(--cream);flex:0 0 auto}.clock.byoyomi{color:var(--mustard)}.clock.low{color:var(--tangerine);animation:beat 1s steps(1,end) infinite}.clock.critical{color:var(--plum-deep);background:var(--magenta);border-radius:6px;padding:2px 7px;animation:beat-hard .5s steps(1,end) infinite}@keyframes beat{0%,55%{transform:scale(1.12)}56%,to{transform:scale(1)}}@keyframes beat-hard{0%,45%{transform:scale(1.18);filter:brightness(1.25)}46%,to{transform:scale(1);filter:none}}.player-strip.urgent{border-color:var(--tangerine)}.player-strip.critical{border-color:var(--magenta);background:#ff2d872e}.turn-disc[hidden]{display:none}.panel{flex:0 0 262px;display:flex;flex-direction:column;gap:10px;min-height:0;background:var(--grape);border:2px solid var(--plum-deep);border-radius:var(--radius);box-shadow:5px 6px 0 var(--plum-deep);padding:12px;overflow:hidden}.panel-section{display:flex;flex-direction:column;gap:9px;min-height:0;flex:1 1 auto;overflow-y:auto}.panel-section[hidden],.toast[hidden],.overlay[hidden]{display:none}.panel-title{margin:0;font-family:var(--display);font-size:12px;letter-spacing:.08em;color:var(--mustard);text-transform:uppercase;flex:0 0 auto}.movelist{list-style:none;margin:0;padding:0;flex:1 1 auto;overflow-y:auto;font-family:var(--koma);font-size:13.5px;min-height:60px}.movelist li{display:flex;gap:8px;padding:3px 7px;border-radius:4px}.movelist li:nth-child(odd){background:#1b062966}.movelist li.current{background:var(--magenta);color:var(--plum-deep)}.movelist .n{color:var(--cream-dim);font-family:var(--display);font-size:10px;min-width:26px;text-align:right;letter-spacing:.02em}.movelist .n.a{color:var(--mustard)}.movelist .n.b{color:var(--turquoise)}.movelist li.current .n{color:var(--plum-deep)}.movelist:empty:before{content:var(--moves-empty, "まだ指されていません");color:var(--cream-dim);font-size:12px;font-family:var(--body);font-weight:700}.field{display:flex;flex-direction:column;gap:6px}.field-note{margin:0;font-size:11px;line-height:1.5;color:var(--cream-dim)}.field-note:empty{display:none}.field-label{font-family:var(--display);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--mustard)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.inline{display:flex;gap:6px;flex-wrap:wrap}.inline>*{flex:1 1 0;min-width:0}.seat-buttons{display:flex;flex-direction:column;gap:6px}.select{background:var(--plum);color:var(--cream);border:2px solid var(--grape-lit);border-radius:8px;padding:6px 8px;font-size:12px;font-weight:700;font-family:inherit}.check{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--cream-dim);cursor:pointer}.check input{accent-color:var(--magenta);width:15px;height:15px}.room-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px;overflow-y:auto;min-height:0}.room-item{display:flex;flex-direction:column;gap:4px;padding:9px 10px;border-radius:10px;background:var(--plum);border:2px solid var(--plum-deep)}.room-item.here{border-color:var(--mustard)}.room-head{display:flex;align-items:center;gap:7px}.room-name{font-family:var(--display);font-size:13px;letter-spacing:.03em;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-badge{font-size:10px;font-weight:700;color:var(--plum-deep);background:var(--turquoise);border-radius:999px;padding:2px 7px;flex:0 0 auto}.room-item.here .room-badge{background:var(--mustard)}.room-who{font-size:11px;color:var(--cream-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-here{font-family:var(--display);font-size:10px;color:var(--mustard)}.room-item .btn{align-self:flex-start;padding:4px 12px;font-size:11.5px}.btn{background:var(--grape-lit);border:2px solid var(--plum-deep);color:var(--cream);border-radius:999px;padding:8px 12px;font-size:12.5px;font-weight:700;cursor:pointer;font-family:inherit;box-shadow:0 3px 0 var(--plum-deep);transition:transform 90ms,box-shadow 90ms,background .12s}.btn:hover:not(:disabled){background:#6b1f99}.btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 0 0 var(--plum-deep)}.btn:disabled{opacity:.38;cursor:not-allowed;box-shadow:none}.btn.primary{background:var(--magenta);color:var(--plum-deep);border-color:var(--plum-deep)}.btn.primary:hover:not(:disabled){background:#ff59a1}.btn.ghost{background:transparent;border-color:var(--grape-lit);color:var(--cream-dim);box-shadow:none}.btn.ghost:hover:not(:disabled){background:var(--plum);color:var(--cream)}.btn.danger{background:var(--tangerine);color:var(--plum-deep);border-color:var(--plum-deep)}.btn.danger:hover:not(:disabled){background:#ff9440}.btn.seat.mine{background:var(--mustard);color:var(--plum-deep)}.panel-footer{display:flex;gap:6px;flex:0 0 auto;border-top:2px solid var(--grape-lit);padding-top:10px}.panel-footer .btn{flex:1 1 0}.panel-row{display:flex;gap:6px;flex:0 0 auto}.panel-row .btn{flex:1 1 0}.overlay{position:fixed;inset:0;background:#1b0629c7;display:grid;place-items:center;z-index:50}.dialog{background:var(--grape);border:3px solid var(--magenta);border-radius:18px;padding:24px 22px 20px;min-width:250px;max-width:min(420px,88vw);text-align:center;box-shadow:8px 10px 0 var(--grape)}.dialog h3{margin:0 0 8px;font-size:18px;font-weight:700}.dialog p{margin:0 0 16px;color:var(--cream-dim);font-size:13px;line-height:1.6}.dialog .dialog-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.dialog .dialog-actions .btn{min-width:100px}.result-badge{font-family:var(--display);font-size:40px;line-height:1;letter-spacing:-.03em;text-transform:uppercase;margin-bottom:12px}.result-badge.win{color:var(--mustard);text-shadow:2px 2px 0 var(--tangerine),4px 4px 0 var(--magenta)}.result-badge.lose{color:var(--grape-lit)}.result-badge.draw{color:var(--turquoise)}.credits{font-family:var(--display);font-size:10px;letter-spacing:.1em;color:var(--cream-dim);margin:0 0 12px;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.credits span:after{content:" ·";color:var(--magenta);padding-left:8px}.credits span:last-child:after{content:""}.points-line{display:flex;align-items:baseline;justify-content:center;gap:10px;margin:-6px 0 14px}.points-gain{font-family:var(--display);font-size:15px;color:var(--plum-deep);background:var(--turquoise);border-radius:999px;padding:3px 10px 2px;animation:pointsPop .52s cubic-bezier(.2,1.5,.4,1)}@keyframes pointsPop{0%{scale:.4;opacity:0}60%{scale:1.15;opacity:1}to{scale:1}}.points-total{font-family:var(--display);font-size:13px;color:var(--cream-dim)}.tally{font-family:var(--display);font-size:22px;color:var(--mustard);margin:0 0 14px;letter-spacing:.04em}.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%);background:var(--mustard);color:var(--plum-deep);padding:9px 18px;border-radius:999px;font-size:12.5px;font-weight:700;z-index:60;box-shadow:0 4px 0 var(--tangerine);animation:rise .18s ease}@keyframes rise{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media (max-width: 780px){.stage{padding:8px;gap:8px}.panel{position:absolute;right:8px;left:8px;bottom:8px;top:var(--topbar-h);z-index:40;flex-basis:auto}.panel[hidden],.side-tag{display:none}.brand-word{font-size:14px}.topbar{gap:8px;padding:0 8px}.board{box-shadow:4px 5px 0 var(--magenta),8px 10px #1b06298c}}@media (min-width: 781px){.panel[hidden]{display:flex}}@media (max-height: 520px){:root{--topbar-h: 40px}.brand-word{font-size:14px}.stage{padding:5px 8px 6px;gap:8px}.board-area{gap:3px}.player-strip{padding:2px 9px;min-height:30px}.avatar{width:21px;height:21px;font-size:10px}.player-name,.clock{font-size:12px}.hand{min-height:26px;gap:3px}.hand-tile{width:24px;height:26px}.hand-tile .piece span{font-size:15px}.hand:empty{min-height:8px}.hand:empty:before{content:""}.file-labels,.rank-labels{font-size:9px}.vu-track{height:7px}.next-bar{padding:4px 6px 4px 12px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}