: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:-6%;right:-6%;bottom:-3vh;height:28vh;z-index:-1;pointer-events:none;background:url(/art/sumi_edge.webp) bottom center / 100% auto no-repeat;opacity:.28;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}.screen-anim{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-anim{animation:none}}.topbar{display:flex;align-items:center;gap:8px;padding:18px 26px}.topbar__brand{display:flex;align-items:center}.topbar__word{height:22px;width:auto;display:block}.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}.chatbar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:6px 8px}.chatbar .chip{font-size:12px;padding:6px 12px;background:#f8f1e3e6}.chatbubble{align-self:flex-start;max-width:90%;margin:2px 8px;background:var(--washi0);border:1px solid var(--line-hi);border-radius:12px 12px 12px 3px;padding:8px 14px;font-size:13.5px;color:var(--ink);box-shadow:0 6px 16px #1c17121f;animation:word-in .25s ease both}.chatbubble--mine{align-self:flex-end;border-radius:12px 12px 3px;background:var(--shu-weak);border-color:var(--shu)}.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)}.home__stage{flex:1;display:flex;align-items:center;justify-content:center;padding:0 20px}.home__frame{display:flex;align-items:center;justify-content:center;width:min(1260px,100%)}.home__art{flex:1 1 58%;min-width:0;max-height:78vh;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.home__col{flex:0 0 400px;margin-left:max(-110px,-8vw);position:relative;z-index:1;display:flex;flex-direction:column;padding:0 0 36px}.home__col .field label,.home__col .muted,.home__col .btn--text,.home__col .divider,.home__title{text-shadow:0 1px 0 rgba(248,241,227,.95),0 0 8px rgba(248,241,227,.95),0 0 16px rgba(248,241,227,.85),0 0 26px rgba(248,241,227,.7)}.home__col .field label{color:var(--ink-soft)}.lockup{display:flex;align-items:center}.home__title{margin:0;flex:1;min-width:0;line-height:0}.lockup__word{width:100%;display:block;filter:drop-shadow(0 1px 0 rgba(248,241,227,.95)) drop-shadow(0 0 10px rgba(248,241,227,.9)) drop-shadow(0 0 22px rgba(248,241,227,.75))}.home__tagline{font-family:var(--brush);color:var(--shu);font-size:20px;letter-spacing:.45em;margin:12px 0 34px}.home__rule{width:64px;height:4px;margin-top:14px;background:linear-gradient(90deg,var(--shu),var(--shu-hi) 70%,transparent);border-radius:2px}.lobby{flex:1;display:grid;grid-template-columns:minmax(520px,780px) 320px;gap:28px;justify-content:center;align-content:start;padding:18px 24px 40px;width:100%}.lobby__rooms{background:var(--washi1);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-card);overflow:hidden}.lobby__h{display:flex;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line)}.lobby__htext{font-family:var(--mincho);font-weight:800;font-size:17px;letter-spacing:3px;color:var(--ink)}.roomlist{min-height:260px}.roomlist__empty{display:flex;align-items:center;justify-content:center;min-height:260px}.roomrow{display:grid;grid-template-columns:1.3fr 62px 1.1fr .9fr 40px 76px;align-items:center;gap:12px;padding:11px 16px;border-bottom:1px solid var(--line)}.roomrow:hover{background:#1c171208}.roomlist__head{padding:9px 16px;font-size:11px;letter-spacing:2px;color:var(--ink-faint);background:#1c171208}.roomlist__head:hover{background:#1c171208}.roomrow__name{font-weight:700;color:var(--ink);letter-spacing:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roomrow__status{font-size:12px;letter-spacing:1px;color:var(--shu);font-weight:700;white-space:nowrap}.roomrow__status--playing{color:var(--ink-faint);font-weight:600}.roomrow__players{font-size:13px;color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roomrow__meta{font-size:12.5px;color:var(--ink-faint);white-space:nowrap}.roomrow__watch{font-size:12.5px;color:var(--ink-faint);text-align:center}.roomrow .btn{padding:8px 14px;font-size:13px;justify-self:end}.lobby__actions{display:flex;flex-direction:column}.menu{background:var(--washi1);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-card);overflow:hidden}.menu__item{display:flex;align-items:center;gap:10px;width:100%;padding:15px 18px;background:none;border:0;border-bottom:1px solid var(--line);cursor:pointer;text-align:left;font-family:var(--mincho);font-weight:700;font-size:15px;letter-spacing:3px;color:var(--ink);transition:background .15s ease,color .15s ease}.menu__item:last-child{border-bottom:0}.menu__item:hover{background:var(--ink);color:var(--washi1)}.menu__item--primary{background:var(--ink);color:var(--washi1);padding:19px 18px;font-size:16.5px;letter-spacing:6px}.menu__item--primary:hover{background:var(--shu);color:var(--washi1)}.menu__item--rank .menu__label{letter-spacing:6px}.menu__item--soon{color:var(--ink-faint)}.menu__item--soon:hover{background:#1c17120d;color:var(--ink-soft)}.menu__label{flex:1 1 auto}.menu__badge{font-size:10.5px;letter-spacing:2px;color:var(--ink-faint);border:1px solid var(--line-hi);border-radius:999px;padding:3px 9px;white-space:nowrap}.menu__item:hover .menu__badge{color:inherit;border-color:currentColor}.sidecard{background:var(--washi1);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-card);overflow:hidden}.sidecard__body{padding:20px 16px;text-align:center;font-size:11.5px;letter-spacing:3px;color:var(--ink-faint)}.usermenu{position:relative}.usermenu__name{font-family:var(--mincho);font-weight:700;letter-spacing:1px}.popmenu{position:absolute;right:0;top:calc(100% + 6px);min-width:190px;z-index:60;background:var(--washi1);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-card);padding:6px;display:none}.popmenu--open{display:block}.popmenu__item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:none;border:0;border-radius:6px;cursor:pointer;text-align:left;font-family:var(--mincho);font-weight:600;font-size:14px;letter-spacing:2px;color:var(--ink)}.popmenu__item:hover{background:#1c17120f}.popmenu__label{flex:1 1 auto}.popmenu__sep{height:1px;background:var(--line);margin:4px 8px}.room__left{display:flex;flex-direction:column;min-width:0}.seats{display:grid;grid-template-columns:1fr 1fr}.seat{padding:24px 20px 20px;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:8px;min-height:180px}.seat:last-child{border-right:0}.seat--mine{background:#b23a1f0a}.seat__side{font-family:var(--mincho);font-weight:800;font-size:16px;letter-spacing:8px;color:var(--ink-soft)}.seat__name{display:flex;align-items:center;gap:8px;margin-top:8px;font-family:var(--mincho);font-weight:700;font-size:18px;letter-spacing:2px;color:var(--ink)}.seat__ready{font-size:11.5px;letter-spacing:2px;color:var(--ink-faint)}.seat__ready--on{color:var(--shu);font-weight:700}.seat__empty{margin-top:16px;font-size:12.5px;letter-spacing:4px;color:var(--ink-faint)}.seat .btn{max-width:210px}.seats__foot{display:flex;align-items:center;gap:10px;padding:12px 16px;border-top:1px solid var(--line)}.sidecard__pad{padding:12px 16px 16px}.setline{display:flex;justify-content:space-between;padding:8px 2px;font-size:13px;border-bottom:1px solid var(--line)}.setline:last-child{border-bottom:0}.setline__k{color:var(--ink-faint);letter-spacing:2px}.setline__v{color:var(--ink);font-weight:600}.watcherlist{padding:4px 8px}.watcherrow{display:flex;align-items:center;gap:8px;padding:8px;border-bottom:1px solid var(--line);font-size:13.5px}.watcherrow:last-child{border-bottom:0}.watcherrow__name{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--ink)}.watcherrow__kick{color:var(--shu);font-size:12px}.roomcode--sm{font-size:36px;margin:6px 0 2px}.watch__bar{display:flex;align-items:center;justify-content:center;gap:14px;padding:6px 0 2px}.watch__tag{font-family:var(--mincho);font-weight:800;letter-spacing:4px;font-size:12.5px;color:var(--shu);border:1px solid currentColor;border-radius:999px;padding:3px 12px}.watch__player{display:flex;align-items:center;gap:14px;max-width:620px;margin:0 auto;padding:3px 14px;width:100%}.watch__player--turn .watch__pname{color:var(--shu)}.watch__pname{font-family:var(--mincho);font-weight:700;letter-spacing:2px;font-size:15px}.watch__clock{font-variant-numeric:tabular-nums;font-size:14px;color:var(--ink-soft)}.watch__hand{display:flex;align-items:center;gap:4px;margin-left:auto}.watch__handlabel{font-size:10.5px;letter-spacing:2px;color:var(--ink-faint);margin-right:4px}.watch__handpiece{position:relative;width:26px;height:28px}.watch__handpiece .koma{width:100%;height:100%}.watch__handcount{position:absolute;right:-5px;bottom:-4px;font-size:10px;font-weight:700;color:var(--washi1);background:var(--ink);border-radius:999px;padding:1px 4px}.watch__chat{position:fixed;bottom:26px;left:50%;transform:translate(-50%);z-index:50;background:var(--washi1);border:1px solid var(--line-hi);border-radius:999px;padding:10px 20px;font-family:var(--mincho);font-weight:700;letter-spacing:2px;box-shadow:var(--shadow-card)}@media (max-width: 919px){.lobby{display:flex;flex-direction:column;padding:12px}}.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)}}.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-modal{max-width:640px;max-height:82vh;overflow-y:auto}.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}.koma--clone{z-index:80;pointer-events:none}.koma--landed{animation:koma-settle .24s cubic-bezier(.2,1.3,.4,1)}@keyframes koma-settle{0%{transform:scale(1.14)}to{transform:scale(1)}}.koma--rot.koma--landed{animation-name:koma-settle-rot}@keyframes koma-settle-rot{0%{transform:rotate(180deg) scale(1.14)}to{transform:rotate(180deg) scale(1)}}.sq--ripple:before{content:"";position:absolute;top:12%;right:12%;bottom:12%;left:12%;border-radius:50%;border:2px solid rgba(28,23,18,.4);pointer-events:none;animation:ink-ripple .4s ease-out both}@keyframes ink-ripple{0%{transform:scale(.5);opacity:.8}to{transform:scale(1.25);opacity:0}}.fogfade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.fogfade--lift{background:var(--fog-ink);animation:fade-out .26s ease both}.fogfade--fall{background:var(--board-face);animation:fade-out .26s ease both}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.capture-splash{position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;width:160%;height:160%;pointer-events:none;z-index:3;animation:splash-pop .32s cubic-bezier(.2,.9,.3,1) both}@keyframes splash-pop{0%{opacity:0;transform:scale(.4)}40%{opacity:.9}to{opacity:0;transform:scale(1.1)}}.check-stamp{position:absolute;left:50%;top:42%;z-index:10;transform:translate(-50%,-50%) rotate(-6deg);font-family:var(--brush);font-size:110px;color:var(--shu);text-shadow:0 2px 20px rgba(178,58,31,.35);pointer-events:none;animation:stamp-in .9s cubic-bezier(.2,1.5,.4,1) both}@keyframes stamp-in{0%{opacity:0;transform:translate(-50%,-50%) rotate(-6deg) scale(1.7)}22%{opacity:1;transform:translate(-50%,-50%) rotate(-6deg) scale(1)}78%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) rotate(-6deg) scale(.96)}}.board-area{position:relative}.gamestart{position:fixed;top:0;right:0;bottom:0;left:0;z-index:75;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f2e9d8f0;animation:gamestart-fade 1.5s ease both}.gamestart__word{font-family:var(--brush);font-size:120px;letter-spacing:.14em;color:var(--ink)}.gamestart__side{font-family:var(--mincho);font-size:20px;letter-spacing:6px;color:var(--shu);margin-top:22px;font-weight:700}@keyframes gamestart-fade{0%{opacity:0}12%{opacity:1}82%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion: reduce){.koma--landed,.sq--ripple:before,.fogfade,.capture-splash,.check-stamp{animation:none}.gamestart{animation:none}}.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}.gallery{display:flex;min-height:100vh;align-items:stretch}.gallery__nav{flex:0 0 232px;position:sticky;top:0;align-self:flex-start;max-height:100vh;overflow-y:auto;padding:18px 14px 40px;border-right:1px solid var(--line);background:#f8f1e399}.gallery__title{font-family:var(--mincho);font-weight:800;font-size:17px;letter-spacing:3px;color:var(--ink)}.gallery__group{margin:18px 0 6px;font-size:11.5px;letter-spacing:3px;color:var(--ink-faint);border-bottom:1px solid var(--line);padding-bottom:4px}.gallery__link{display:block;width:100%;text-align:left;padding:6px 8px;border:0;background:none;font:inherit;font-size:13.5px;color:var(--ink-soft);cursor:pointer;border-radius:4px}.gallery__link:hover{background:#1c17120d;color:var(--ink)}.gallery__link--on,.gallery__link--on:hover{background:var(--ink);color:var(--washi0)}.gallery__main{flex:1;min-width:0;display:flex;flex-direction:column}.gallery__bar{display:flex;align-items:center;gap:10px;min-height:44px;padding:6px 16px;border-bottom:1px dashed var(--line)}.gallery__play{padding:6px 14px;font-size:13px}.gallery__stage{flex:1;min-width:0;display:flex;flex-direction:column}.gallery__stage>.screen{min-height:calc(100vh - 44px)}.gallery__grid{display:grid;grid-template-columns:repeat(2,minmax(240px,340px));gap:40px;align-content:center;justify-content:center}.gallery__cell{text-align:center}.gallery__toasttray{display:flex;flex-wrap:wrap;gap:8px;padding:14px 16px}.gallery__toasttray .btn{padding:8px 12px;font-size:12.5px}