: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: #e6d9b8;--grid: rgba(38, 32, 24, .88);--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;--fs-xs: 11px;--fs-sm: 13px;--fs-md: 15px;--fs-lg: 17px;--fs-xl: 19px;--ctl-h: 44px;--ctl-h-sm: 32px}*{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:12px 22px;min-height:var(--ctl-h);font-size:var(--fs-md);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:var(--fs-sm);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}.btn--sm{padding:5px 14px;min-height:var(--ctl-h-sm);font-size:var(--fs-sm);letter-spacing:1px;font-weight:600}.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:10px 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:var(--fs-md);margin:10px 0 28px}.field{width:100%}.field label{display:block;font-size:var(--fs-xs);color:var(--ink-faint);letter-spacing:2px;margin-bottom:7px}.input{width:100%;padding:11px 13px;min-height:var(--ctl-h);font-family:inherit;font-size:var(--fs-md);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:var(--fs-xs);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:var(--fs-sm);white-space:nowrap;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:var(--fs-sm);letter-spacing:1px;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:var(--fs-sm);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,calc(100vh - 240px)) 108px 320px;gap:18px;justify-content:center;align-items:start;padding:4px 24px 14px;margin:0 auto;max-width:1600px}.game .board{max-width:calc(100vh - 240px)}.komadai{display:flex;flex-direction:column;align-items:center;gap:12px;background:none;border:none;box-shadow:none;padding:16px 8px}.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(--brush);writing-mode:vertical-rl;letter-spacing:10px;color:var(--ink-soft);font-size:var(--fs-xl);-webkit-user-select:none;user-select:none}.komadai__empty{display:none}.komadai__count{font-weight:700;font-size:var(--fs-lg);color:var(--ink);font-variant-numeric:tabular-nums}.komadai__tiles{display:flex;flex-direction:column;gap:8px;align-items:center}.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:var(--fs-md);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:var(--fs-lg);letter-spacing:3px;color:var(--ink);font-weight:700}.panel__meta{padding:12px 10px 2px;font-size:var(--fs-xs);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:var(--fs-xs);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:var(--fs-sm);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:var(--fs-xs);letter-spacing:1px;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:var(--fs-lg);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:var(--fs-xs);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:12px}.board-body{display:grid;grid-template-columns:1fr 18px}.ranks{display:grid;grid-template-rows:repeat(9,1fr);margin-left:12px}.coord{font-size:var(--fs-sm);font-weight:700;color:var(--washi1);text-align:center;align-self:center;position:relative;z-index:7;text-shadow:0 0 2px rgba(23,18,13,1),0 0 4px rgba(23,18,13,.95),0 1px 3px rgba(23,18,13,.95),0 0 9px rgba(23,18,13,.8)}.grid{display:grid;grid-template-columns:repeat(9,1fr);aspect-ratio:1;position:relative;isolation:isolate;background:var(--board-face) url(/art/board_washi.webp) center / cover no-repeat;border:none;border-radius:3px;box-shadow:var(--shadow-board)}.grid:after{content:"";position:absolute;top:-12%;right:-12%;bottom:-16%;left:-12%;pointer-events:none;z-index:-1;background:url(/art/board_frame.png) center / 100% 100% no-repeat}.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:-4px;bottom:-4px;width:8px;height:8px;border-radius:50%;z-index:1;pointer-events:none;background:radial-gradient(circle,rgba(31,26,19,.9) 30%,rgba(31,26,19,.4) 60%,transparent 78%)}.sq--fog{cursor:default;background-color:var(--fog-ink);border-color:var(--fog-line)}.fogdrift{display:none}@supports (mask-image: url()) or (-webkit-mask-image: url()){.sq--fog{background-color:transparent}.fogdrift{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;pointer-events:none;overflow:hidden;border-radius:3px;mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}}.fogdrift__base{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--fog-ink) url(/art/fog_base.webp) center / cover}.fogdrift__wisp{position:absolute;top:-15%;bottom:-15%;left:-1200px;right:-1200px;background:url(/art/fog_wisp1.webp) repeat-x left center / 1200px 130%;opacity:.22;will-change:transform;animation:fog-drift-a 140s linear infinite}.fogdrift__wisp--b{background-image:url(/art/fog_wisp2.webp);opacity:.13;animation:fog-drift-b 90s linear infinite}.fogdrift__terra{position:absolute;width:11.111%;height:11.111%}.fogdrift__terra .terra--hill{background:#a67c2e33;color:#d6c096a6}.fogdrift__terra .terra--forest{background:#4060484d;color:#bed2c0a6}@keyframes fog-drift-a{to{transform:translate3d(1200px,0,0)}}@keyframes fog-drift-b{to{transform:translate3d(-1200px,0,0)}}@media (prefers-reduced-motion: reduce){.fogdrift__wisp{animation:none}}.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:var(--fs-xs);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:var(--fs-lg);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:var(--fs-lg);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:var(--fs-xs);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:var(--fs-xs);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:var(--fs-sm);color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roomrow__meta{font-size:var(--fs-sm);color:var(--ink-faint);white-space:nowrap}.roomrow__watch{font-size:var(--fs-sm);color:var(--ink-faint);text-align:center}.roomrow .btn{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:var(--fs-md);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:var(--fs-lg);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:var(--fs-xs);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:var(--fs-xs);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:var(--fs-md);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:var(--fs-md);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:var(--fs-lg);letter-spacing:2px;color:var(--ink)}.seat__ready{font-size:var(--fs-xs);letter-spacing:2px;color:var(--ink-faint)}.seat__ready--on{color:var(--shu);font-weight:700}.seat__empty{margin-top:16px;font-size:var(--fs-sm);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}.watcherlist{padding:4px 8px}.watcherrow{display:flex;align-items:center;gap:8px;padding:8px;border-bottom:1px solid var(--line);font-size:var(--fs-sm)}.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:var(--fs-xs)}.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:var(--fs-sm);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:var(--fs-md)}.watch__clock{font-variant-numeric:tabular-nums;font-size:var(--fs-md);color:var(--ink-soft)}.watch__hand{display:flex;align-items:center;gap:4px;margin-left:auto}.watch__handlabel{font-size:var(--fs-xs);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:var(--fs-xs);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:var(--fs-lg);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_washi.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_base.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:var(--fs-xl);letter-spacing:2px;margin-top:4px;color:var(--ink);font-weight:800}.onb__body{color:var(--ink-soft);font-size:var(--fs-md);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:var(--fs-md);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:var(--fs-md);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:#f2e9d8e0;border-radius:4px;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}}.board-nudge{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:30;border-radius:4px;box-shadow:inset 0 0 70px #17120d80;animation:board-nudge .7s ease-out both}@keyframes board-nudge{0%{opacity:0}25%{opacity:1}to{opacity:0}}.turn-pulse{animation:turn-pulse .9s ease-in-out 2}@keyframes turn-pulse{50%{color:var(--shu);text-shadow:0 0 10px rgba(178,58,31,.4)}}@media (prefers-reduced-motion: reduce){.board-nudge,.turn-pulse{animation:none}}.verdict{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f2e9d8d1;border-radius:4px;animation:verdict-in .5s ease both}.verdict__splash{position:absolute;width:min(80%,58vh);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(120px,16vh,9vw);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:var(--fs-md);letter-spacing:3px;color:var(--ink);margin-top:20px;padding:7px 18px;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:220px;margin-top:26px;animation:word-in .4s ease .55s both}.verdict__ctas .btn{filter:drop-shadow(0 0 12px rgba(248,241,227,.9)) drop-shadow(0 6px 14px rgba(28,23,18,.3))}.verdict__ctas .btn--ghost{background-color:#f8f1e3f0;filter:drop-shadow(0 0 10px rgba(248,241,227,.9))}.verdict__ctas .btn--text{background-color:#f8f1e3e0;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:var(--fs-xl);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:var(--fs-md);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:var(--fs-md);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:var(--fs-lg);letter-spacing:3px;color:var(--ink)}.gallery__group{margin:18px 0 6px;font-size:var(--fs-xs);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:var(--fs-sm);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:var(--fs-sm);min-height:var(--ctl-h-sm)}.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:var(--fs-sm);min-height:var(--ctl-h-sm)}.panel--lounge{background:transparent;border:0;box-shadow:none;padding:0;gap:0}.panel--lounge .sidecard{margin-top:0}.panel--lounge .sidecard+.sidecard,.panel--lounge .sidecard.mt-16{margin-top:14px}.seatline{padding:10px 4px}.seatline+.seatline{border-top:1px solid var(--line)}.seatline--mine{background:#b23a1f0a;border-radius:4px;padding-left:10px;padding-right:10px}.seatline__head{display:flex;align-items:center;gap:8px;min-height:26px}.seatline__side{font-family:var(--mincho);font-weight:800;letter-spacing:5px;font-size:var(--fs-md);color:var(--ink-soft);flex:none}.seatline__name{font-weight:600;font-size:var(--fs-md);color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seatline__actions{display:flex;gap:6px;align-items:center;margin-top:8px}.seatline__ready{flex:1}.sidecard__hint{padding-top:12px;font-size:var(--fs-xs);letter-spacing:1px;color:var(--ink-faint);text-align:center}.watcherrow__pov{font-size:var(--fs-xs);letter-spacing:1px;color:var(--ink-faint);flex:none}.watcherrow__name{min-width:0}.watcherrow__name>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.watcherrow__kick{flex:none;white-space:nowrap}.board-col{display:flex;flex-direction:column;gap:2px}.board-col .resultbar{margin-bottom:8px}.watch__chatnote{padding:10px 10px 0;font-size:var(--fs-xs);letter-spacing:1px;color:var(--ink-faint)}.handtile--still,.handtile--still:hover{transform:none;cursor:default;background:transparent}.terra{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;display:flex;align-items:flex-end;justify-content:flex-start;padding:1px 3px;font-family:var(--mincho);font-size:var(--fs-xs);line-height:1}.terra--hill{background:radial-gradient(circle at 50% 62%,#a67c2e4d,#a67c2e1a 72%);color:#6e4e14c7}.terra--forest{background:radial-gradient(circle at 50% 45%,#2e4a3461,#2e4a3426 76%);color:#183020d1}.sq--fog .terra--hill{background:#a67c2e33;color:#d6c09699}.sq--fog .terra--forest{background:#4060484d;color:#bed2c099}.modal__hint{text-align:center;margin-top:8px;font-size:var(--fs-sm);color:var(--ink-soft);letter-spacing:1px}.modal__hint--warn{color:var(--shu)}.modal__actions{display:flex;gap:10px;justify-content:center;margin-top:18px}.input--code{text-align:center;letter-spacing:10px;font-size:24px;font-family:var(--mincho)}.btn--inline{padding:6px;font-size:var(--fs-sm);white-space:nowrap;flex:none}.roomcard{background:var(--washi1);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-card);overflow:hidden}.roomcard__head{display:flex;align-items:baseline;gap:8px;padding:14px 16px 12px;border-bottom:1px solid var(--line)}.roomcard__name{font-family:var(--mincho);font-weight:800;font-size:var(--fs-lg);letter-spacing:2px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roomcard__no{font-size:var(--fs-sm);color:var(--ink-faint);letter-spacing:1px;white-space:nowrap;font-variant-numeric:tabular-nums}.roomcard__sec{padding:8px 16px 12px;border-bottom:1px solid var(--line)}.roomcard__row{display:flex;align-items:center;gap:8px}.roomcard__seclabel{font-size:var(--fs-xs);letter-spacing:2px;color:var(--ink-faint);white-space:nowrap;flex:none}.roomcard__sec>.roomcard__seclabel{display:block;padding-top:4px}.roomcard__sum{font-size:var(--fs-sm);color:var(--ink-soft);letter-spacing:1px;min-width:0}.roomcard__foot{display:flex;align-items:center;padding:4px 8px}.watcherlist--flat{padding:0}.watcherlist--flat .watcherrow{padding:6px 0}.lobby--split{flex:1;display:grid;grid-template-columns:312px minmax(0,1fr);min-height:0}.rail{background:var(--ink);color:var(--washi1);display:flex;flex-direction:column;padding:26px 26px 20px;box-shadow:14px 0 40px #17120d47;position:relative;z-index:2}.rail__brand{width:178px;max-width:100%;height:auto;display:block;filter:invert(1) brightness(1.06);opacity:.96}.rail__online{margin:22px 0 18px;display:flex;align-items:center;gap:12px;font-size:var(--fs-sm);letter-spacing:1px;color:#f8f1e3b8}.rail__online>span{display:flex;align-items:center;gap:7px}.rail__dot{width:7px;height:7px;border-radius:50%;background:var(--shu-hi);box-shadow:0 0 8px var(--shu-hi)}.rail__sep{opacity:.4}.rail__cta{background:var(--washi1);color:var(--ink);text-align:center;padding:15px;border-top:3px solid var(--shu);cursor:pointer;margin-bottom:16px;transition:box-shadow .15s,transform .1s}.rail__cta:hover{box-shadow:0 8px 22px #17120d4d;transform:translateY(-1px)}.rail__cta-t{font-family:var(--mincho);font-weight:800;font-size:var(--fs-lg);letter-spacing:8px}.rail__cta-s{font-size:var(--fs-xs);letter-spacing:2px;color:var(--ink-faint);margin-top:5px}.rmenu{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;width:100%;padding:13px 4px;border-bottom:1px solid rgba(248,241,227,.16);font-family:var(--mincho);font-weight:700;font-size:var(--fs-md);letter-spacing:4px;cursor:pointer;color:var(--washi1);transition:color .12s}.rmenu:hover{color:var(--shu-hi)}.rmenu__mark{color:#f8f1e366;font-size:var(--fs-sm);letter-spacing:0}.rmenu--soon,.rmenu--soon:hover{color:#f8f1e36b;cursor:default}.rail__soon{font-size:9px;letter-spacing:2px;border:1px solid rgba(248,241,227,.28);border-radius:999px;padding:3px 8px;font-family:var(--sans);font-weight:600}.rail__friends{margin-top:18px;padding-top:16px;border-top:1px solid rgba(248,241,227,.16);display:flex;align-items:center;gap:10px;font-family:var(--mincho);font-weight:700;font-size:var(--fs-sm);letter-spacing:3px;color:#f8f1e3cc}.rail__friends .rail__soon{font-family:var(--sans)}.rail__friends-hint{margin-left:auto;font-size:var(--fs-xs);letter-spacing:2px;color:#f8f1e34d}.rail__foot{margin-top:auto;padding-top:16px;position:relative}.rail__user{display:flex;align-items:center;gap:10px;margin-bottom:15px;cursor:pointer}.rail__avatar{width:30px;height:30px;flex:none;border-radius:50%;background:#f8f1e324;display:flex;align-items:center;justify-content:center;font-family:var(--mincho);font-size:var(--fs-sm)}.rail__uname{font-family:var(--mincho);font-weight:700;font-size:var(--fs-md);letter-spacing:2px;line-height:1.25}.rail__usub{font-size:10px;letter-spacing:1px;color:#f8f1e380}.rail__ucaret{color:#f8f1e366;margin-left:auto}.rail__util{display:flex;align-items:center;gap:15px;font-size:var(--fs-xs);letter-spacing:1px;color:#f8f1e380}.rail__util .util{cursor:pointer;transition:color .12s;background:none;border:none;color:inherit;font:inherit;letter-spacing:inherit;padding:0}.rail__util .util:hover{color:var(--washi1)}.rail__bell{all:unset;box-sizing:border-box;cursor:pointer;position:relative;margin-left:auto;display:flex;align-items:center;color:#f8f1e38c}.rail__bell:hover,.rail__bell--on{color:var(--washi1)}.rail__badge{position:absolute;top:-3px;right:-4px;min-width:14px;height:14px;padding:0 3px;border-radius:999px;background:var(--shu);color:var(--washi1);font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--ink)}.rail__pop{position:absolute;left:0;right:0;bottom:calc(100% + 8px);z-index:40;display:none;background:var(--washi1);color:var(--ink);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-card);padding:6px}.rail__pop--open{display:block}.notif{position:absolute;left:-6px;right:-6px;bottom:calc(100% + 10px);z-index:30;display:none;background:var(--washi1);color:var(--ink);border:1px solid var(--line);border-top:3px solid var(--shu);box-shadow:0 -14px 44px #17120d66}.notif--open{display:block}.notif__head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 10px;border-bottom:1px solid var(--line)}.notif__title{font-family:var(--mincho);font-weight:800;font-size:var(--fs-md);letter-spacing:3px}.notif__x{font-size:var(--fs-xs);letter-spacing:1px;color:var(--ink-faint);cursor:pointer}.notif__list{max-height:250px;overflow:auto}.notif__row{display:flex;gap:11px;padding:13px 16px;border-bottom:1px solid var(--line)}.notif__row:last-child{border-bottom:none}.notif__rowdot{flex:none;margin-top:6px;width:7px;height:7px;border-radius:50%}.notif__body{min-width:0}.notif__meta{display:flex;align-items:center;gap:8px;margin-bottom:3px}.notif__date{font-size:10px;letter-spacing:1px;color:var(--ink-faint)}.notif__text{display:block;font-family:var(--mincho);font-weight:700;font-size:var(--fs-sm);color:var(--ink);letter-spacing:1px;line-height:1.5}.notif__all{text-align:center;padding:11px;font-size:var(--fs-xs);letter-spacing:2px;color:var(--ink-soft);background:#17120d08}.roomlist2{min-width:0;padding:30px 44px;display:flex;flex-direction:column;position:relative;overflow:hidden}.roomlist2__h{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px}.roomlist2__rule{height:2px;background:var(--ink);width:52px;margin-bottom:18px}.rl-bar{display:flex;align-items:center;gap:16px;margin-bottom:16px}.rl-bar__div{width:1px;height:20px;background:var(--line-hi)}.sortwrap{margin-left:auto;position:relative}.sortbtn{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:11px;height:36px;padding:0 15px;border:1px solid var(--line-hi);border-radius:var(--radius);background:#fffdf799;transition:border-color .12s}.sortbtn:hover,.sortbtn--open{border-color:var(--ink)}.sortbtn__k{font-size:var(--fs-xs);letter-spacing:2px;color:var(--ink-faint)}.sortbtn__v{font-family:var(--mincho);font-weight:700;font-size:var(--fs-sm);letter-spacing:1px;color:var(--ink)}.sortbtn__c{font-size:11px;color:var(--ink-faint)}.sortmenu{position:absolute;right:0;top:42px;z-index:20;min-width:186px;display:none;background:var(--washi1);border:1px solid var(--line);border-top:3px solid var(--shu);box-shadow:0 16px 40px #17120d52}.sortmenu--open{display:block}.sortopt{padding:11px 16px;border-bottom:1px solid var(--line);cursor:pointer;font-family:var(--mincho);font-weight:700;font-size:var(--fs-sm);letter-spacing:2px;color:var(--ink);display:flex;align-items:center;gap:9px}.sortopt:last-child{border-bottom:none}.sortopt:hover{background:var(--shu-weak)}.sortopt__dot{width:6px;height:6px;border-radius:50%}.rl-scroll{flex:1;min-height:0;overflow:auto}.rl-head,.rl-row{display:grid;grid-template-columns:minmax(0,1fr) 96px 300px 196px 60px 92px;align-items:center}.rl-head{padding:0 8px 11px;border-bottom:1px solid var(--line-hi)}.rl-row{padding:15px 8px;border-bottom:1px solid var(--line);cursor:pointer}.rl-row:hover{background:#b23a1f0a}.rl-name{font-family:var(--mincho);font-weight:700;font-size:var(--fs-lg);letter-spacing:2px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rl-status{display:flex;align-items:center;gap:7px;font-size:var(--fs-sm);letter-spacing:1px}.rl-status__dot{width:6px;height:6px;border-radius:50%;flex:none}.rl-players{min-width:0;display:flex;align-items:center;gap:9px;font-size:var(--fs-md);color:var(--ink)}.rl-players .prof{white-space:nowrap}.rl-mark{font-size:var(--fs-xs);color:var(--ink-soft)}.rl-vs{flex:none;font-family:var(--mincho);font-size:var(--fs-xs);color:var(--ink-faint)}.rl-rule{display:flex;align-items:center;gap:6px;font-size:var(--fs-sm);color:var(--ink-soft);min-width:0}.rl-watch{text-align:center;font-size:var(--fs-sm);color:var(--ink-faint)}.rl-row .btn{justify-self:end}.rl-empty{padding:60px;text-align:center;font-family:var(--mincho);letter-spacing:3px;color:var(--ink-faint)}.prof{border-bottom:1px solid transparent;transition:border-color .12s,color .12s}.prof:hover{color:var(--shu);border-bottom-color:var(--shu)}.lobby__fog{position:absolute;right:-60px;bottom:-40px;width:520px;height:240px;pointer-events:none;background:radial-gradient(60% 100% at 50% 100%,#17120d24,#17120d00 70%)}@media (max-width: 919px){.lobby--split{display:flex;flex-direction:column}.rail{box-shadow:none}.roomlist2{padding:18px 14px}.rl-head{display:none}.rl-row{display:flex;flex-wrap:wrap;gap:6px 12px}.rl-row .btn{margin-left:auto}}.room2{min-height:100vh;display:flex;flex-direction:column}.room2__bar{flex:none;height:54px;display:flex;align-items:center;gap:20px;padding:0 24px;border-bottom:1px solid var(--line)}.room2__brand{height:20px;width:auto;display:block}.room2__util{margin-left:auto;display:flex;align-items:center;gap:16px;font-size:var(--fs-sm);letter-spacing:1px}.room2__util .util{cursor:pointer;color:var(--ink-soft);background:none;border:none;font:inherit;letter-spacing:inherit;padding:0}.room2__util .util:hover{color:var(--ink)}.room2__body{flex:1;min-height:0;display:flex}.room-board{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;position:relative;padding:10px 24px}.room-board .board{width:100%;max-width:min(500px,calc(100vh - 300px))}.room-board .board-area{width:100%;display:flex;justify-content:center;margin:20px 0}.room-board .grid:after{top:-5%;right:-4%;bottom:-6%;left:-4%}.pstrip{width:min(600px,100%);display:flex;align-items:center;gap:14px;padding:9px 16px;border:1px solid var(--line);border-radius:8px;background:var(--washi1);box-shadow:var(--shadow-card)}.pstrip--turn{border-color:var(--shu);box-shadow:0 0 0 1px var(--shu),var(--shadow-card)}.pstrip__lead{display:flex;align-items:center;gap:9px;flex:none}.pstrip__mark{font-family:var(--mincho);font-size:var(--fs-sm);white-space:nowrap}.pstrip__hand{flex:1;min-width:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pstrip__empty{font-size:var(--fs-xs);letter-spacing:2px;color:var(--ink-faint)}.pstrip__clock{margin-left:auto;flex:none;text-align:right}.pstrip .clock{border:none;background:none;padding:0;min-width:0;font-size:26px}.pstrip .handtile{width:38px;height:42px}.tdot{width:7px;height:7px;border-radius:50%;background:var(--shu);animation:tp 1.4s ease-in-out infinite;flex:none}.tdot-empty{width:7px;height:7px;flex:none}@keyframes tp{0%,to{opacity:1}50%{opacity:.3}}@media (prefers-reduced-motion: reduce){.tdot{animation:none}}.roompanel{width:352px;flex:none;background:var(--washi1);border-left:1px solid var(--line);display:flex;flex-direction:column;position:relative;overflow:hidden}.roompanel__head{flex:none;display:flex;align-items:center;gap:10px;padding:15px 20px 13px;border-bottom:2px solid var(--ink)}.roompanel__name{font-family:var(--mincho);font-weight:800;font-size:var(--fs-xl);letter-spacing:2px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roompanel__no{font-size:var(--fs-xs);letter-spacing:1px;color:var(--ink-faint);flex:none}.roomovf{margin-left:auto;position:relative}.roomovf__btn{all:unset;box-sizing:border-box;cursor:pointer;width:34px;height:34px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--ink-soft);font-size:20px}.roomovf__btn:hover{background:#17120d0d;color:var(--ink)}.roomovf__menu{position:absolute;right:0;top:40px;z-index:30;min-width:184px;display:none;background:var(--washi1);border:1px solid var(--line);border-top:3px solid var(--ink);box-shadow:0 16px 40px #17120d57}.roomovf__menu--open{display:block}.roomovf__item{display:flex;align-items:center;gap:10px;padding:12px 16px;font-size:var(--fs-sm);letter-spacing:1px;color:var(--ink);cursor:pointer;border:none;border-bottom:1px solid var(--line);width:100%;text-align:left;background:none}.roomovf__item:last-child{border-bottom:none}.roomovf__item:hover{background:var(--shu-weak)}.roster{flex:none;padding:8px 20px;border-bottom:1px solid var(--line)}.roster__row{display:flex;align-items:center;gap:10px;padding:6px 0}.roster__row+.roster__row{border-top:1px solid var(--line)}.roster__side{font-family:var(--mincho);font-size:var(--fs-sm);width:42px;flex:none}.roster__name{font-family:var(--mincho);font-weight:700;font-size:var(--fs-md);color:var(--ink)}.roster__empty{font-size:var(--fs-sm);color:var(--ink-faint)}.acc{display:flex;align-items:center;gap:10px;padding:13px 20px;cursor:pointer;border-bottom:1px solid var(--line);-webkit-user-select:none;user-select:none}.acc:hover{background:#17120d05}.acc__title{font-family:var(--mincho);font-weight:700;letter-spacing:2px;color:var(--ink);font-size:var(--fs-md)}.acc__caret{color:var(--ink-faint);font-size:11px;width:12px;text-align:center}.acc-spec{padding:4px 20px 14px;border-bottom:1px solid var(--line)}.acc-spec__row{display:flex;align-items:center;gap:10px;padding:7px 0;font-size:var(--fs-sm)}.acc-spec__name{font-family:var(--mincho);font-weight:700;color:var(--ink)}.acc-set{display:flex;flex-wrap:wrap;gap:8px;padding:4px 20px 14px;border-bottom:1px solid var(--line)}.roomchat{flex:1;min-height:0;display:flex;flex-direction:column}.chatlog{flex:1;min-height:0;overflow:auto;padding:8px 20px 10px;display:flex;flex-direction:column;gap:11px}.chatlog__empty{margin:auto;font-size:var(--fs-sm);color:var(--ink-faint);letter-spacing:1px}.chatmsg{display:flex;flex-direction:column;gap:3px}.chatmsg__head{display:flex;align-items:center;gap:7px}.chatmsg__who{font-family:var(--mincho);font-weight:700;font-size:var(--fs-sm);letter-spacing:1px}.chatmsg__tag{font-size:10px;letter-spacing:1px;color:var(--ink-faint)}.chatmsg__text{font-size:var(--fs-sm);color:var(--ink);line-height:1.5;word-break:break-word}.chatmsg--mine{align-items:flex-end;text-align:right}.chatbar2{flex:none;display:flex;gap:8px;padding:9px 16px;border-top:1px solid var(--line)}.chatbar2 .input{min-height:38px;padding:8px 12px;font-size:var(--fs-sm)}.chatsend{all:unset;box-sizing:border-box;cursor:pointer;width:38px;height:38px;flex:none;display:flex;align-items:center;justify-content:center;background:var(--ink);color:var(--washi1);border-radius:var(--radius)}.chatsend:hover{background:var(--shu)}.chatnote2{flex:none;padding:8px 20px 0;font-size:var(--fs-xs);letter-spacing:1px;color:var(--ink-faint)}.roomfoot{flex:none;border-top:1px solid var(--line);background:#17120d09;padding:13px 20px;display:flex;gap:10px}.roomfoot .btn{flex:1;justify-content:center}.roomfoot__hint{flex:1;text-align:center;align-self:center;font-size:var(--fs-xs);letter-spacing:1px;color:var(--ink-faint)}.transport{width:min(600px,100%);display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:var(--washi1);box-shadow:var(--shadow-card)}.tbtn{all:unset;box-sizing:border-box;cursor:pointer;min-width:40px;height:36px;padding:0 10px;border-radius:var(--radius);border:1px solid var(--line-hi);display:flex;align-items:center;justify-content:center;gap:6px;color:var(--ink);background:var(--washi1);font-size:var(--fs-md)}.tbtn:hover{border-color:var(--ink);background:var(--washi0)}.tbtn--off{opacity:.3;pointer-events:none}.transport__n{min-width:92px;font-variant-numeric:tabular-nums;font-size:var(--fs-sm);color:var(--ink-soft);text-align:center}.transport input[type=range]{flex:1;accent-color:var(--shu);cursor:pointer}.roomov{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;background:#17120d52;display:flex;align-items:center;justify-content:center;padding:24px}.roomov__box{width:100%;background:var(--washi1);border:1px solid var(--line);border-top:3px solid var(--shu);box-shadow:0 20px 50px #17120d73}.roomov__head{display:flex;align-items:center;padding:16px 20px 12px;border-bottom:1px solid var(--line)}.roomov__title{font-family:var(--mincho);font-weight:800;font-size:var(--fs-lg);letter-spacing:2px}.roomov__x{margin-left:auto;cursor:pointer;color:var(--ink-soft)}.invrow{display:flex;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid var(--line);font-size:var(--fs-sm)}.invrow:last-child{border-bottom:none}.invrow__act{margin-left:auto;font-size:var(--fs-xs);letter-spacing:1px;color:var(--shu);cursor:pointer}.invrow__mask{letter-spacing:3px;color:var(--ink)}@media (max-width: 919px){.room2__body{flex-direction:column}.roompanel{width:100%;border-left:none;border-top:1px solid var(--line)}.room-board .board{max-width:92vw}}