:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#e3ece0;--paper-2:#f2f7ef;--clay:#cadbc6;--ink:#1f2a22;--ink-soft:#566a5a;--line:#a9c2a4;--vermilion:#c8382b;--vermilion-dark:#9f2a20;--gold:#c9a227;--dohyo:#e8d3a2;--shadow:0 2px 8px #1f3a2429;font-family:system-ui,sans-serif}body{background:var(--paper);color:var(--ink);margin:0}main{min-height:100vh;box-sizing:border-box;min-height:100dvh;padding:16px}h2,h3{margin:0 0 8px}.roster{padding:0;list-style:none}.won{font-weight:700}.actions{flex-wrap:wrap;gap:8px;display:flex}.banner{font-size:1.4rem;font-weight:700}.warn{color:var(--vermilion-dark);font-weight:700}.panel-card{background:var(--paper-2);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;padding:16px}button{font:inherit;cursor:pointer;border:2px solid var(--ink);color:var(--ink);background:0 0;border-radius:8px;padding:6px 16px;transition:background .15s,color .15s,transform .1s}button:hover:not(:disabled){background:var(--clay)}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible{outline:3px solid var(--gold);outline-offset:2px}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--vermilion);border-color:var(--vermilion-dark);color:#fff;font-weight:700}button.primary:hover:not(:disabled){background:var(--vermilion-dark)}button.danger{border-color:var(--vermilion-dark);color:var(--vermilion-dark)}button.danger:hover:not(:disabled){background:var(--vermilion);color:#fff}button.big{padding:12px 28px;font-size:1.2rem}.dohyo{width:100%;height:auto;max-height:90vh;display:block}.dohyo-ring{fill:#c9a96e;stroke:#7a5c2e}.space polygon{fill:var(--dohyo);stroke:#7a5c2e;stroke-width:2px}.space.lit polygon{fill:#ffe27a;stroke:#b3261e;stroke-width:4px}.space.clickable{cursor:pointer}.mark{fill:#7a5c2e;opacity:.6;pointer-events:none;font-size:34px}.sumo{pointer-events:none;transition:transform .4s ease-in-out}.sumo circle{fill:var(--sumo);stroke:#222;stroke-width:3px}.sumo circle.ring{fill:none;stroke:var(--sumo-ring);stroke-width:4px}.sumo .body{transition:transform .4s ease-in-out}.sumo .hand line{stroke:#222;stroke-width:3px;stroke-linecap:round}.sumo .name{fill:#222;stroke:#fff;stroke-width:4px;paint-order:stroke;font-size:18px;font-weight:700}.sumo .head{stroke-width:2px}.bout{flex-direction:column;gap:8px;display:flex}.bout-head{align-items:center;gap:12px;display:flex}.timer{background:#8884;border-radius:4px;flex:1;height:8px;overflow:hidden}.timer-fill{background:#2b8a3e;height:100%;transition:width .2s linear}.panel{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.panel .counts{opacity:.7;font-size:.85rem}.panel .last{align-items:center;gap:4px;font-size:.85rem;display:inline-flex}.picked{color:#2b8a3e}.badge{color:#222;background:#c9a227;border-radius:4px;padding:0 6px;font-size:.8rem}.pips{gap:3px;display:inline-flex}.pip{border:2px solid #888;border-radius:50%;width:10px;height:10px}.pip.on{background:#c9a227;border-color:#c9a227}.banner-row{align-items:center;gap:16px;min-height:52px;display:flex}.ask{color:#b3261e}.dohyo-wrap{width:100%;max-width:560px;margin:0 auto;position:relative}main:has(.bout){height:100vh;box-sizing:border-box;flex-direction:column;height:100dvh;padding:8px 16px;display:flex}main:has(.bout)>.bout{flex:1;min-height:0}.stage{flex:1 1 0;justify-content:center;align-items:stretch;gap:16px;min-height:0;display:flex}.stage .dohyo-wrap{flex:1 1 0;min-width:0;max-width:none;min-height:0;margin:0}.stage .dohyo{width:100%;height:100%;max-height:none;position:absolute;inset:0}.resolution{flex:0 340px;min-width:200px;overflow-y:auto}.resolution h3{margin:0 0 8px;font-size:1rem}.resolution .revealed{justify-content:center;gap:12px;display:flex}.resolution figure{text-align:center;margin:0}.resolution figcaption{margin-top:4px;font-size:.85rem}.resolution .revealed .card{width:120px;min-height:160px}.resolution .revealed .card strong{font-size:.8rem}.slot.big{width:120px;height:160px;display:block}.resolution ol{margin:12px 0 0;padding-left:24px}.resolution li{border-radius:4px;padding:2px 4px}.resolution li.now{color:#3b2f00;background:#ffe27a;font-weight:700}.hand-row{justify-content:center;align-items:flex-end;gap:24px;display:flex}.overlay{color:#fff;text-align:center;background:#000a;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.hand{justify-content:center;gap:12px;display:flex}.card{color:#222;box-sizing:border-box;background:#fff;border:2px solid #555;border-radius:8px;flex-direction:column;align-items:center;gap:2px;width:112px;min-height:150px;padding:6px 8px;display:flex;position:relative}.card.attack{background:#f9d4d0;border-color:#b3261e}.card.defense{background:#d2e2f7;border-color:#2b5fa8}.card .num{box-sizing:border-box;text-align:center;background:#fff;border:2px solid;border-radius:50%;flex:none;width:1.5em;height:1.5em;font-size:.8rem;font-weight:700;line-height:calc(1.5em - 4px);position:absolute;bottom:6px;right:6px}.card.attack .num{color:#b3261e}.card.defense .num{color:#2b5fa8}.card strong{text-transform:uppercase;white-space:nowrap;max-width:100%;font-size:.72rem}.card-art{flex:1;width:70%;min-height:0;margin-bottom:18px}.card.big{width:168px;min-height:224px}.card.big strong{font-size:1rem}.card.compact .num{position:static}.card.compact{flex-direction:row;align-items:center;gap:6px;width:auto;min-height:0;padding:2px 6px}.card.back{width:28px;min-height:40px;padding:0}.card.back svg{width:100%;height:100%;display:block}.card.back.lotus{background:#2f66b3;border-color:#1d4378}.card.back.fuji{background:#f4f6f8;border-color:#8d9199}.card.clickable{cursor:pointer}.card.selected{transform:translateY(-8px);box-shadow:0 4px 10px #0006}.card.lit{box-shadow:0 0 0 3px #ffe27a}.card.dim{opacity:.4}.cue{color:#7a4b00;animation:.2s ease-out cue-in}.revealed .card{animation:.3s ease-out flip}@keyframes cue-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@keyframes flip{0%{transform:rotateY(90deg)}to{transform:none}}.panel.waiting{border-radius:8px;animation:1.2s ease-in-out infinite pulse}.slot{box-sizing:border-box;border:2px dashed #8886;border-radius:6px;width:28px;height:40px}.waiting-banner{text-align:center;color:#3b2f00;background:#ffe27a;border-radius:8px;padding:8px;font-weight:700}.hand.inactive{opacity:.85}@keyframes pulse{50%{opacity:.35}}.card-wrap{outline:none;position:relative}.card-tip{z-index:10;color:#222;text-align:center;pointer-events:none;background:#fffef8;border:2px solid #555;border-radius:10px;width:220px;padding:10px;font-size:.85rem;position:fixed;box-shadow:0 6px 18px #0006}.card-tip p{text-align:left;margin:8px 0 0}.card-tip .card{margin:0 auto}.stacks{align-items:flex-end;gap:14px;display:inline-flex}.stack{flex-direction:column;align-items:center;gap:2px;display:flex;position:relative}.stack small{opacity:.7;font-size:.7rem}.stack .pile{justify-content:center;align-items:center;min-width:36px;min-height:48px;padding:0 6px 6px 0;display:flex;position:relative}.stack .layer{position:absolute}.stack .layer:last-of-type{position:relative}.stack .count{z-index:1;color:#fff;background:#222d;border-radius:10px;padding:0 6px;font-size:.8rem;position:absolute}.discard-stack .count{bottom:-2px;right:-6px}.stack.openable{cursor:pointer}.fan{z-index:20;background:canvas;border:1px solid #8886;border-radius:6px;flex-wrap:wrap;gap:4px;width:max-content;max-width:360px;padding:6px;display:flex;position:absolute;bottom:100%;left:0;box-shadow:0 2px 10px #0004}.lobby{flex-direction:column;gap:20px;display:flex}.title-block{text-align:center}.title-block h1{justify-content:center;align-items:baseline;gap:16px;margin:0;display:flex}.title{letter-spacing:.15em;color:var(--vermilion);text-shadow:2px 2px 0 var(--ink);font-size:4rem;font-weight:900}.kanji{color:var(--ink-soft);font-size:1.8rem}.tagline{color:var(--ink-soft);letter-spacing:.08em;margin:0 0 8px;font-style:italic}.hero{width:100%;max-width:560px;height:auto;margin:0 auto;display:block}.hero-ring{fill:#c9a96e;stroke:#7a5c2e;stroke-width:4px}.hero-hex{fill:var(--dohyo);stroke:#7a5c2e;stroke-width:2px}.hero-sumo circle,.hero-sumo ellipse,.hero-sumo rect{stroke:#222;stroke-width:3px}.hero-sumo .mawashi{fill:var(--gold)}.hero-sumo .belt{stroke:#222;stroke-width:3px}.hero-sumo .topknot{fill:none;stroke:#222;stroke-width:4px;stroke-linecap:round}.hero-sumo .belly,.hero-sumo .head,.hero-sumo .arm{fill:var(--sumo)}.hero-sumo .eye{fill:var(--sumo-eye);stroke:none}.hero-lean{animation:2.8s ease-in-out infinite lean}@keyframes lean{0%,to{transform:translate(0)}50%{transform:translate(10px)}}@media (prefers-reduced-motion:reduce){.hero-lean{animation:none}}.lobby-cards{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}@media (max-width:700px){.lobby-cards{grid-template-columns:1fr}}.count{color:var(--ink-soft);margin-left:6px;font-size:.85rem;font-weight:400}.roster,.seats{flex-direction:column;gap:6px;margin:0 0 12px;padding:0;list-style:none;display:flex}.seats{grid-template-rows:repeat(5,auto);grid-template-columns:1fr 1fr;grid-auto-flow:column;gap:6px 16px;display:grid}.seats li{min-width:0}.roster li,.seats li{align-items:center;gap:10px;display:flex}.who{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.avatar{object-fit:cover;border:2px solid var(--line);box-sizing:border-box;border-radius:50%;flex:none;width:40px;height:40px}.avatar.fallback{background:var(--clay);color:var(--ink);justify-content:center;align-items:center;font-weight:700;display:inline-flex}.avatar.ghost{background:0 0;border-style:dashed}.seat.empty{opacity:.55;font-style:italic}.tag{background:var(--ink);color:var(--paper-2);border-radius:4px;margin-left:6px;padding:0 6px;font-size:.7rem}.host-mark{color:var(--ink);background:var(--gold);border-radius:4px;padding:0 5px;font-weight:700}.chip{border:1px solid var(--line);border-radius:10px;padding:2px 8px;font-size:.75rem}.chip.entrant{background:#d9ecd0;border-color:#6a9b58}.chip.spectating{color:var(--ink-soft)}.hint{color:var(--ink-soft);font-size:.9rem}.tournament.empty{text-align:center}.winner-banner{text-align:center;background:var(--gold);color:var(--ink);box-shadow:var(--shadow);border-radius:12px;margin:0 0 16px;padding:12px;font-size:1.6rem;font-weight:700}.countdown{text-align:center;flex-direction:column;gap:6px;max-width:420px;margin:0 auto 12px;font-weight:700;display:flex}.countdown p{margin:0}.countdown .timer{flex:none}.tree{grid-template-columns:repeat(var(--cols), minmax(170px, 1fr));grid-template-rows:auto repeat(var(--leaves), auto);column-gap:42px;padding-bottom:8px;display:grid;overflow-x:auto}.thead{text-align:center;grid-row:1}.tslot{align-items:center;min-width:0;display:flex;position:relative}.tslot:after{content:"";border-top:2px solid var(--line);width:21px;position:absolute;top:50%;right:-21px}.tslot:before{content:"";border-right:2px solid var(--line);position:absolute;right:-21px}.tslot.upper:before{top:50%;bottom:0}.tslot.lower:before{top:0;bottom:50%}.tslot.last:before,.tslot.last:after{display:none}.tslot.fed .tmatch:before{content:"";border-top:2px solid var(--line);width:21px;position:absolute;top:50%;left:-21px}.tmatch{box-sizing:border-box;background:var(--paper);border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:6px;width:100%;margin:10px 0;padding:8px 12px;font-size:1.05rem;display:flex;position:relative}.tmatch.done{opacity:.75}.tmatch.mine{border-color:var(--vermilion);opacity:1;border-width:2px}.tmatch.live{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold)}.tmatch .side{align-items:center;gap:10px;min-height:1.8em;display:flex}.tmatch .side.lost{opacity:.5}.tmatch .pname{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.tmatch .score{text-align:center;background:var(--ink);min-width:1.6em;color:var(--paper-2);border-radius:6px;flex:none}.tmatch .score:empty{visibility:hidden}.tmeta{justify-content:space-between;align-items:center;gap:8px;min-height:22px;display:flex}.tmatch button{padding:0 10px;font-size:.8rem;line-height:1.5}.live-tag{text-transform:uppercase;letter-spacing:.08em;color:var(--vermilion-dark);font-size:.7rem;font-weight:700;animation:1.2s ease-in-out infinite pulse}.live-tag:before{content:"● "}@media (prefers-reduced-motion:reduce){.live-tag{animation:none}}button.avatar-btn{background:0 0;border:0;border-radius:50%;margin:0;padding:0;display:inline-flex}button.avatar-btn:hover:not(:disabled){background:0 0;transform:scale(1.1)}.avatar.coloured{border-color:var(--sumo-ring);border-width:3px}.avatar.fallback.coloured{background:var(--sumo);color:var(--sumo-eye)}.color-box{flex:none;display:inline-flex;position:relative}.color-box .swatches{z-index:5;background:var(--paper-2);border:1px solid var(--line);width:210px;box-shadow:var(--shadow);border-radius:10px;margin-top:6px;padding:10px;position:absolute;top:100%;left:0}.swatches{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}button.swatch{aspect-ratio:1;border:3px solid var(--line);background:var(--sumo);border-radius:50%;width:100%;padding:0}button.swatch:hover:not(:disabled){background:var(--sumo);transform:scale(1.1)}button.swatch:disabled{opacity:.2}button.swatch[aria-pressed=true]{border-color:var(--ink);box-shadow:0 0 0 3px var(--gold)}.formats{grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:.5rem;margin:.5rem 0 1.25rem;display:grid}.formats button{text-align:center;padding:10px 28px;position:relative}.formats button.on{background:var(--ink);border-color:var(--ink);color:var(--paper-2);box-shadow:0 0 0 3px var(--gold)}.formats button.on:hover:not(:disabled){background:var(--ink)}.formats button.on:before{content:"✓";position:absolute;top:50%;left:10px;transform:translateY(-50%)}.seats.duo{grid-template-rows:repeat(2,auto);grid-template-columns:1fr}.actions.center{justify-content:center}@media (max-height:760px){.bout{gap:4px}.banner-row{min-height:28px}.hand .card{width:88px;min-height:112px}.actions.center button.big{padding:6px 24px;font-size:1rem}}