:root{--vh: 1vh}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior:none;background-color:var(--bg, #0b1220)}html,body{touch-action:manipulation;overflow-x:hidden;max-width:100%}body{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);box-sizing:border-box}input,textarea,[contenteditable],.selectable{user-select:text;-webkit-user-select:text;-webkit-touch-callout:default}button,[role=button],a,label,summary{touch-action:manipulation}button,input,select,textarea{font-family:inherit;font-size:inherit}input,textarea,select{font-size:max(16px,1em)}button,[role=button]{min-height:44px;min-width:44px;cursor:pointer}.board,.field,canvas,.drag-surface{touch-action:none}body.playing .site-footer{display:none!important}.control-layer{position:fixed;inset:0;z-index:30;pointer-events:none;touch-action:none}.control-layer>*{pointer-events:auto}.safe-inset{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--bg: #14161c;--surface: #232733;--panel: #2c3140;--line: #454c60;--edge: #7f88a6;--ink: #eef1f7;--dim: #a7b0c4;--brass: #e6b955;--warn: #f2795e;--good: #5fd39b;--shield: #7fb7f5;--t0: #8d95ab;--t1: #c3cbdd;--t2: #f4f6fb;--gap: 8px;--round: 12px;color-scheme:dark}[hidden]{display:none!important}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}#app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.main-content{flex:1 0 auto;width:100%;max-width:680px;margin:0 auto;padding:20px 16px 8px}.site-footer{flex-shrink:0;padding:14px 16px calc(14px + env(safe-area-inset-bottom));text-align:center;font-size:13px;color:var(--dim)}.site-footer a{color:var(--dim)}h1,h2,h3{margin:0 0 10px;line-height:1.2}p{margin:0 0 10px;line-height:1.5}.fine{font-size:13px;color:var(--dim)}b{font-weight:650}.menu{text-align:center}.wordmark{font-size:clamp(38px,13vw,62px);letter-spacing:-.03em;margin:22px 0 6px;color:var(--brass)}.tagline{color:var(--dim);max-width:30em;margin:0 auto 22px}.modepick{display:grid;gap:var(--gap);margin-bottom:18px}.mode{display:block;width:100%;min-height:44px;padding:12px 14px;text-align:left;background:var(--surface);color:var(--ink);border:1px solid var(--edge);border-radius:var(--round);font:inherit;cursor:pointer}.mode.on{border-color:var(--brass);box-shadow:inset 0 0 0 1px var(--brass)}.mode b{display:block;margin-bottom:2px}.mode span{font-size:13px;color:var(--dim)}.menubtns{display:grid;gap:var(--gap);margin:16px 0}.primary,.secondary{min-height:52px;padding:0 18px;border-radius:var(--round);font:inherit;font-weight:650;cursor:pointer;border:1px solid var(--edge)}.primary{background:var(--brass);color:#14161c;border-color:var(--brass)}.secondary{background:var(--panel);color:var(--ink)}.primary:disabled,.secondary:disabled{opacity:.55;cursor:default}.bestline{font-size:13px;color:var(--dim)}.menufoot{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;margin-top:10px}.link{min-height:44px;padding:0 12px;background:none;border:0;color:var(--dim);font:inherit;text-decoration:underline;cursor:pointer}.backdrop{position:fixed;inset:0;z-index:40;display:flex;align-items:flex-end;justify-content:center;background:#0a0b0fb8}.sheet{position:relative;width:100%;max-width:560px;max-height:86vh;overflow-y:auto;padding:20px 16px calc(20px + env(safe-area-inset-bottom));background:var(--panel);border-radius:var(--round) var(--round) 0 0;border-top:1px solid var(--edge)}.sheetx{position:absolute;top:8px;right:8px;width:44px;height:44px;background:var(--surface);color:var(--ink);border:1px solid var(--edge);border-radius:50%;font-size:17px;cursor:pointer}.how{padding-left:18px;margin:0 0 10px}.how li{margin-bottom:8px;line-height:1.5}.clist{list-style:none;margin:0;padding:0}.clist li{display:flex;gap:12px;padding:10px 0;border-top:1px solid var(--line)}.clist li>b{flex:0 0 34px;height:34px;display:grid;place-items:center;border:1px solid var(--edge);border-radius:8px;color:var(--t2)}.clist h3{margin:0 0 2px;font-size:15px}.clist p{margin:0 0 4px;font-size:13px}.crank.big{font-style:normal;color:var(--brass)}.countwrap{flex:1 0 auto;display:grid;place-items:center}.count{font-size:clamp(56px,22vw,120px);font-weight:700;color:var(--brass)}.count .pop{display:inline-block;animation:pop .32s ease-out}@keyframes pop{0%{transform:scale(.72);opacity:.4}to{transform:scale(1);opacity:1}}.game{display:flex;flex-direction:column;height:100vh;height:100dvh;width:100%;max-width:680px;margin:0 auto}.gtop{flex:1 1 auto;min-height:0;overflow-y:auto;padding:8px 12px 4px;display:flex;flex-direction:column}.gtop>*{flex:0 0 auto}.ghead{display:flex;align-items:center;gap:var(--gap);padding-top:env(safe-area-inset-top)}.gtool{flex:0 0 auto;width:44px;height:44px;background:var(--surface);color:var(--ink);border:1px solid var(--edge);border-radius:10px;font-size:17px;cursor:pointer}.gtitle{flex:1 1 auto;min-width:0;text-align:center;font-weight:650}.gtitle span{display:block}.gtitle .fine{font-weight:400}.standing{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.sc{display:inline-flex;align-items:baseline;gap:5px;padding:5px 9px;font-style:normal;font-size:13px;background:var(--surface);border:1px solid var(--line);border-radius:999px}.sc.you{border-color:var(--brass)}.sc u{text-decoration:none;font-weight:700;color:var(--brass)}.rivals{display:grid;gap:6px;margin-bottom:10px}.rival{display:grid;min-width:0;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;min-height:52px;padding:8px 10px;text-align:left;background:var(--surface);color:var(--ink);border:1px solid var(--edge);border-radius:10px;font:inherit;cursor:pointer}.rival:disabled{cursor:default;opacity:.9}.rival.turn{border-color:var(--brass)}.rival.shield{border-color:var(--shield)}.rival.out{opacity:.55}.rival.on{box-shadow:inset 0 0 0 2px var(--brass)}.rname{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:650}.rival .fine,.rival .bad,.rival .shield{font-style:normal;font-size:12px;text-align:right}.bad{color:var(--warn)}.good{color:var(--good)}.rival .shield{color:var(--shield)}.read{font-style:normal;font-size:12px;text-align:right;color:var(--dim)}.read.sure{color:var(--brass);font-weight:650}.backed{font-style:normal;font-size:11px;color:var(--good)}.disc{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:3px}.pip{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 4px;font-style:normal;font-size:12px;font-weight:650;border-radius:5px;border:1px solid var(--edge)}.pip.t0{color:var(--t0)}.pip.t1{color:var(--t1)}.pip.t2{color:var(--t2)}.docket{margin-bottom:10px}.dhead{margin:0 0 5px;font-size:12px;color:var(--dim)}.drow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.dcell{min-width:0;min-height:52px;padding:5px 3px;display:grid;gap:0;background:var(--surface);border:1px solid var(--edge);border-radius:8px;font:inherit;cursor:pointer;color:var(--ink)}.dcell b{font-size:14px}.dcell u{text-decoration:none;font-size:16px;font-weight:700;color:var(--brass)}.dcell span{font-size:10px;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dcell.none{opacity:.42}.dcell.none u{color:var(--dim)}.dcell.t0 b{color:var(--t0)}.dcell.t1 b{color:var(--t1)}.dcell.t2 b{color:var(--t2)}.log{display:grid;gap:2px;padding-bottom:6px;margin-top:auto}.log .l{margin:0;font-size:12px;color:var(--dim)}.log .out{color:var(--warn)}.log .hit{color:var(--brass)}.handzone{flex:0 0 auto;padding:0 12px;background:var(--bg)}.flash{margin:0 0 6px;padding:8px 10px;font-size:13px;background:var(--panel);border:1px solid var(--edge);border-radius:8px}.picker{margin-bottom:8px}.phead{margin:0 0 5px;font-size:12px;color:var(--dim)}.pgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.pcell{min-width:0;min-height:46px;padding:4px 2px;background:var(--surface);color:var(--ink);border:1px solid var(--edge);border-radius:8px;font:inherit;cursor:pointer}.pcell.on{border-color:var(--brass);box-shadow:inset 0 0 0 1px var(--brass)}.pcell b{display:block;font-size:14px}.pcell span{display:block;font-size:10px;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hand{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:6px;margin-bottom:8px}.card{min-width:0;min-height:96px;padding:9px 8px;text-align:left;background:var(--surface);color:var(--ink);border:1px solid var(--edge);border-radius:var(--round);font:inherit;cursor:pointer;transition:transform .14s ease-out}.card.on{border-color:var(--brass);box-shadow:inset 0 0 0 2px var(--brass);transform:translateY(-3px)}.card.locked{opacity:.5}.card:disabled{opacity:.6;cursor:default}.crank{display:block;font-size:20px;line-height:1.1}.card.t0 .crank{color:var(--t0)}.card.t1 .crank{color:var(--t1)}.card.t2 .crank{color:var(--t2)}.cname{display:block;font-weight:650;font-size:13px;margin-bottom:3px}.cpow{display:block;font-size:11px;color:var(--dim);line-height:1.35}.lockmsg{display:block;margin-top:4px;font-style:normal;font-size:10px;color:var(--warn)}.actbar{position:sticky;bottom:0;padding:6px 0 calc(8px + env(safe-area-inset-bottom));background:var(--bg)}.commit{width:100%;min-height:52px;padding:0 14px;background:var(--brass);color:#14161c;border:1px solid var(--brass);border-radius:var(--round);font:inherit;font-weight:650;cursor:pointer}.commit:disabled{background:var(--panel);color:var(--dim);border-color:var(--edge);cursor:default}.commit.waiting{background:var(--panel);color:var(--dim);border-color:var(--edge)}.reslist{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:6px}.res{padding:10px 12px;background:var(--surface);border:1px solid var(--line);border-radius:10px}.res.you{border-color:var(--brass)}.res.won{background:var(--panel)}.res-h{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.res-h u{text-decoration:none;font-weight:700;color:var(--brass)}.res-t{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:4px;font-size:12px;color:var(--dim)}.res-s{margin-top:3px;font-size:12px;color:var(--dim)}.missed{padding:10px 12px;font-size:13px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.lobby,.room-entry{display:grid;gap:10px}.lobby-title,.re-title{font-size:22px;font-weight:650}.lobby-sub,.re-sub,.re-note,.lobby-wait,.lobby-spectating{font-size:13px;color:var(--dim)}.lobby-code,.re-room-code{font-size:30px;letter-spacing:.18em;font-weight:700;color:var(--brass)}.lobby-invite,.lobby-actions,.re-go{display:flex;flex-wrap:wrap;gap:var(--gap)}.lobby-link,.re-input{flex:1 1 180px;min-width:0;min-height:48px;padding:0 12px;background:var(--surface);color:var(--ink);border:1px solid var(--edge);border-radius:10px;font:inherit}.lobby-btn,.lobby-share,.lobby-start,.lobby-ready,.lobby-cancel,.lobby-qr-toggle,.re-create,.re-join,.re-back,.re-cancel,.re-browse,.re-make{min-height:48px;padding:0 16px;background:var(--panel);color:var(--ink);border:1px solid var(--edge);border-radius:10px;font:inherit;font-weight:650;cursor:pointer}.lobby-start,.re-create,.primary{background:var(--brass);color:#14161c;border-color:var(--brass)}.lobby-qr{width:100%;max-width:260px;margin:4px auto}.lobby-players{list-style:none;margin:0;padding:0;display:grid;gap:5px}.lobby-player{display:flex;align-items:center;gap:8px;padding:9px 12px;background:var(--surface);border:1px solid var(--line);border-radius:10px}.lobby-player.is-self{border-color:var(--brass)}.lobby-dot{width:9px;height:9px;border-radius:50%;background:var(--line)}.lobby-dot.ok{background:var(--good)}.lobby-badge{margin-left:auto;font-size:12px;color:var(--brass)}.lobby-flash{padding:9px 12px;font-size:13px;background:var(--panel);border:1px solid var(--edge);border-radius:8px}.lobby-searching{display:flex;align-items:center;gap:var(--gap);font-size:13px;color:var(--dim)}.spinner{width:18px;height:18px;border:2px solid var(--line);border-top-color:var(--brass);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.re-divider{font-size:12px;color:var(--dim);text-align:center}.re-error{font-size:13px;color:var(--warn)}.modeslot,.lobby-modeslot{display:grid;gap:6px}.modeslot-label{font-size:12px;color:var(--dim)}.segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.seg{min-width:0;min-height:44px;padding:0 6px;background:var(--surface);color:var(--ink);border:1px solid var(--edge);border-radius:8px;font:inherit;font-size:13px;cursor:pointer}.seg.on{border-color:var(--brass);color:var(--brass)}.seg:disabled{opacity:.75;cursor:default}@media(min-width:720px){.menubtns{grid-template-columns:repeat(2,minmax(0,1fr))}.modepick{grid-template-columns:repeat(3,minmax(0,1fr))}.drow{grid-template-columns:repeat(8,minmax(0,1fr))}.pgrid{grid-template-columns:repeat(7,minmax(0,1fr))}.rivals{grid-template-columns:repeat(2,minmax(0,1fr))}.sheet{align-self:center;border-radius:var(--round)}.backdrop{align-items:center}}@media(min-width:1000px){.gtop{padding:12px 16px 6px}.card{min-height:118px}.dcell span{font-size:11px}}@media(orientation:landscape)and (max-height:520px){.game{max-width:900px}.card{min-height:76px}.cpow{display:none}.rivals{grid-template-columns:repeat(3,minmax(0,1fr))}.drow{grid-template-columns:repeat(8,minmax(0,1fr))}.dcell{min-height:44px}.dcell span,.dhead{display:none}.standing{margin:4px 0}.rival{min-height:44px;padding:6px 8px}.log{display:none}.wordmark{font-size:34px;margin:8px 0 4px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.card.on{transform:none}}