:root{--paper:#f5efe1;--paper-deep:#ebe2cb;--paper-edge:#d9ceb2;--ink:#1d2830;--muted:#6b6a5f;--red:#d62a1e;--red-deep:#a81c14;--rule:#3c5a7821;--felt:#1b5741;--gold:#c9a45c;--gothic:"Zen Kaku Gothic New", "Hiragino Sans", "Noto Sans JP", sans-serif;--mincho:"Shippori Mincho B1", "Hiragino Mincho ProN", serif;--hand:"Klee One", "Zen Kaku Gothic New", cursive;--radius:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{min-height:100vh;color:var(--ink);font-family:var(--gothic);background-color:var(--paper);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .3 0 0 0 0 .2 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E"), repeating-linear-gradient(to bottom, transparent 0 31px, var(--rule) 31px 32px);margin:0;line-height:1.6}a{color:inherit}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--red);outline-offset:2px}.site-header{z-index:10;padding:10px max(16px, env(safe-area-inset-left));background:color-mix(in srgb, var(--paper) 92%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:2px solid var(--ink);align-items:center;gap:12px;display:flex;position:sticky;top:0}.brand{font-family:var(--mincho);letter-spacing:.04em;white-space:nowrap;font-size:1.2rem;font-weight:800;text-decoration:none}.site-nav{gap:4px;margin-left:auto;display:flex;overflow-x:auto}.site-nav a{white-space:nowrap;border-bottom:3px solid #0000;padding:4px 8px;font-size:.9rem;font-weight:700;text-decoration:none}.site-nav a.is-current{border-bottom-color:var(--red)}.settings{gap:6px;display:flex}.setting-toggle{white-space:nowrap;border:1.5px solid var(--ink);cursor:pointer;background:0 0;border-radius:999px;padding:3px 8px;font-size:.75rem;font-weight:700}.setting-toggle[aria-pressed=false]{color:var(--muted);border-color:var(--muted)}.sheet{max-width:760px;margin:0 auto;padding:18px 16px 48px}.site-footer{max-width:760px;color:var(--muted);border-top:1px solid var(--paper-edge);margin:0 auto;padding:16px;font-size:.75rem}.loading,.empty,.note{color:var(--muted)}.stamp-button{min-width:9em;min-height:48px;font-family:var(--mincho);letter-spacing:.12em;color:var(--paper);background:var(--red);box-shadow:inset 0 0 0 3px var(--red), inset 0 0 0 5px color-mix(in srgb, var(--paper) 70%, transparent), 0 3px 0 var(--red-deep);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px 22px;font-size:1.15rem;font-weight:800;text-decoration:none;transition:transform 80ms,box-shadow 80ms,background .2s;display:inline-flex}.stamp-button:active:not(:disabled){box-shadow:inset 0 0 0 3px var(--red), inset 0 0 0 5px color-mix(in srgb, var(--paper) 70%, transparent);transform:translateY(3px)}.stamp-button:disabled{box-shadow:inset 0 0 0 3px #b9b1a0, inset 0 0 0 5px var(--paper-deep);cursor:default;background:#b9b1a0}.ghost-button{border:2px solid var(--ink);cursor:pointer;background:0 0;border-radius:6px;min-height:44px;padding:6px 16px;font-weight:700}.ghost-button:hover{background:var(--paper-deep)}.ghost-button--small{min-height:32px;padding:2px 10px;font-size:.85rem}.segmented{background:var(--paper-deep);border-radius:999px;padding:3px;display:inline-flex}.segmented :is(button,label){min-height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:2px 16px;font-size:.85rem;font-weight:700;transition:background-color .15s,color .15s;display:block;position:relative}.segmented :is(button[aria-pressed=true],label:has(input:checked)){color:var(--paper);background:var(--ink)}.segmented input{opacity:0;width:1px;height:1px;position:absolute}.segmented label:has(input:focus-visible){outline:3px solid var(--red);outline-offset:2px}.result__picker{padding:2px}.result__picker button{min-height:24px;padding:0 10px;font-size:.75rem}.notice__switch{justify-content:center;margin:14px 0 18px;display:flex}.set-jump{align-items:center;gap:6px;margin:0 0 14px;font-size:.9rem;display:flex}.set-jump__label{color:var(--muted);margin-right:6px;font-weight:700}.set-jump input{width:5.5em;min-height:32px;font:inherit;color:var(--ink);border:1.5px solid var(--paper-edge);background:#fffdf6;border-radius:6px;margin:0 4px;padding:2px 6px;font-size:.9rem}.play__info{flex-wrap:wrap;gap:4px 14px;margin:8px 0 0;font-weight:700;display:flex}.play__notice{color:var(--red)}.play__progress{color:var(--muted)}.board{border-radius:4px;margin:0 auto 18px;position:relative}.play .board{margin-bottom:10px}.sheet:has(.play){--board:max(328px, calc((100svh - 100px) * .982));max-width:calc(var(--board) + 32px)}.board__scene{position:relative}.board__canvas{border-radius:2px;width:100%;height:100%;display:block;position:absolute;inset:0}.board__overlay,.board__controls{pointer-events:none;position:absolute;inset:0}.board__scene .board__overlay,.board__scene .board__controls{inset:0}.board__prompt{color:#f6efdc;pointer-events:auto;align-items:center;display:flex;position:absolute;left:2%;right:2%}.board__prompt .answer{color:#f6efdc;background:0 0;border:none;flex:1;grid-template-columns:1fr auto auto;grid-template-areas:"prompt body actions";gap:0 10px;padding:0;position:relative}.board__prompt .answer__question{word-break:keep-all;text-shadow:0 1px 2px #00000080;font-size:clamp(1rem,3.6vw,1.6rem)}.board__prompt .answer__hint{color:#d7e7dc;font-size:clamp(.7rem,2.6vw,.9rem)}.board__prompt .riichi-toggle{letter-spacing:0;white-space:nowrap;color:#f6efdc;border-color:#f6efdc;min-height:44px;padding:4px 8px;font-size:clamp(.875rem,3.2vw,1.1rem)}.board__prompt .answer--riichi{gap:0 6px}.board__prompt .riichi-toggle.is-on{color:#fff6ea;border-color:var(--red)}.board__prompt .answer .stamp-button{min-width:6.5em;min-height:44px;padding:4px 14px;font-size:clamp(.95rem,3.4vw,1.15rem)}.board__prompt .tile--confirm{width:clamp(22px,6vw,30px)}.board__prompt .answer--riichi .stamp-button .action__tag{display:none}.board__prompt .answer__message{background:#fffdf6;border-radius:4px;margin-bottom:4px;padding:2px 8px;position:absolute;bottom:100%;right:0}.board__tile{pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:12%/9%;padding:0;position:absolute}.board__tile:after{content:"";border-radius:inherit;opacity:0;animation:tile-invite 2.6s ease-in-out calc(var(--order) * 60ms) infinite;background:#ffecaa47;position:absolute;inset:0;box-shadow:0 0 0 3px #ffd166f2}.board__tile:before{content:"";position:absolute;inset:-30% 0 -8%}.board__tile[aria-pressed=true]{transform:translateY(var(--raise))}.board__tile:disabled{cursor:default}.board.is-picked .board__tile:after,.board__tile:disabled:after{animation:none}@keyframes tile-invite{0%,40%,to{opacity:0}14%{opacity:1}}.grade{transition:opacity .25s;position:absolute;inset:0}.board.is-mark-faded .grade{opacity:.12}.grade__mark{filter:drop-shadow(0 0 1.5px #fffdf6e6)drop-shadow(0 0 5px #fffdf659);width:58%;position:absolute;top:4%;left:16%;overflow:visible;transform:rotate(-7deg)}.grade__score{font-family:var(--hand);color:var(--red);text-shadow:0 0 2px #fffdf6,0 0 6px #fffdf6cc;clip-path:inset(0 100% 0 0);font-size:clamp(3rem,14vw,6.4rem);font-weight:600;line-height:1;position:absolute;bottom:27%;right:4%;transform:rotate(-6deg)}.grade__score small{margin-left:.05em;font-size:.45em}.grade__seal{font-family:var(--mincho);letter-spacing:.08em;color:#fff6ea;background:var(--red);box-shadow:inset 0 0 0 3px var(--red), inset 0 0 0 5px #fff6ea;opacity:0;border-radius:6px;padding:.25em .45em;font-size:clamp(1.1rem,5vw,2rem);font-weight:800;position:absolute;bottom:28%;left:5%}.answer,.result{border:2px solid var(--ink);border-radius:var(--radius);background:#fffdf6b3;padding:16px 14px 18px}.answer{grid-template-columns:1fr auto;grid-template-areas:"prompt actions";align-items:center;gap:10px 12px;padding:12px 14px;display:grid}.answer--riichi{grid-template-areas:"prompt prompt""body actions"}.answer--call{grid-template-columns:minmax(0,1fr);grid-template-areas:"body""actions"}.answer--call .answer__actions{justify-content:flex-end;display:flex}.answer__prompt{grid-area:prompt}.answer__body{grid-area:body}.answer__actions{grid-area:actions}.answer__message{grid-column:1/-1}.answer__message:empty{display:none}.answer .stamp-button{min-height:56px}.answer__question{font-family:var(--mincho);margin:0;font-size:1.35rem;font-weight:800;line-height:1.3}.answer__hint{color:var(--muted);margin:0;font-size:.85rem}.tile{aspect-ratio:3/4;vertical-align:middle;filter:drop-shadow(0 1.5px 1px #00000059);background:url(/tiles/Front.svg) 50%/100% 100% no-repeat;border-radius:12%;width:100%;display:inline-block;position:relative}.tile img{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.tile--small{width:24px}.tile--option{width:38px}.tile--called{box-shadow:0 0 0 2px #e8b83a}.tile--confirm{width:30px;margin-right:4px}.stamp-button .action__tag{margin-right:4px;font-size:.85rem}.riichi-toggle{font-family:var(--mincho);letter-spacing:.1em;border:2px solid var(--ink);cursor:pointer;background:0 0;border-radius:999px;padding:6px 16px;font-weight:800}.riichi-toggle.is-on{color:var(--paper);background:var(--red);border-color:var(--red)}.answer__options{flex-wrap:wrap;gap:8px;display:flex}.option{border:2px solid var(--paper-edge);border-radius:var(--radius);cursor:pointer;background:#fffdf6;align-items:center;min-height:64px;padding:8px 12px;display:flex}.option.is-selected{border-color:var(--red);box-shadow:0 0 0 2px var(--red)}.action{align-items:center;gap:3px;display:inline-flex}.action__tag{margin-right:6px;font-weight:700}.action__tag--riichi{color:var(--paper);background:var(--red);border-radius:4px;padding:0 6px;font-size:.8rem}.result__actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.result .result__actions{grid-template-columns:1fr 1fr;display:grid}.result .result__actions>button{min-width:0;min-height:56px;padding-inline:8px}.result .result__actions .stamp-button{letter-spacing:.04em}.result__details>:first-child,.result__details>:first-child h3{margin-top:0}.result__heading{color:var(--muted);margin:0;font-size:.9rem}.result__list{margin-top:8px}.candidates{margin:0;padding:0;list-style:none}.candidate{border-bottom:1px dashed var(--paper-edge);grid-template-columns:minmax(64px,auto) 1fr 3.4em 3.6em;align-items:center;gap:10px;padding:6px 4px;display:grid}.candidate__who{font-family:var(--hand);color:var(--red);grid-column:1/-1;margin-top:-4px;font-size:.85rem}.candidate.is-mine{background:color-mix(in srgb, var(--red) 7%, transparent)}.candidate.is-best .candidate__score{color:var(--red)}.candidate__bar{background:var(--paper-deep);border-radius:999px;height:10px;overflow:hidden}.candidate__fill{background:var(--felt);border-radius:inherit;height:100%;display:block}.candidate.is-best .candidate__fill{background:var(--red)}.candidate__percent,.candidate__score{font-variant-numeric:tabular-nums;text-align:right;font-weight:700}.candidate__percent{color:var(--muted);font-size:.85rem}.result__meta{overflow-wrap:anywhere;grid-template-columns:7em minmax(0,1fr);gap:4px 8px;margin:8px 0 0;font-size:.9rem;display:grid}.result__meta dt{color:var(--muted);font-weight:700}.result__meta dd{margin:0}.result__summary{flex-direction:column;gap:4px;display:flex}.result__summary>.result__meta{margin:0}.rules-note{color:var(--muted);margin:8px 0 16px;font-size:.8rem}.rules-note>summary{min-height:32px;color:var(--ink);cursor:pointer;font-weight:700}.rules-note>p{margin:4px 0 0}.log-viewer{flex-direction:column;gap:8px;min-width:0;display:flex}.log-viewer__head{align-items:flex-start;gap:8px;display:flex}.log-viewer__head>:first-child{flex:1;min-width:0}.log-viewer__head>.result__meta{margin:0}.log-viewer .ghost-button{min-height:44px;font-size:.85rem}.log-viewer__controls{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.log-viewer__controls>button{padding-inline:10px}.log-viewer__panel{box-sizing:border-box;border:1px solid var(--muted);border-radius:6px;gap:10px;width:100%;min-width:0;padding:12px;display:grid}.log-viewer__panel[hidden]{display:none}.log-viewer__help{margin:0;font-size:.85rem;line-height:1.6}.log-viewer__help strong{font-size:1.2rem}.log-viewer__text{box-sizing:border-box;width:100%;min-width:0;color:var(--ink);background:var(--paper);border:1px solid var(--muted);resize:vertical;border-radius:3px;padding:6px;font:10px/1.4 monospace;display:block}.log-viewer__actions{flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:.85rem;display:flex}.log-viewer__message{color:var(--muted);margin:0;font-size:.8rem}.log-viewer__message:empty{display:none}.rules-note a{margin-left:.5em}.comments{min-width:0;margin:12px 0;font-size:.875rem;line-height:1.45}.comments__header{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:4px;width:100%;display:flex}.comments__header>.comments__modes{flex-shrink:0}.comments__modes label{min-height:28px;padding:4px 8px;font-size:.8rem;line-height:1.3}.comments__content{background:var(--paper);border:1px solid var(--ink);border-radius:6px;margin-top:6px;padding:8px 10px}.comments textarea{width:100%;min-height:60px;font:400 1rem / 1.45 var(--gothic);color:var(--ink);background:var(--paper);border:1px solid var(--muted);resize:vertical;caret-color:var(--red-deep);border-radius:4px;margin:4px 0;padding:6px 8px;display:block}.comments textarea::placeholder{color:var(--muted)}.comments button{background:var(--paper);border:1px solid var(--muted);cursor:pointer;border-radius:4px;min-width:0;min-height:36px;padding:4px 8px;font-weight:700;line-height:1.3}.comments button:hover:not(:disabled){background:var(--paper-deep)}.comments .comments__toggle{border-color:var(--ink);min-width:110px}.comments__toggle:after{content:"";border-bottom:1.5px solid;border-right:1.5px solid;width:7px;height:7px;margin:0 2px 3px 12px;display:inline-block;transform:rotate(45deg)}.comments__toggle[aria-expanded=true]:after{margin-bottom:0;transform:rotate(225deg)}.comments button:disabled{opacity:.55;cursor:default}.comments .comments__post,.comments button[aria-pressed=true]{color:var(--paper);background:var(--ink);border-color:var(--ink)}.comments .comments__post:hover:not(:disabled),.comments button[aria-pressed=true]:hover{background:var(--felt)}.comments__actions{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.comments__count{font-variant-numeric:tabular-nums;color:var(--muted);margin-left:auto;font-size:.75rem;font-weight:400}.comments__panel{margin-top:8px}.comments [hidden]{display:none}.comments__message{color:var(--muted);margin:4px 0;font-size:.75rem}.comments__message:empty{display:none}.comments__list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--muted) var(--paper-deep);max-height:360px;margin:4px 0;padding:0;list-style:none;overflow:auto}.comments__entry{border-top:1px solid var(--paper-edge);padding:6px 2px}.comments__meta{overflow-wrap:anywhere;flex-wrap:wrap;align-items:baseline;gap:2px 8px;font-size:.75rem;display:flex}.comments__problem{color:var(--red-deep);text-underline-offset:2px;font-weight:700}.comments__name{font-weight:700}.comments__meta time{color:var(--muted);font-variant-numeric:tabular-nums}.comments__body{white-space:pre-wrap;overflow-wrap:anywhere;margin:2px 0 0}.rules__section h2{font-family:var(--mincho);margin:20px 0 6px;font-size:1.2rem}.rules__section ul{margin:0;padding-left:1.2em}.notice{text-align:center;border:2px dashed var(--paper-edge);border-radius:var(--radius);padding:28px 18px}.notice h2{font-family:var(--mincho)}.page-head h1{font-family:var(--mincho);margin:0 0 4px;font-size:2rem;font-weight:800}.page-head p{color:var(--muted);margin:0 0 14px}.pager,.tabs{flex-wrap:wrap;gap:6px;margin:10px 0;display:flex}.pager a,.tabs a{border:1.5px solid var(--paper-edge);border-radius:999px;padding:4px 10px;font-size:.85rem;font-weight:700;text-decoration:none}.pager a.is-current,.tabs a.is-current{color:var(--paper);background:var(--ink);border-color:var(--ink)}.set-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px;margin:12px 0 0;padding:0;list-style:none;display:grid}.set-cell{border:1.5px solid var(--paper-edge);background:#fffdf6;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;min-height:58px;text-decoration:none;display:flex}.set-cell__no{font-weight:700}.set-cell__state{font-family:var(--hand);color:var(--red);font-size:.8rem}.set-cell.is-done{border-color:var(--red)}.set-cell.is-started{border-style:dashed;border-color:var(--ink)}.set-summary{text-align:center}.set-summary__title{font-family:var(--mincho);margin:0;font-size:1.4rem;font-weight:800}.set-summary__score{font-family:var(--hand);color:var(--red);margin:0;font-size:clamp(4rem,22vw,7.5rem);line-height:1.1}.set-summary__score small{font-size:.4em}.set-summary__pitari{margin:0 0 12px;font-weight:700}.set-result,.history{text-align:left;gap:4px;margin:0;padding:0;list-style:none;display:grid}.set-result a,.history a{border-bottom:1px dashed var(--paper-edge);align-items:center;gap:12px;padding:4px 6px;text-decoration:none;display:flex}.set-result strong,.history strong{font-family:var(--hand);color:var(--red);margin-left:auto}.set-result__mark{width:40px;height:40px}.history__mark{width:28px;height:28px}.stat-row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.stat-block{border:2px solid var(--ink);border-radius:var(--radius);background:#fffdf6;padding:12px 16px}.stat-block h2{margin:0 0 6px;font-size:1rem}.stat-block dl{grid-template-columns:auto 1fr;gap:2px 12px;margin:0;display:grid}.stat-block dt{color:var(--muted);font-weight:700}.stat-block dd{font-family:var(--hand);color:var(--red);text-align:right;margin:0;font-size:1.4rem}.breakdown{border:2px solid var(--ink);border-radius:var(--radius);background:#fffdf6;padding:6px 16px 10px}.breakdown table{border-collapse:collapse;width:100%}.breakdown th,.breakdown td{text-align:right;white-space:nowrap;padding:3px 0 3px 12px}.breakdown th{color:var(--muted);font-weight:700}.breakdown thead th{font-size:.8rem}.breakdown tbody th{text-align:left;padding-left:0}.breakdown tbody td{font-family:var(--hand);font-variant-numeric:tabular-nums;color:var(--red);font-size:1.25rem}.breakdown tbody+tbody tr:first-child>*{border-top:1px dashed var(--paper-edge)}.profile__name{font-size:1.2rem;font-weight:700;color:var(--ink)!important}.section-title{margin:24px 0 8px;font-size:1.05rem}.name-form{flex-wrap:wrap;align-items:end;gap:8px;margin-bottom:14px;display:flex}.name-form label{color:var(--muted);gap:2px;font-size:.8rem;font-weight:700;display:grid}.name-form input{min-height:44px;font:inherit;color:var(--ink);border:2px solid var(--ink);background:#fffdf6;border-radius:6px;padding:6px 10px;font-size:1rem}.form-message{color:var(--red);flex-basis:100%;margin:0;font-size:.85rem}.ranking{margin:12px 0 0;padding:0;list-style:none}.ranking li{border-bottom:1px dashed var(--paper-edge);grid-template-columns:2.6em 1fr auto auto;align-items:center;gap:10px;padding:8px 6px;display:grid}.ranking li.is-me{background:color-mix(in srgb, var(--red) 8%, transparent)}.ranking__rank{font-family:var(--mincho);text-align:center;font-size:1.15rem;font-weight:800}.ranking__who{justify-items:start;min-width:0;display:grid}.ranking__name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:700;text-decoration:none;overflow:hidden}.ranking__crown{background:var(--medal);justify-self:center;width:1.9em;height:1.55em;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 20'%3E%3Cpath d='M2 7l5 4 5-8 5 8 5-4-2 10H4z'/%3E%3Crect x='4' y='17' width='16' height='3' rx='1'/%3E%3Ccircle cx='2' cy='6' r='2'/%3E%3Ccircle cx='12' cy='2.5' r='2'/%3E%3Ccircle cx='22' cy='6' r='2'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 20'%3E%3Cpath d='M2 7l5 4 5-8 5 8 5-4-2 10H4z'/%3E%3Crect x='4' y='17' width='16' height='3' rx='1'/%3E%3Ccircle cx='2' cy='6' r='2'/%3E%3Ccircle cx='12' cy='2.5' r='2'/%3E%3Ccircle cx='22' cy='6' r='2'/%3E%3C/svg%3E") 50%/contain no-repeat}.ranking__crown--gold,.ranking__title--gold{--medal:#d9a300;--medal-ink:#8a6500}.ranking__crown--silver,.ranking__title--silver{--medal:#a7afba;--medal-ink:#5d6672}.ranking__crown--bronze,.ranking__title--bronze{--medal:#c27a3e;--medal-ink:#7a4519}.ranking__title{font-family:var(--mincho);letter-spacing:.04em;color:var(--medal-ink);border:1.5px solid var(--medal);border-radius:4px;margin-top:2px;padding:0 6px;font-size:.72rem;font-weight:800}.ranking__value{font-family:var(--hand);color:var(--red);font-size:1.15rem}.ranking__answers{color:var(--muted);white-space:nowrap;font-size:.8rem}.ranking__mix{background:var(--paper-deep);border-radius:3px;width:120px;max-width:100%;height:6px;margin-top:4px;display:flex;overflow:hidden}.ranking__mix i{flex-basis:0;height:100%;display:block}.ranking__mix--easy{background:#c9c0a6}.ranking__mix--normal{background:#8d8468}.ranking__mix--hard{background:var(--ink)}.share{width:min(92vw,460px);color:var(--ink);background:var(--paper);border:2px solid var(--ink);border-radius:var(--radius);padding:16px}.share::backdrop{background:#1418168c}.share__toggle{cursor:pointer;align-items:center;gap:12px;min-height:44px;margin-bottom:10px;font-weight:700;display:flex}.share__toggle input{appearance:none;background:var(--muted);cursor:pointer;border-radius:999px;width:44px;height:26px;margin:0;position:relative}.share__toggle input:before{content:"";background:#fffdf6;border-radius:50%;width:20px;height:20px;position:absolute;top:3px;left:3px}.share__toggle input:checked{background:var(--red)}.share__toggle input:checked:before{transform:translate(18px)}.share__message:empty{display:none}.share__preview{filter:drop-shadow(0 4px 8px #0000004d);width:auto;max-width:100%;max-height:58vh;margin:0 auto;display:block}.share__note{color:var(--muted);font-size:.8rem}.share__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}@media (width<=520px){.site-header{flex-wrap:wrap;gap:6px 10px}.site-nav{order:3;width:100%;margin-left:0}.site-nav a{padding:4px 6px;font-size:.82rem}.settings{margin-left:auto}.sheet{padding:14px 10px 40px}.board{margin-left:-6px;margin-right:-6px}.board__prompt .answer--riichi .answer__hint{display:none}.answer{padding:10px}.result{flex-direction:column;gap:16px;padding:14px 8px 16px;display:flex}.result .result__actions{order:-1;margin-top:0}.result .result__actions>button{grid-row:1}.result .result__actions>.result__picker{grid-column:2;justify-self:end}.result__meta{grid-template-columns:6em minmax(0,1fr);margin-top:0}.result__details{flex-direction:column;gap:12px;display:flex}.result__list{margin-top:0}.candidate{grid-template-columns:minmax(56px,auto) 1fr 3em 3.2em;gap:6px}}@media (width<=360px){.log-viewer__head{flex-direction:column}.log-viewer__head>:first-child{width:100%}.log-viewer__controls{align-self:flex-end}.result .result__actions .stamp-button{font-size:1rem}.site-header{padding-inline:max(10px, env(safe-area-inset-left));gap:6px 8px}.setting-toggle{padding-inline:5px}}@media (width>=900px) and (aspect-ratio>=5/4){.sheet:has(.play){max-width:calc(var(--board) + 24px + 360px + 32px)}.play{height:min(calc(var(--board) / .982), calc((100vw - 360px - 24px - 32px) / .982));grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) 360px;column-gap:24px;display:grid}.play>.board{grid-row:1/-1;align-self:start;margin:0}.play>:not(.board){grid-column:2}.play>.rules-note{grid-row:1;margin:0}.play>.play__info{grid-row:2;margin-top:12px}.play>.comments{flex-direction:column;grid-row:3;align-items:flex-start;min-height:0;display:flex}.comments__toggle{flex-shrink:0}.comments__form{grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:6px;display:grid}.comments__form>.comments__actions{flex-direction:column;margin-bottom:4px}.comments__form>.comments__message{grid-column:1/-1}.comments__content{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--muted) var(--paper-deep);width:100%;min-height:0;overflow:auto}.comments__list{max-height:none;overflow:visible}.play>.result{flex-direction:column;min-height:0;max-height:55svh;padding:12px;display:flex}.result__meta{grid-template-columns:6em minmax(0,1fr)}.play:has(.comments__toggle[aria-expanded=true])>.result{max-height:min(30svh,280px)}.result__details{overscroll-behavior:contain;scrollbar-width:thin;min-height:0;overflow:auto}.result .result__actions{flex-shrink:0;margin-top:12px}.result .result__actions>button{min-height:44px}.log-viewer__controls>.ghost-button{min-height:36px}.play>:not(.board,.rules-note,.play__info,.comments){grid-row:4}}@media (prefers-reduced-motion:reduce){.board__tile:after{animation:none}.board:not(.is-picked) .board__tile:not(:disabled){box-shadow:0 0 0 2px #ffd166b3}}.daily-chart{display:flex}.daily-chart__scroll{padding-bottom:4px;overflow-x:auto}.daily-chart svg{flex:none;display:block}.daily-chart__grid{stroke:#1d28301f;stroke-width:1px}.daily-chart__bar{fill:var(--red);opacity:.85}.daily-chart text{font-family:var(--hand);fill:var(--ink);text-anchor:middle}.daily-chart__axis{opacity:.6;font-size:11px;text-anchor:end!important}.daily-chart__value{font-size:13px;font-weight:600;fill:var(--red)!important}.daily-chart__date{font-size:12px}.daily-chart__count{opacity:.65;font-size:11px}.bars-legend__riichi{color:var(--red);vertical-align:.05em;border:1px solid;border-radius:50%;justify-content:center;align-items:center;width:1.4em;height:1.4em;margin-right:.3em;font-size:.8em;font-weight:700;line-height:1;display:inline-flex}.recovery-panel{border-bottom:1px dashed var(--muted);margin:24px 0;padding:0 0 18px}.recovery-actions{flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:12px;display:flex}.spell-field{box-sizing:border-box;width:100%;max-width:100%;min-height:76px;color:var(--ink);border:2px solid var(--ink);resize:vertical;background:#fffdf6;border-radius:6px;margin:8px 0;padding:12px;font:1rem/1.6 monospace;display:block}.recovery-form{margin:24px 0}.recovery-form label{font-weight:700;display:block}.recovery-form .form-message{margin:12px 0}.storage-warning{max-width:900px;color:var(--red);background:var(--paper);margin:12px auto;padding:12px 20px}.language-select{font:inherit;color:inherit;background:var(--paper,#f5efe1);border:1px solid;border-radius:4px;max-width:8rem;padding:.25rem .35rem;font-size:.85rem}.language-select:focus-visible{outline-offset:2px;outline:3px solid #b83c2e}html[lang=en] .site-header,html[lang=en] .site-nav{flex-wrap:wrap}html[lang=en] .answer__question{font-size:clamp(.9rem,3.4vw,1.55rem)}html[lang=en] .answer__hint{font-size:clamp(.55rem,1.7vw,.8rem)}html[lang=en] .grade__seal{font-size:clamp(.7rem,2.5vw,1.5rem)}html[lang=en] .result__meta{overflow-wrap:anywhere}html[lang=en] .tabs{flex-wrap:wrap}@media (width<=600px){html[lang=en] .board__prompt .answer{grid-template-columns:minmax(0,1fr) auto auto;gap:0 6px}html[lang=en] .board__prompt .answer__question{font-size:.875rem;line-height:1.3}html[lang=en] .board__prompt .answer .stamp-button{letter-spacing:0;min-width:0;padding:4px 6px;font-size:.875rem}html[lang=en] .board__prompt .riichi-toggle{padding:4px 6px;font-size:.875rem}html[lang=en] .ranking li{grid-template-columns:2.6em minmax(0,1fr) auto}html[lang=en] .ranking__answers{white-space:normal;overflow-wrap:anywhere;grid-column:2/-1}html[lang=en] .ranking__value{white-space:nowrap}html[lang=en] .ranking__title{box-sizing:border-box;overflow-wrap:anywhere;max-width:100%}html[lang=en] .breakdown{overflow-x:auto}html[lang=en] .breakdown thead th{white-space:normal}}