:root{--felt: #16302b;--felt-deep: #0c1a17;--felt-rule: #24443c;--card: #f5efe2;--card-edge: #d9cfba;--card-back: #1f4038;--ink: #1a1714;--ink-soft: #6f6555;--ink-faint: #9d9483;--gilt: #d8a44a;--gilt-dim: #8a6c30;--signal: #c4443a;--signal-dim: #7d2a24;--paper-glow: rgba(245, 239, 226, .08);--font-card: Georgia, "Iowan Old Style", "Palatino Linotype", Palatino, serif;--font-card-th: "Noto Serif Thai", "IBM Plex Sans Thai", "Noto Sans Thai", "Sarabun", "Leelawadee UI", "Thonburi", Tahoma, sans-serif;--font-ui: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, sans-serif;--font-data: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;--radius: 10px;--radius-lg: 16px;--gap: 1rem;--shadow-card: 0 1px 0 rgba(255, 255, 255, .35) inset, 0 6px 18px rgba(0, 0, 0, .35);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{font-family:var(--font-ui);color:var(--card);background-color:var(--felt);background-image:radial-gradient(ellipse at 50% 0%,#1d3a34 0%,var(--felt) 42%,var(--felt-deep) 100%);background-attachment:fixed;-webkit-font-smoothing:antialiased;line-height:1.5}h1,h2,h3{margin:0;font-weight:600;line-height:1.15}button,input,select{font:inherit;color:inherit}.shell{max-width:60rem;margin:0 auto;padding:1.25rem 1rem 4rem}.masthead{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-bottom:.75rem;border-bottom:1px solid var(--felt-rule);margin-bottom:1.5rem}.wordmark{font-family:var(--font-card);font-size:1.15rem;letter-spacing:.01em;color:var(--card);text-decoration:none}.wordmark em{font-style:italic;color:var(--gilt)}.eyebrow{font-family:var(--font-data);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 .5rem}.lede{font-family:var(--font-card);font-size:clamp(1.6rem,5.5vw,2.6rem);line-height:1.1;margin:0 0 .75rem}.prose{color:#cfc7b6;max-width:42ch;margin:0 0 1.5rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.85rem}.seat{perspective:900px}.seat-inner{position:relative;width:100%;aspect-ratio:3 / 4;transform-style:preserve-3d;transition:transform .52s cubic-bezier(.2,.7,.2,1)}.seat.revealed .seat-inner{transform:rotateY(180deg)}.face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border-radius:var(--radius);display:flex;flex-direction:column;justify-content:space-between;padding:.7rem;overflow:hidden}.face-up{background:var(--card);color:var(--ink);border:1px solid var(--card-edge);box-shadow:var(--shadow-card)}.face-down{transform:rotateY(180deg);background:var(--card);color:var(--ink);border:1px solid var(--card-edge);box-shadow:var(--shadow-card)}.face-hidden{background-color:var(--card-back);background-image:repeating-linear-gradient(45deg,rgba(245,239,226,.09) 0 2px,transparent 2px 7px);border:1px solid #2c5b50;color:var(--card);box-shadow:var(--shadow-card)}.seat-name{font-size:.78rem;font-weight:600;letter-spacing:.01em;display:flex;align-items:center;gap:.3rem;min-height:1.2em}.face-up .seat-name,.face-down .seat-name{color:var(--ink-soft)}.seat-word{font-family:var(--font-card);font-size:clamp(1.1rem,4.2vw,1.55rem);line-height:1.05;text-align:center;word-break:break-word;padding:.15rem 0;flex:1;display:flex;align-items:center;justify-content:center}.seat-word.unknown{font-size:2.4rem;color:#f5efe28c}.seat-word:lang(th){font-family:var(--font-card-th);font-size:clamp(1rem,3.9vw,1.4rem);line-height:1.45}.plinth .who:lang(th),.lede:lang(th){font-family:var(--font-card-th);line-height:1.4}.seat-foot{display:flex;align-items:center;justify-content:space-between;gap:.35rem;min-height:1.6rem}.seat.out .face-up{background:#e8dcd0}.seat.out .seat-word{color:var(--signal-dim);text-decoration:line-through;text-decoration-thickness:2px}.seat.offline .seat-inner{opacity:.45}.pip{font-family:var(--font-data);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;padding:.1rem .35rem;border-radius:999px;border:1px solid currentColor;white-space:nowrap}.pip-admin{color:var(--gilt-dim)}.pip-word{color:var(--signal-dim)}.pip-you{color:#f5efe2b3}.pip-off{color:var(--ink-faint)}.btn{font-family:var(--font-ui);font-size:.88rem;font-weight:600;padding:.55rem .9rem;border-radius:var(--radius);border:1px solid var(--felt-rule);background:#f5efe20f;color:var(--card);cursor:pointer;transition:background .12s ease,border-color .12s ease}.btn:hover:not(:disabled){background:#f5efe21f;border-color:#33564d}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--gilt);border-color:var(--gilt);color:#2a1e08}.btn-primary:hover:not(:disabled){background:#e5b45c;border-color:#e5b45c}.btn-danger{border-color:var(--signal-dim);color:#e88b83}.btn-danger:hover:not(:disabled){background:#c4443a29;border-color:var(--signal)}.btn-mark{width:100%;font-size:.72rem;padding:.32rem .4rem;border-radius:6px;border:1px solid var(--card-edge);background:transparent;color:var(--ink-soft);cursor:pointer}.btn-mark:hover{border-color:var(--signal);color:var(--signal)}.btn-mark.on{background:var(--signal);border-color:var(--signal);color:#fff4f2}.btn-ghost{background:none;border:none;color:var(--ink-faint);cursor:pointer;padding:.2rem;font-size:.75rem;text-decoration:underline;text-underline-offset:2px}:focus-visible{outline:2px solid var(--gilt);outline-offset:2px}.panel{background:#0918158c;border:1px solid var(--felt-rule);border-radius:var(--radius-lg);padding:1.1rem}.panel+.panel{margin-top:1rem}.panel-title{font-family:var(--font-data);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 .85rem}.field{display:block;margin-bottom:.85rem}.field-label{display:block;font-size:.78rem;color:#b9b1a1;margin-bottom:.3rem}.input,.select{width:100%;padding:.55rem .7rem;border-radius:var(--radius);border:1px solid var(--felt-rule);background:#06110fb3;color:var(--card)}.input:focus,.select:focus{border-color:var(--gilt-dim);outline:none}.input-code{font-family:var(--font-data);letter-spacing:.14em;text-transform:uppercase}.row{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.row-end{justify-content:flex-end}.split{display:grid;gap:1rem;grid-template-columns:1fr}@media(min-width:46rem){.split-2{grid-template-columns:1fr 1fr}.split-side{grid-template-columns:minmax(0,1.6fr) minmax(16rem,1fr);align-items:start}}.error{color:#f0a49d;background:#c4443a1f;border:1px solid var(--signal-dim);border-radius:var(--radius);padding:.55rem .7rem;font-size:.85rem;margin-bottom:.85rem}.hint{font-size:.78rem;color:var(--ink-faint);margin:.4rem 0 0}.score-table{width:100%;border-collapse:collapse}.score-table th{text-align:left;font-family:var(--font-data);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);font-weight:500;padding-bottom:.4rem}.score-table td{padding:.35rem 0;border-top:1px solid var(--felt-rule);vertical-align:middle}.score-value{font-family:var(--font-data);font-size:1rem;font-variant-numeric:tabular-nums;color:var(--gilt);width:3ch;text-align:center;background:none;border:none;padding:0}.score-input{font-family:var(--font-data);font-variant-numeric:tabular-nums;width:3.5rem;text-align:center;padding:.25rem;border-radius:6px;border:1px solid var(--felt-rule);background:#06110fb3;color:var(--gilt)}.stepper{display:inline-flex;align-items:center;gap:.3rem}.stepper button{width:1.85rem;height:1.85rem;border-radius:6px;border:1px solid var(--felt-rule);background:#f5efe20d;color:var(--card);cursor:pointer;line-height:1}.stepper button:hover{background:#f5efe21f}.log{list-style:none;margin:0;padding:0;max-height:15rem;overflow-y:auto;font-size:.8rem}.log li{padding:.4rem 0;border-top:1px solid var(--felt-rule);display:flex;gap:.5rem;align-items:baseline}.log time{font-family:var(--font-data);font-size:.68rem;color:var(--ink-faint);white-space:nowrap}.delta{font-family:var(--font-data);font-variant-numeric:tabular-nums;color:var(--gilt);white-space:nowrap}.code-plate{display:inline-flex;align-items:center;gap:.6rem;background:#06110f99;border:1px solid var(--gilt-dim);border-radius:var(--radius);padding:.45rem .5rem .45rem .75rem;max-width:100%}.code-plate code{font-family:var(--font-data);font-size:1.05rem;letter-spacing:.12em;color:var(--gilt);overflow-wrap:anywhere}.code-plate.long code{font-size:.78rem;letter-spacing:.04em}.status{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-data);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}.status .dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--ink-faint)}.status.online .dot{background:#5fbf8f}.status.connecting .dot,.status.reconnecting .dot{background:var(--gilt);animation:pulse 1.1s ease-in-out infinite}.status.offline .dot,.status.unreachable .dot{background:var(--signal)}@keyframes pulse{50%{opacity:.25}}.toasts{position:fixed;left:50%;bottom:1rem;transform:translate(-50%);display:flex;flex-direction:column;gap:.4rem;z-index:50;width:min(28rem,calc(100vw - 2rem))}.toast{background:var(--card);color:var(--ink);border-radius:var(--radius);padding:.55rem .8rem;font-size:.85rem;box-shadow:0 8px 24px #00000073;display:flex;justify-content:space-between;gap:.6rem;align-items:center}.podium{display:flex;align-items:flex-end;justify-content:center;gap:.6rem;margin:1.5rem 0 2rem;flex-wrap:wrap}.plinth{background:var(--card);color:var(--ink);border-radius:var(--radius) var(--radius) 0 0;border:1px solid var(--card-edge);border-bottom:none;padding:.8rem .7rem 1rem;width:7.5rem;text-align:center;box-shadow:var(--shadow-card)}.plinth .rank{font-family:var(--font-data);font-size:.66rem;letter-spacing:.12em;color:var(--ink-faint)}.plinth .who{font-family:var(--font-card);font-size:1.05rem;margin:.2rem 0;overflow-wrap:anywhere}.plinth .pts{font-family:var(--font-data);font-variant-numeric:tabular-nums;font-size:1.4rem;color:var(--gilt-dim)}.plinth.first{width:9rem;border-color:var(--gilt);box-shadow:0 0 0 1px var(--gilt),var(--shadow-card)}.plinth.first .pts{font-size:1.9rem;color:#a97c22}.stack>*+*{margin-top:.75rem}.muted{color:var(--ink-faint)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}