:root{--washi0: #f2e9d8;--washi1: #f8f1e3;--line: rgba(28, 23, 18, .16);--line-hi: rgba(28, 23, 18, .34);--ink: #211b14;--ink-soft: #55483a;--ink-faint: #93846f;--shu: #b23a1f;--shu-hi: #cf4a26;--shu-weak: rgba(178, 58, 31, .12);--board-face: #e9dcba;--grid: #2a241b;--board-edge: #1c1712;--fog-ink: #17120d;--fog-line: rgba(242, 233, 216, .05);--shadow-card: 0 18px 50px rgba(28, 23, 18, .16), 0 2px 8px rgba(28, 23, 18, .08);--shadow-board: 0 30px 80px rgba(28, 23, 18, .28), 0 4px 14px rgba(28, 23, 18, .14);--radius: 6px;--mincho: "Shippori Mincho", "Hiragino Mincho ProN", serif;--sans: "Noto Sans JP", "Hiragino Kaku Gothic ProN", system-ui, sans-serif;--brush: "Yuji Syuku", "Shippori Mincho", serif}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--washi0) url(/art/washi_tile.webp) repeat;background-size:512px;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background:radial-gradient(900px 520px at -6% -10%,rgba(28,23,18,.12),transparent 62%),radial-gradient(1000px 560px at 106% -8%,rgba(28,23,18,.1),transparent 62%),radial-gradient(1200px 520px at 50% 112%,rgba(28,23,18,.16),transparent 60%)}body:after{content:"";position:fixed;left:-4%;right:-4%;bottom:-2vh;height:30vh;z-index:-1;pointer-events:none;background:url(/art/sumi_edge.webp) bottom center / 100% auto no-repeat;opacity:.4;animation:mist 70s ease-in-out infinite alternate}@keyframes mist{0%{transform:translate3d(-1.5%,0,0) scale(1.02)}to{transform:translate3d(1.5%,0,0) scale(1.08)}}@media (prefers-reduced-motion: reduce){body:after{animation:none}}#app{min-height:100%}:focus-visible{outline:2px solid var(--shu);outline-offset:2px;border-radius:3px}::selection{background:var(--shu-weak)}button{font-family:inherit;cursor:pointer}.btn{position:relative;border:1px solid var(--ink);background:var(--ink);color:var(--washi1);border-radius:var(--radius);padding:14px 22px;font-size:15px;font-weight:700;letter-spacing:3px;white-space:nowrap;box-shadow:0 8px 22px #1c171247;background-image:linear-gradient(var(--shu-hi),var(--shu-hi));background-repeat:no-repeat;background-size:0% 3px;background-position:left bottom;transition:background-size .22s ease,transform .1s,box-shadow .15s}.btn:hover{background-size:100% 3px;transform:translateY(-1px);box-shadow:0 12px 28px #1c171257}.btn:active{transform:translateY(0)}.btn--ghost{background:transparent;background-image:linear-gradient(var(--shu-hi),var(--shu-hi));background-repeat:no-repeat;background-size:0% 2px;background-position:left bottom;color:var(--ink);border:1px solid var(--line-hi);box-shadow:none;font-weight:500}.btn--ghost:hover{background-size:100% 2px;border-color:var(--ink);box-shadow:none}.btn--text{background:none;border:none;color:var(--ink-soft);padding:8px 10px;font-size:13.5px;box-shadow:none;font-weight:500;letter-spacing:1px}.btn--text:hover{color:var(--ink);transform:none;box-shadow:none}.btn:disabled{opacity:.4;cursor:default;transform:none;background-size:0% 3px}.screen{min-height:100vh;display:flex;flex-direction:column;animation:screen-enter .22s ease both}@keyframes screen-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.screen{animation:none}}.topbar{display:flex;align-items:center;gap:8px;padding:18px 26px}.topbar__title{font-family:var(--mincho);font-size:18px;letter-spacing:5px;font-weight:800;color:var(--ink)}.spacer{flex:1}.center{flex:1;display:flex;align-items:center;justify-content:center;padding:24px}.card{width:100%;max-width:380px;background:var(--washi1);border:1px solid var(--line);border-radius:8px;padding:32px 30px;box-shadow:var(--shadow-card)}.logo{text-align:center;font-family:var(--mincho);font-weight:800;font-size:46px;letter-spacing:4px;margin:2px 0 0;line-height:1.15;color:var(--ink)}.tagline{text-align:center;font-family:var(--brush);color:var(--shu);letter-spacing:8px;font-size:16px;margin:10px 0 28px}.field{width:100%}.field label{display:block;font-size:11.5px;color:var(--ink-faint);letter-spacing:2px;margin-bottom:7px}.input{width:100%;padding:12px 13px;font-family:inherit;font-size:16px;background:#fffdf7bf;border:1px solid var(--line-hi);border-radius:var(--radius);color:var(--ink);transition:border-color .15s,box-shadow .15s}.input::placeholder{color:var(--ink-faint)}.input:focus{outline:none;border-color:var(--ink);box-shadow:0 1px 0 var(--shu)}.row{display:flex;gap:10px;align-items:center}.divider{display:flex;align-items:center;gap:12px;color:var(--ink-faint);font-size:12px;letter-spacing:2px;margin:20px 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--line-hi)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--line-hi);background:transparent;color:var(--ink-soft);border-radius:var(--radius);padding:8px 16px;font-size:13px;transition:all .15s}.chip:hover{border-color:var(--ink);color:var(--ink)}.chip--on{border-color:var(--shu);background:var(--shu-weak);color:var(--ink);font-weight:700}.mt-12{margin-top:12px}.mt-16{margin-top:18px}.full{width:100%}.roomcode{text-align:center;font-family:var(--mincho);font-size:72px;letter-spacing:.24em;font-weight:800;margin:14px 0 6px;color:var(--ink)}.muted{color:var(--ink-soft);font-size:13px;letter-spacing:.5px;text-align:center}.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%);background:var(--ink);color:var(--washi1);padding:11px 20px;border-radius:var(--radius);font-size:13.5px;letter-spacing:1px;z-index:50;opacity:0;transition:opacity .2s;box-shadow:0 12px 32px #1c171259}.toast--show{opacity:1}.game{width:100%}.stage{display:grid;grid-template-columns:108px minmax(520px,760px) 108px 300px;gap:22px;justify-content:center;align-items:start;padding:8px 24px 26px;margin:0 auto;max-width:1400px}.game .board{max-width:min(760px,calc(100vh - 175px))}.komadai{display:flex;flex-direction:column;align-items:center;gap:12px;background:var(--washi1);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-card);padding:16px 8px;min-height:264px}.komadai--opp{align-self:start;margin-top:25px;justify-content:flex-start}.komadai--you{align-self:end;margin-bottom:5px;justify-content:flex-end}.komadai__label{font-family:var(--mincho);writing-mode:vertical-rl;letter-spacing:8px;color:var(--ink-faint);font-size:13px;-webkit-user-select:none;user-select:none}.komadai__count{font-weight:700;font-size:18px;color:var(--ink);font-variant-numeric:tabular-nums}.komadai__tiles{display:flex;flex-direction:column;gap:8px;align-items:center}.komadai__empty{color:var(--ink-faint)}.panel{display:flex;flex-direction:column;gap:4px;background:var(--washi1);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-card);padding:16px;margin-top:25px}.panel__row{display:flex;align-items:center;gap:10px;padding:10px;border-left:3px solid transparent;border-radius:3px;transition:border-color .2s,background-color .2s}.panel__row--active{border-left-color:var(--shu);background:var(--shu-weak)}.panel__row--active .clock{color:var(--ink);border-color:var(--ink)}.panel__name{font-size:14px;color:var(--ink);letter-spacing:2px;font-weight:500}.panel__status{display:flex;align-items:center;gap:12px;padding:14px 10px;margin:6px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.panel__turn{font-family:var(--mincho);font-size:18px;letter-spacing:3px;color:var(--ink);font-weight:700}.panel__meta{padding:12px 10px 2px;font-size:12px;color:var(--ink-faint);letter-spacing:1px}.panel__foot{display:flex;justify-content:flex-end;padding-top:8px}.pill{border:1px solid var(--line-hi);border-radius:999px;padding:5px 12px;font-size:11.5px;letter-spacing:1.5px;color:var(--ink-soft)}.pill--warn{color:var(--shu);border-color:var(--shu)}@media (max-width: 919px){.stage{display:flex;flex-direction:column;align-items:center;padding:8px 10px 20px}.komadai{flex-direction:row;width:100%;max-width:520px;margin-top:0;padding:8px 12px}.komadai__label{writing-mode:horizontal-tb;letter-spacing:2px}.komadai__tiles{flex-direction:row;flex-wrap:wrap}.komadai--opp{order:-1}.panel{width:100%;max-width:520px;margin-top:0}.game .board{max-width:96vw}}.clock{margin-left:auto;border:1px solid var(--line-hi);border-radius:var(--radius);padding:6px 13px;font-weight:700;font-size:17px;color:var(--ink-faint);min-width:68px;text-align:center;font-variant-numeric:tabular-nums;background:#fffdf799}.clock--on{color:var(--ink);border-color:var(--ink);border-left:3px solid var(--shu)}.clock--low{color:var(--shu);border-color:var(--shu);animation:clock-pulse 1s ease-in-out infinite}@keyframes clock-pulse{50%{transform:scale(1.05)}}@media (prefers-reduced-motion: reduce){.clock--low{animation:none}}.check{background:var(--shu);color:var(--washi1);border-radius:999px;padding:5px 15px;font-size:12px;letter-spacing:4px;font-weight:700}.board-area{display:flex;justify-content:center;padding:6px 0}.board{width:100%;max-width:460px}.files{display:grid;grid-template-columns:repeat(9,1fr);padding-right:18px;margin-bottom:4px}.board-body{display:grid;grid-template-columns:1fr 18px}.ranks{display:grid;grid-template-rows:repeat(9,1fr);margin-left:4px}.coord{font-size:11px;color:var(--ink-faint);text-align:center;align-self:center}.grid{display:grid;grid-template-columns:repeat(9,1fr);aspect-ratio:1;background:var(--board-face) url(/art/board_face.webp) repeat;background-size:380px;background-blend-mode:multiply;border:2px solid var(--board-edge);border-radius:2px;box-shadow:var(--shadow-board)}.sq{position:relative;container-type:size;cursor:pointer;border-right:1px solid var(--grid);border-bottom:1px solid var(--grid);display:flex;align-items:center;justify-content:center;transition:background-color .25s ease}.sq:nth-child(9n){border-right:none}.sq:nth-last-child(-n+9){border-bottom:none}.sq--hoshi:after{content:"";position:absolute;right:-3px;bottom:-3px;width:6px;height:6px;border-radius:50%;background:var(--grid);z-index:1;pointer-events:none}.sq--fog{cursor:default;background-color:var(--fog-ink);background-image:url(/art/fog_veil.webp);border-color:var(--fog-line)}.sq--last{background-color:#b23a1f29}.sq--sel{background-color:var(--shu-weak);box-shadow:inset 0 0 0 2px var(--shu)}.koma{width:94%;height:94%;background-size:contain;background-repeat:no-repeat;background-position:center;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 2px 2px rgba(28,23,18,.38))}.koma--rot{transform:rotate(180deg)}.koma__kanji{font-family:var(--brush);font-size:52cqmin;line-height:1}.dot{position:absolute;width:24%;height:24%;border-radius:50%;background:#b23a1f8c}.dot--cap{width:92%;height:92%;border-radius:0;background:none;border:2px solid var(--shu);box-sizing:border-box}.handtile{position:relative;width:72px;height:76px;cursor:pointer;border-radius:var(--radius);transition:background-color .12s,box-shadow .12s,transform .12s}.handtile:hover{background:var(--shu-weak);transform:translateY(-2px)}.handtile--sel{background:var(--shu-weak);box-shadow:inset 0 0 0 2px var(--shu)}.handtile .koma{width:100%;height:100%;filter:drop-shadow(0 2px 2px rgba(28,23,18,.3))}.handtile__n{position:absolute;right:2px;bottom:0;font-size:12px;font-weight:700;color:var(--washi1);background:var(--shu);border-radius:999px;padding:1px 7px;font-variant-numeric:tabular-nums}.facedown{width:26px;height:32px;background:var(--ink);border-radius:3px;opacity:.78;box-shadow:inset 0 0 0 1px #f2e9d838}@media (max-width: 919px){.handtile{width:48px;height:52px}}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c171273;display:flex;align-items:center;justify-content:center;z-index:60}.modal__box{background:var(--washi1);border:1px solid var(--line);border-radius:8px;padding:28px 30px;min-width:250px;box-shadow:0 34px 90px #1c171266}.modal__q{text-align:center;font-family:var(--mincho);font-size:17px;color:var(--ink)}.hero-art{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:url(/art/hero_1920.webp) center left / cover no-repeat}.hero-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#f2e9d800 38%,#f2e9d8e6 60%,#f2e9d8fa 76%)}.home__col .chip{background:#f8f1e3cc}.home__col .btn--ghost{background:#f8f1e3d9}.home__stage{flex:1;display:flex;align-items:center}.home__col{width:400px;margin-left:auto;margin-right:clamp(40px,9vw,170px);display:flex;flex-direction:column;padding:12px 0 40px}.home__title{font-family:var(--mincho);font-weight:800;font-size:62px;letter-spacing:3px;margin:0;color:var(--ink);line-height:1.1}.home__tagline{font-family:var(--brush);color:var(--shu);font-size:20px;letter-spacing:.45em;margin:12px 0 34px}.home__cta{padding:18px 22px;font-size:16.5px;letter-spacing:5px}@media (max-width: 919px){.hero-art{position:absolute;height:200px;background-size:cover}.hero-art:after{background:linear-gradient(180deg,rgba(242,233,216,0) 30%,var(--washi0) 92%)}.home__stage{padding-top:170px}.home__col{margin:0 auto;width:min(400px,92vw)}.home__title{font-size:44px}}.enso{display:flex;justify-content:center;color:var(--ink)}.enso svg{width:64px;height:64px;animation:enso-turn 2.6s linear infinite;opacity:.85}@keyframes enso-turn{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.enso svg{animation:none}}.waiting__pulse{display:flex;align-items:center;justify-content:center;gap:14px}.waiting__pulse .enso svg{width:34px;height:34px}.onb{max-width:350px;text-align:center}.onb-board{display:grid;grid-template-columns:repeat(5,46px);gap:0;justify-content:center;margin:4px auto 18px;border:2px solid var(--board-edge);border-radius:2px;width:fit-content;background:var(--board-face) url(/art/board_face.webp) center / cover;box-shadow:0 14px 36px #1c171240}.onb-board--one{grid-template-columns:68px}.onb-board--row{grid-template-columns:repeat(3,58px)}.onb-sq{position:relative;aspect-ratio:1;container-type:size;border-right:1px solid var(--grid);border-bottom:1px solid var(--grid);display:flex;align-items:center;justify-content:center}.onb-sq:nth-child(5n){border-right:none}.onb-board--one .onb-sq,.onb-board--row .onb-sq:nth-child(3n){border-right:none}.onb-sq--fog{background:var(--fog-ink) url(/art/fog_veil.webp) center / cover;border-color:var(--fog-line)}.onb-sq--sel{background:var(--shu-weak);box-shadow:inset 0 0 0 2px var(--shu)}.onb-sq .koma{width:86%;height:86%}.onb__title{font-family:var(--mincho);font-size:19px;letter-spacing:2px;margin-top:4px;color:var(--ink);font-weight:800}.onb__body{color:var(--ink-soft);font-size:14px;line-height:1.9;margin-top:10px;text-align:left}.onb__dots{display:flex;gap:7px;justify-content:center;margin-top:16px}.onb__dot{width:7px;height:7px;border-radius:50%;background:var(--line-hi)}.onb__dot--on{background:var(--shu)}.rules{max-width:580px;margin:0 auto;width:100%;padding:4px 22px 30px}.rules__h1{font-family:var(--mincho);font-size:26px;letter-spacing:3px;font-weight:800;margin:8px 0 4px;color:var(--ink)}.rules__h2{font-family:var(--mincho);font-size:16px;letter-spacing:2px;margin:26px 0 7px;border-left:3px solid var(--shu);padding-left:11px;color:var(--ink)}.rules__p{color:var(--ink-soft);font-size:14px;line-height:2;margin:0}.verdict{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--washi0) url(/art/washi_tile.webp) repeat;background-size:512px;animation:verdict-in .5s ease both}.verdict__splash{position:absolute;width:min(680px,70vh);opacity:.92;pointer-events:none;animation:splash-in .6s cubic-bezier(.2,.9,.3,1) both}.verdict__word{position:relative;font-family:var(--brush);font-size:min(180px,22vh);letter-spacing:.08em;color:var(--washi1);line-height:1;text-shadow:0 2px 24px rgba(28,23,18,.35);animation:word-in .55s cubic-bezier(.2,1.4,.4,1) .15s both}.verdict__word--win{color:var(--shu-hi)}.verdict__reason{position:relative;font-family:var(--mincho);font-size:17px;letter-spacing:4px;color:var(--ink);margin-top:30px;padding:9px 22px;background:var(--washi1);border:1px solid var(--line);border-radius:999px;box-shadow:0 6px 18px #1c17121f;animation:word-in .4s ease .4s both}.verdict__ctas{position:relative;display:flex;flex-direction:column;gap:12px;width:280px;margin-top:44px;animation:word-in .4s ease .55s both}.verdict__ctas .btn--ghost{background:#f8f1e3eb}.verdict__ctas .btn--text{background:#f8f1e3cc;border-radius:var(--radius)}@keyframes verdict-in{0%{opacity:0}}@keyframes splash-in{0%{opacity:0;transform:scale(.72)}}@keyframes word-in{0%{opacity:0;transform:scale(1.25)}}.verdict--still,.verdict--still .verdict__splash,.verdict--still .verdict__word,.verdict--still .verdict__reason,.verdict--still .verdict__ctas{animation:none}@media (prefers-reduced-motion: reduce){.verdict,.verdict__splash,.verdict__word,.verdict__reason,.verdict__ctas{animation:none}}.btn--offered{background:var(--shu);border-color:var(--shu);animation:offered-pulse 1.2s ease-in-out infinite}@keyframes offered-pulse{50%{transform:scale(1.03)}}@media (prefers-reduced-motion: reduce){.btn--offered{animation:none}}.duo{display:flex;min-height:100vh}.duo__pane{flex:1;min-width:0;border-right:1px solid var(--line-hi);overflow-y:auto}.duo__pane:last-child{border-right:none}@media (max-width: 760px){.duo{flex-direction:column}.duo__pane{border-right:none;border-bottom:1px solid var(--line-hi)}}.review{max-width:540px;margin:0 auto;width:100%}.resultbar{margin:14px 14px 8px;padding:18px;background:var(--washi1);border:1px solid var(--line);color:var(--ink);border-radius:8px;text-align:center;font-family:var(--mincho);font-size:19px;letter-spacing:3px;font-weight:800;box-shadow:var(--shadow-card)}.sq--veil:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#17120d8c;pointer-events:none}.stepper{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 0}.stepper__n{min-width:104px;text-align:center;font-size:14px;color:var(--ink-soft);letter-spacing:1px;font-variant-numeric:tabular-nums}.iconbtn{border:1px solid var(--line-hi);background:transparent;color:var(--ink-soft);border-radius:var(--radius);width:44px;height:36px;font-size:15px;transition:all .15s}.iconbtn:hover{border-color:var(--ink);color:var(--ink)}.iconbtn--off{opacity:.3;pointer-events:none}.review .board-area{padding:6px 10px}