:root{--bg: #f7f6f2;--fg: #1d1d1f;--muted: #6b6b70;--card: #ffffff;--border: #dedcd6;--tile-border: #d3d6da;--tile-filled: #878a8c;--key-bg: #e4e2dc;--key-fg: #1d1d1f;--m2: #5a9e53;--m1: #c7a93a;--m0: #8b8d90;--accent: #3f7fd9;--danger: #d0453a;--shadow: 0 1px 3px rgba(0, 0, 0, .08), 0 4px 14px rgba(0, 0, 0, .05);--font: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic UI", "Meiryo", system-ui, sans-serif;color-scheme:light}:root[data-theme=dark]{--bg: #121214;--fg: #ececf0;--muted: #9a9aa2;--card: #1c1c20;--border: #2f2f36;--tile-border: #3a3a40;--tile-filled: #6a6a72;--key-bg: #34343b;--key-fg: #ececf0;--m2: #4f8a49;--m1: #a8902f;--m0: #45464b;--accent: #5b98ee;color-scheme:dark}@media(prefers-color-scheme:dark){:root[data-theme=auto]{--bg: #121214;--fg: #ececf0;--muted: #9a9aa2;--card: #1c1c20;--border: #2f2f36;--tile-border: #3a3a40;--tile-filled: #6a6a72;--key-bg: #34343b;--key-fg: #ececf0;--m2: #4f8a49;--m1: #a8902f;--m0: #45464b;--accent: #5b98ee;color-scheme:dark}}:root[data-contrast="1"]{--m2: #e8762f;--m1: #5aa7ee}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--fg);font-family:var(--font)}body{-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button{font-family:inherit;color:inherit}a{color:var(--accent)}.app{display:flex;flex-direction:column;height:100vh;height:100dvh;max-width:760px;margin:0 auto;padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left)}@media(min-width:900px){.app{max-width:1040px}}header.top{display:flex;align-items:center;gap:4px;height:48px;padding:0 6px;border-bottom:1px solid var(--border);flex:none}header.top h1{flex:1;margin:0;font-size:18px;text-align:center;letter-spacing:.08em}header.top h1.logo{font-size:20px;letter-spacing:.2em}.top-right{display:flex}.icon{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:0;background:none;font-size:19px;border-radius:10px;cursor:pointer}.icon:hover{background:var(--key-bg)}main{flex:1;min-height:0;display:flex;flex-direction:column}.page{flex:1;overflow-y:auto;padding:14px 14px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:14px 16px;box-shadow:var(--shadow)}.card h2{margin:0 0 10px;font-size:17px}.card h2 small{font-size:12px;color:var(--muted);font-weight:400;margin-left:6px}.card h3{font-size:14px;margin:12px 0 6px;color:var(--muted)}.center{text-align:center}.hint{color:var(--muted);font-size:13px;line-height:1.6;margin:4px 0 10px}.hint.small{font-size:11px;word-break:break-all}.hero{text-align:center;padding:6px 0 2px}.hero .tile{--tile: 44px;display:inline-flex;margin:0 3px}.hero p{color:var(--muted);font-size:14px;margin:12px 0 0}.foot{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;padding:6px 0 10px}.btn{border:1px solid var(--border);background:var(--card);padding:10px 16px;border-radius:12px;font-size:15px;cursor:pointer;font-weight:600}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.danger{color:var(--danger)}.btn.big{padding:13px 20px;font-size:17px;min-width:60%}.row-btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.card>.btn.primary:not(.big){width:100%}.card>.btn:not(.primary){width:100%}.link{background:none;border:0;color:var(--accent);font-size:14px;cursor:pointer;padding:4px;text-decoration:none}.settings-grid{display:grid;grid-template-columns:auto 1fr;gap:10px 12px;align-items:center}.settings-grid>label{font-size:13px;color:var(--muted);white-space:nowrap}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{border:1px solid var(--border);background:var(--bg);border-radius:999px;padding:7px 13px;font-size:15px;cursor:pointer;min-width:42px;font-weight:600}.chips.small .chip{padding:5px 10px;font-size:13px;min-width:36px}.chip.on{background:var(--fg);color:var(--bg);border-color:var(--fg)}.chip:disabled{cursor:default;opacity:.75}.chip:disabled:not(.on){opacity:.45}.text{width:100%;font-size:16px;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--bg);color:var(--fg);font-family:inherit}.text.code{font-size:24px;letter-spacing:.3em;text-align:center;max-width:160px}.join-row{display:flex;gap:10px;align-items:center}.toggle-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--border);font-size:15px}.toggle-row small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.toggle-row input{width:22px;height:22px;accent-color:var(--accent)}.settings .row-btns{justify-content:flex-end}.game{flex:1;min-height:0;display:flex;flex-direction:column}.infobar{display:flex;align-items:center;gap:10px;padding:6px 12px;font-size:13px;color:var(--muted);flex:none;position:relative}.infobar .tag{font-weight:700;color:var(--fg)}.infobar .remain b{color:var(--fg);font-size:15px}.infobar .count{margin-left:auto;font-variant-numeric:tabular-nums}.board{flex:1;min-height:0;overflow-y:auto;padding:6px 8px;display:flex}.board-inner{margin:auto;display:flex;flex-direction:column;gap:5px}.row{display:flex;gap:5px;justify-content:center;align-items:center}.tile{width:var(--tile);height:var(--tile);border:2px solid var(--tile-border);border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:calc(var(--tile) * .5);line-height:1;-webkit-user-select:none;user-select:none;background:transparent}.tile.small{--tile: 34px}.tile.filled{border-color:var(--tile-filled);animation:pop .1s ease-out}.tile.pending{color:var(--muted);font-size:calc(var(--tile) * .32);font-weight:600}.tile.m0,.tile.m1,.tile.m2{color:#fff;border-color:transparent}.tile.m0{background:var(--m0)}.tile.m1{background:var(--m1)}.tile.m2{background:var(--m2)}.tile.reveal{animation:flip .5s ease both;animation-delay:var(--d, 0ms)}@keyframes flip{0%{transform:rotateX(0);background:transparent;border-color:var(--tile-filled);color:var(--fg)}49%{transform:rotateX(90deg);background:transparent;border-color:var(--tile-filled);color:var(--fg)}50%{transform:rotateX(90deg)}to{transform:rotateX(0)}}@keyframes pop{0%{transform:scale(.9)}60%{transform:scale(1.06)}to{transform:scale(1)}}.row.shake{animation:shake .42s}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-7px)}40%,80%{transform:translate(7px)}}.owner{width:20px;height:20px;border-radius:50%;color:#fff;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex:none;margin-right:2px}.owner.empty{background:transparent;border:2px dashed var(--tile-border)}.keyboard{flex:none;padding:6px 4px calc(8px + env(safe-area-inset-bottom));-webkit-user-select:none;user-select:none}.keyboard.off .kb-pages{opacity:.45}.kb-pages{display:flex;gap:14px;justify-content:center}.kb-page{flex:10;display:flex;flex-direction:column;gap:5px}.kb-page.daku{flex:8}.kb-row{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}.kb-page.daku .kb-row{grid-template-columns:repeat(8,1fr)}@media(max-width:759px),(max-height:559px){.kb-page.daku .kb-row{grid-template-columns:repeat(8,calc((100% - 36px)*.1));justify-content:center}}.key{height:clamp(36px,6.2vh,50px);border:0;border-radius:7px;background:var(--key-bg);color:var(--key-fg);font-size:clamp(15px,2.4vh,20px);font-weight:700;cursor:pointer;touch-action:manipulation;padding:0}.key:active:not(:disabled){filter:brightness(.85)}.key.blank{background:transparent}.key[data-m="2"]{background:var(--m2);color:#fff}.key[data-m="1"]{background:var(--m1);color:#fff}.key[data-m="0"]{background:var(--m0);color:#fff;opacity:.7}.kb-row.ctrl{display:flex;gap:6px;margin-top:6px}.kb-row.ctrl .key{flex:2;font-size:15px}.kb-row.ctrl .key.wide3{flex:3}.key.enter{background:var(--accent);color:#fff}.key.toggle.hint{box-shadow:inset 0 -3px 0 var(--m1)}.after{display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 16px calc(16px + env(safe-area-inset-bottom))}.members{display:flex;gap:6px;flex-wrap:wrap;padding:6px 10px 0;flex:none;align-items:center}.member{display:inline-flex;align-items:center;gap:4px;font-size:12px;padding:3px 8px 3px 3px;border-radius:999px;border:1px solid var(--border);position:relative;background:var(--card)}.member .dot{width:20px;height:20px;border-radius:50%;background:var(--c);color:#fff;font-weight:700;display:inline-flex;align-items:center;justify-content:center;font-size:11px}.member.off{opacity:.45}.member.turn{border-color:var(--c);box-shadow:0 0 0 2px var(--c)}.member .wins{color:var(--m1);font-weight:700}.member .float{position:absolute;left:50%;top:-6px;font-size:22px;animation:floatup 2.2s ease-out forwards;pointer-events:none}@keyframes floatup{0%{transform:translate(-50%) scale(.6);opacity:0}15%{opacity:1;transform:translate(-50%,-8px) scale(1.2)}to{transform:translate(-50%,-46px) scale(1);opacity:0}}.net-warn{font-size:12px;color:var(--danger)}.reactions{position:relative}.react-pop{position:absolute;right:0;top:30px;z-index:5;display:flex;gap:2px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:4px;box-shadow:var(--shadow)}.react-pop button{border:0;background:none;font-size:22px;padding:4px;cursor:pointer}.turn-banner{margin:0 12px;padding:6px 12px;border-radius:10px;background:var(--key-bg);display:flex;gap:10px;align-items:center;font-size:14px;position:relative;overflow:hidden;flex:none}.turn-banner b{margin-left:auto;font-variant-numeric:tabular-nums}.turn-banner i{position:absolute;left:0;bottom:0;height:3px;background:var(--accent);transition:width .2s linear}.turn-banner.mine{background:var(--accent);color:#fff}.turn-banner.mine i{background:#fff}.turn-banner.hurry b{color:var(--danger)}.turn-banner.mine.hurry b{color:#ffe36e}.drafts{display:flex;gap:12px;justify-content:center;font-size:13px;padding:2px 8px;flex-wrap:wrap}.room-code{font-size:52px;font-weight:800;letter-spacing:.18em;margin:2px 0 8px}.lobby .row-btns{justify-content:center}.round-result{flex:none;padding:8px 14px calc(14px + env(safe-area-inset-bottom))}.answer-box{text-align:center;padding:4px 0 8px}.answer{font-size:34px;font-weight:800;letter-spacing:.12em}.answer-sub{font-size:18px;color:var(--muted);margin-top:2px}.answer-note{margin:8px 0 4px;font-size:14px}.stats{margin-top:10px}.stat-nums{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;margin:10px 0}.stat-nums b{display:block;font-size:26px}.stat-nums span{font-size:11px;color:var(--muted)}.dist{display:flex;flex-direction:column;gap:3px}.dist-row{display:flex;align-items:center;gap:6px;font-size:12px}.dist-k{width:16px;text-align:right;color:var(--muted)}.dist-bar{background:var(--m0);color:#fff;padding:1px 6px;border-radius:3px;text-align:right;font-weight:700}.dist-bar.on{background:var(--m2)}.overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:50;padding:16px;animation:fade .15s}@keyframes fade{0%{opacity:0}}.modal{background:var(--card);border-radius:18px;width:100%;max-width:440px;max-height:88vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #0000004d}.modal.wide{max-width:560px}.modal-head{display:flex;align-items:center;padding:10px 10px 0 18px}.modal-head h2{flex:1;margin:0;font-size:18px}.modal-body{overflow-y:auto;padding:8px 18px 18px}.modal-actions{display:flex;gap:10px;justify-content:center;margin-top:16px;flex-wrap:wrap}.toasts{position:fixed;top:calc(56px + env(safe-area-inset-top));left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:6px;z-index:60;pointer-events:none}.toast{background:var(--fg);color:var(--bg);padding:9px 16px;border-radius:10px;font-size:14px;font-weight:600;box-shadow:var(--shadow);animation:fade .15s;max-width:90vw}.help{font-size:14px;line-height:1.7}.help ul{padding-left:1.2em;margin:6px 0}.help h3{font-size:15px;margin:14px 0 4px}.demo-row{display:flex;gap:4px;margin:8px 0}.sw{display:inline-block;width:14px;height:14px;border-radius:3px;vertical-align:-2px;margin-right:4px}.sw.m0{background:var(--m0)}.sw.m1{background:var(--m1)}.sw.m2{background:var(--m2)}.center-msg{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;text-align:center}.spinner{width:34px;height:34px;border:4px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-delay:0ms!important}}@media(max-width:480px){.card .settings-grid{grid-template-columns:1fr;gap:4px}.card .settings-grid>label{margin-top:6px}.card .settings-grid .chips{flex-wrap:nowrap}.card .settings-grid .chip{flex:1;min-width:0;padding-left:4px;padding-right:4px}.modal .settings-grid .chips{flex-wrap:wrap}}.home .row-btns .btn.big{flex:1}button.member{font-family:inherit;color:inherit;cursor:pointer}button.member:disabled{cursor:default;opacity:1}button.member.off:disabled,button.member.off{opacity:.45}.sheet{display:flex;flex-direction:column;gap:10px;padding-top:4px}.sheet .btn{width:100%}.rules{padding-left:1.2em;line-height:1.7;font-size:14px;margin:4px 0 10px}.blocked-list{display:flex;flex-direction:column;gap:6px;margin:6px 0}.blocked-list div{display:flex;justify-content:space-between;align-items:center;font-size:14px}