:root{--indigo-0:#0c0f1f;--indigo-1:#141a33;--indigo-2:#1d2545;--ink:#0a0c18;--rice:#f7f1df;--rice-dim:#cfc7ad;--vermilion:#ff3b30;--vermilion-deep:#d61f1f;--gold:#f5c451;--gold-deep:#e0a528;--jade:#4cd2a0;--wood:#caa06a;--wood-deep:#9c7642;--perfect:#ffd64d;--good:#3a4a86;--f-disp:"Dela Gothic One", system-ui, sans-serif;--f-jp:"Zen Kaku Gothic New", system-ui, sans-serif;--f-mono:"JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%}body{font-family:var(--f-jp);background:var(--ink);color:var(--rice);-webkit-font-smoothing:antialiased;overflow-x:hidden}#stage{background:radial-gradient(120% 80% at 50% -10%, #25305c 0%, var(--indigo-1) 42%, var(--indigo-0) 100%);flex-direction:column;width:100%;height:100dvh;display:flex;position:relative;overflow:hidden}#stage:before{content:"";opacity:.5;pointer-events:none;background-image:radial-gradient(circle at 50% 100%,#0000 9px,#ffffff0b 9.5px,#0000 11px),radial-gradient(circle at 0 100%,#0000 9px,#ffffff0b 9.5px,#0000 11px),radial-gradient(circle at 100% 100%,#0000 9px,#ffffff0b 9.5px,#0000 11px);background-size:32px 16px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 60%);mask-image:linear-gradient(#0000,#000 60%)}#hud{z-index:5;justify-content:space-between;align-items:center;padding:18px calc(clamp(14px,3vw,30px) + 56px) 10px clamp(18px,4vw,46px);display:flex;position:relative}.hud-block{align-items:baseline;gap:10px;display:flex}.hud-label{letter-spacing:.25em;color:var(--rice-dim);white-space:nowrap;font-size:14px;font-weight:700}.hud-value{font-family:var(--f-mono);font-variant-numeric:tabular-nums;font-weight:800;line-height:1}.hud-plates .hud-value{color:var(--gold);font-size:clamp(34px,5vw,52px)}.hud-yen{font-family:var(--f-mono);color:var(--rice-dim);font-variant-numeric:tabular-nums;font-size:clamp(14px,1.8vw,20px);font-weight:800}.hud-timer{align-items:baseline}.hud-timer .hud-value{color:var(--rice);font-size:clamp(40px,6.5vw,76px)}.hud-timer .hud-label{align-self:center}.hud-course{letter-spacing:.12em;color:var(--ink);background:var(--gold);white-space:nowrap;border-radius:999px;align-self:center;padding:4px 10px;font-size:12px;font-weight:900}#timer.warn{color:var(--vermilion);animation:.5s steps(2,end) infinite tick}@keyframes tick{50%{opacity:.55}}.hud-title{pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.noren{font-family:var(--f-disp);background:var(--vermilion);color:var(--rice);letter-spacing:.1em;clip-path:polygon(0 0,100% 0,100% 78%,92% 100%,84% 82%,75% 100%,66% 82%,58% 100%,50% 82%,42% 100%,34% 82%,25% 100%,16% 82%,8% 100%,0 78%);box-shadow:0 6px 0 var(--vermilion-deep);padding:6px 18px 8px;font-size:clamp(15px,2vw,22px)}#play{z-index:4;flex:1;justify-content:center;align-items:center;gap:clamp(20px,4vw,60px);min-height:0;padding:0 clamp(18px,4vw,46px);display:flex;position:relative}#order{text-align:center;flex-direction:column;flex:1;align-items:center;gap:clamp(20px,3.4vh,40px);max-width:760px;display:flex}.customer{--speech-pad:clamp(14px,4vw,48px);justify-content:center;width:100%;display:flex;position:relative;container-type:inline-size}.speech{background:var(--rice);color:var(--ink);max-width:100%;padding:16px var(--speech-pad) 22px;box-shadow:0 12px 0 #00000059, inset 0 0 0 4px var(--ink);border-radius:22px;flex-direction:column;align-items:center;gap:4px;display:flex;position:relative}.speech:after{content:"";border:14px solid #0000;border-top-color:var(--rice);filter:drop-shadow(0 4px #00000059);border-bottom:0;position:absolute;bottom:-16px;left:50%;transform:translate(-50%)}.speech-pre{letter-spacing:.18em;color:var(--vermilion-deep);font-size:13px;font-weight:900}.neta-kana{font-family:var(--f-disp);font-size:min(clamp(42px,8vw,86px),calc((100cqi - 2 * var(--speech-pad) - 8px) / (var(--n,3) * 1.05)));letter-spacing:.02em;white-space:nowrap;line-height:1}.neta-kana.long{font-size:min(clamp(26px,4.6vw,52px),calc((100cqi - 2 * var(--speech-pad) - 8px) / (var(--n,8) * 1.05)));line-height:1.15}.romaji{flex-wrap:wrap;justify-content:center;gap:clamp(4px,1vw,12px);display:flex}.romaji .ch{font-family:var(--f-mono);width:clamp(40px,7vw,74px);height:clamp(54px,9vw,92px);color:var(--rice-dim);text-transform:uppercase;background:#ffffff0d;border:2px solid #ffffff14;border-radius:12px;justify-content:center;align-items:center;font-size:clamp(34px,6vw,64px);font-weight:800;line-height:1;transition:transform 80ms,background .12s,color .12s;display:flex}.romaji.dense .ch{border-radius:8px;width:clamp(26px,4.2vw,44px);height:clamp(38px,5.6vw,58px);font-size:clamp(20px,3.4vw,36px)}.romaji .gap{width:clamp(10px,1.6vw,20px);height:1px}.romaji .ch.done{color:var(--jade);background:#4cd2a024;border-color:#4cd2a066}.answer-form{width:min(560px,90%)}.answer{width:100%;font-family:var(--f-mono);text-align:center;letter-spacing:.04em;color:var(--ink);background:var(--rice);box-shadow:0 8px 0 #00000059, inset 0 0 0 3px var(--gold);text-transform:lowercase;background-clip:padding-box;border:4px solid #0000;border-radius:16px;outline:none;padding:clamp(8px,1.6vh,16px) 16px;font-size:clamp(24px,4.4vw,40px);font-weight:800;transition:transform 80ms,box-shadow .12s,background .12s}.answer::placeholder{color:#b7ad8f;letter-spacing:.02em;text-transform:none;font-size:.5em;font-weight:700}.answer:focus{box-shadow:0 8px 0 var(--gold-deep), inset 0 0 0 3px var(--gold), 0 0 0 4px #f5c4514d}.answer.miss{box-shadow:0 8px 0 var(--vermilion-deep), inset 0 0 0 3px var(--vermilion);background:#ffd9d5;animation:.3s cubic-bezier(.36,.07,.19,.97) both answershake}@keyframes answershake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-8px)}40%,60%{transform:translate(8px)}}.judge{height:0;position:relative}.judge .pop{font-family:var(--f-disp);white-space:nowrap;font-size:clamp(30px,6vw,58px);animation:.5s cubic-bezier(.2,1.4,.4,1) forwards pop;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.judge .pop.perfect{color:var(--gold);text-shadow:0 0 22px var(--gold),0 4px 0 var(--gold-deep)}@keyframes pop{0%{opacity:0;transform:translate(-50%,10px)scale(.6)}30%{opacity:1;transform:translate(-50%,-24px)scale(1.1)}to{opacity:0;transform:translate(-50%,-64px)scale(1)}}#ghost{color:#dce4ffd9;background:#7c8cd214;border:2px dashed #aab9ff47;border-radius:18px;flex-direction:column;flex-shrink:0;justify-content:center;align-self:stretch;gap:12px;width:clamp(150px,18vw,210px);padding:18px 14px;display:flex}.ghost-head{flex-direction:column;align-items:center;gap:2px;display:flex}.ghost-tag{letter-spacing:.3em;color:#9fb0ff;font-size:11px;font-weight:900}.ghost-name{font-family:var(--f-disp);color:#cdd6ff;font-size:clamp(14px,1.6vw,18px)}.ghost-board{background:repeating-linear-gradient(90deg,#ffffff0a,#ffffff0a 12px,#0000 12px 24px);border:1px solid #aab9ff33;border-radius:12px;justify-content:center;align-items:center;height:84px;display:flex;position:relative}.ghost-hands{opacity:.5;font-size:40px;transition:transform .1s}.ghost-hands:before{content:"🍣"}.ghost-board.act .ghost-hands{opacity:.9;transform:scale(1.35)rotate(-8deg)}.ghost-score{justify-content:center;align-items:baseline;gap:6px;display:flex}.ghost-plates{font-family:var(--f-mono);color:#cdd6ff;font-size:clamp(30px,4vw,46px);font-weight:800}.ghost-unit{color:#9fb0ff;font-size:13px;font-weight:700}.vs-meter{background:#00000059;border-radius:5px;height:8px;overflow:hidden}.vs-fill{background:linear-gradient(90deg,var(--vermilion),var(--gold));border-radius:5px;width:50%;height:100%;transition:width .25s}#counter{z-index:3;background:linear-gradient(180deg,var(--wood) 0%,var(--wood-deep) 100%);border-top:5px solid #6f5430;height:clamp(58px,11vh,96px);position:relative;box-shadow:inset 0 6px 16px #00000047}#counter:before{content:"";opacity:.25;background:repeating-linear-gradient(90deg,#0000,#0000 60px,#0000002e 60px 62px);position:absolute;inset:0}.counter-rail{align-items:center;gap:10px;height:100%;padding-left:clamp(18px,4vw,46px);display:flex;position:absolute;bottom:14px;left:0}.sushi{background:var(--rice);border-radius:0 0 16px 16px/0 0 10px 10px;flex-shrink:0;width:clamp(34px,4.4vw,52px);height:clamp(22px,2.8vw,32px);animation:.35s cubic-bezier(.2,1.5,.4,1) both plate;position:relative;box-shadow:0 6px #00000038}.sushi:before{content:"";background:var(--neta,#c33);border-radius:14px 14px 8px 8px;height:64%;position:absolute;top:-46%;left:6%;right:6%;box-shadow:inset 0 -3px 6px #00000040}@keyframes plate{0%{opacity:0;transform:translateY(-40px)rotate(-12deg)}to{opacity:1;transform:none}}#guide{color:var(--rice-dim);background:var(--ink);z-index:5;flex-wrap:wrap;align-items:center;gap:12px;padding:10px clamp(18px,4vw,46px);font-size:13px;font-weight:700;display:flex;position:relative}#guide .key b{color:var(--gold)}#guide .sep{color:#737b9e}#guide .sep.flex{flex:1}#guide .ghost-key b{color:var(--vermilion);background:#ff3b301f;border-radius:5px;padding:1px 7px}.overlay{z-index:40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);text-align:center;background:radial-gradient(110% 80% at 50% 30%,#0c0f1fdb,#060810f7);justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow-y:auto}.overlay[data-screen=none]{display:none}.overlay .screen{flex-direction:column;align-items:center;gap:clamp(12px,2vh,22px);width:100%;max-height:100%;padding:24px;display:none;overflow-y:auto}.overlay[data-screen=attract] .screen-attract,.overlay[data-screen=result] .screen-result{display:flex}.start-cue{letter-spacing:.06em;color:var(--rice);font-size:clamp(15px,2vw,20px);font-weight:900;animation:1.05s steps(2,end) infinite blink}.start-cue b{color:var(--gold);font-family:var(--f-mono)}@keyframes blink{50%{opacity:.32}}.logo{flex-direction:column;align-items:center;line-height:.96;display:flex}.logo-sub{font-family:var(--f-disp);color:var(--vermilion);letter-spacing:.08em;text-shadow:0 4px 0 var(--vermilion-deep);margin-bottom:4px;font-size:clamp(22px,4vw,38px);transform:rotate(-4deg)}.logo-main{font-family:var(--f-disp);word-break:auto-phrase;color:var(--rice);letter-spacing:.02em;text-shadow:0 8px #000,0 0 40px #f5c45140;text-align:center;margin-top:4px;font-size:clamp(28px,8vw,96px)}.logo-tag{font-family:var(--f-jp);color:var(--rice-dim);letter-spacing:.4em;margin-top:6px;font-size:14px}.lede{color:var(--rice);word-break:auto-phrase;font-size:clamp(15px,2.2vw,22px);font-weight:700;line-height:1.5}.rules{color:var(--rice-dim);flex-wrap:wrap;justify-content:center;gap:clamp(10px,2vw,22px);font-size:13px;font-weight:700;display:flex}.rules span{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;padding:6px 14px}.modes{flex-direction:column;align-items:center;gap:8px;display:flex}.modes-title{letter-spacing:.3em;color:var(--gold);font-size:12px;font-weight:900}.modes-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.mode-btn{cursor:pointer;min-width:92px;font-family:var(--f-jp);color:var(--rice);background:#ffffff0f;border:2px solid #ffffff24;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:10px 14px;transition:background .12s,border-color .12s,transform 80ms;display:flex}.mode-btn:hover{border-color:var(--gold)}.mode-btn[aria-checked=true]{background:var(--gold);color:var(--ink);border-color:var(--gold-deep);box-shadow:0 5px 0 var(--gold-deep);transform:translateY(-2px)}.mode-key{font-family:var(--f-mono);opacity:.7;font-size:12px;font-weight:800}.mode-name{white-space:nowrap;font-size:15px;font-weight:900}.modes-hint{color:var(--rice-dim);font-size:11px;font-weight:700}.attract-buttons{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.result-head{font-family:var(--f-disp);color:var(--gold);font-size:clamp(20px,3.2vw,38px)}.result-course{letter-spacing:.2em;color:var(--ink);background:var(--gold);border-radius:999px;padding:4px 12px;font-size:12px;font-weight:900}.result-score{font-family:var(--f-mono);color:var(--rice);text-shadow:0 0 40px #f5c4514d;font-size:clamp(48px,10vw,120px);font-weight:800;line-height:.9}.result-score small{color:var(--rice-dim);letter-spacing:.3em;font-size:.18em;font-family:var(--f-jp);margin-top:8px;display:block}.result-meta{flex-wrap:wrap;justify-content:center;gap:clamp(14px,3vw,36px);display:flex}.rm{flex-direction:column;gap:4px;display:flex}.rm-l{letter-spacing:.2em;color:var(--rice-dim);font-size:12px;font-weight:700}.rm-v{font-family:var(--f-mono);color:var(--gold);font-size:clamp(22px,3.4vw,36px);font-weight:800}.weak{align-items:center;gap:10px;display:flex}.weak[hidden]{display:none}.weak-keys{gap:6px;display:flex}.weak-keys kbd{padding:4px 10px;font-size:15px}.newrec{font-family:var(--f-disp);color:var(--ink);background:var(--gold);box-shadow:0 6px 0 var(--gold-deep);border-radius:8px;padding:8px 20px;font-size:clamp(15px,2.4vw,24px);animation:.5s both recpop;display:none;transform:rotate(-2deg)}.newrec.show{display:block}@keyframes recpop{0%{transform:rotate(-2deg)scale(0)}70%{transform:rotate(-2deg)scale(1.15)}to{transform:rotate(-2deg)scale(1)}}.submit-form{flex-direction:column;align-items:center;gap:8px;width:min(520px,100%);display:flex}.submit-form[hidden]{display:none}.submit-row{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;display:flex}.submit-name{min-width:180px;max-width:280px;font-family:var(--f-jp);color:var(--ink);background:var(--rice);box-shadow:inset 0 0 0 2px var(--gold);background-clip:padding-box;border:3px solid #0000;border-radius:12px;outline:none;flex:1;padding:10px 14px;font-size:16px;font-weight:700}.submit-name:focus{box-shadow:inset 0 0 0 2px var(--gold),0 0 0 4px #f5c4514d}.submit-btn{font-family:var(--f-jp);color:var(--rice);background:var(--vermilion-deep);cursor:pointer;white-space:nowrap;border:0;border-radius:12px;padding:11px 20px;font-size:15px;font-weight:900;transition:transform .1s,box-shadow .1s;box-shadow:0 5px #9e1212}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 7px #9e1212}.submit-btn:active{transform:translateY(3px);box-shadow:0 2px #9e1212}.submit-btn:disabled,.submit-btn[aria-disabled=true]{opacity:.55;cursor:default;transform:none;box-shadow:0 5px #9e1212}.turnstile:empty{display:none}.submit-status{color:var(--gold);min-height:1.2em;font-size:14px;font-weight:900}.submit-status.err{color:var(--vermilion)}.submit-note{color:var(--rice-dim);max-width:460px;font-size:11px;font-weight:500;line-height:1.5}.result-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.rank-open{font-family:var(--f-jp);letter-spacing:.04em;color:var(--rice);cursor:pointer;background:#ffffff14;border:2px solid #fff3;border-radius:999px;padding:10px 22px;font-size:14px;font-weight:900;transition:border-color .12s,color .12s}.rank-open:hover{border-color:var(--gold);color:var(--gold)}#helpBtn{z-index:45;width:44px;height:44px;font-family:var(--f-jp);color:var(--rice);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff12;border:2px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:20px;font-weight:900;line-height:1;transition:background .15s,border-color .15s,transform .1s;display:flex;position:absolute;top:16px;right:clamp(14px,3vw,30px)}html[dir=rtl] #helpBtn{left:clamp(14px,3vw,30px);right:auto}#helpBtn:hover{border-color:var(--gold);color:var(--gold);background:#f5c4512e}#helpBtn:active{transform:scale(.95)}.manual-open{font-family:var(--f-jp);letter-spacing:.04em;color:var(--ink);background:var(--gold);cursor:pointer;box-shadow:0 5px 0 var(--gold-deep);border:0;border-radius:999px;padding:11px 26px;font-size:14px;font-weight:900;transition:transform .1s,box-shadow .1s}.manual-open:hover{box-shadow:0 7px 0 var(--gold-deep);transform:translateY(-2px)}.manual-open:active{box-shadow:0 2px 0 var(--gold-deep);transform:translateY(3px)}.legal-links{color:var(--rice-dim);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.legal-links a{color:var(--rice-dim);border-bottom:1px solid #cfc7ad66;padding-bottom:1px;text-decoration:none}.legal-links a:hover{color:var(--gold);border-color:var(--gold)}.foot-link{color:var(--rice-dim);font-size:12px;font-weight:700;text-decoration:none}.foot-link:hover{color:var(--gold)}.seo{background:var(--ink);color:var(--rice);border-top:5px solid var(--indigo-2);padding:clamp(40px,7vw,80px) clamp(18px,5vw,46px) 70px}.seo-inner{max-width:980px;margin:0 auto}.sushi-visually-hidden-heading{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.seo-title{font-family:var(--f-disp);color:var(--gold);letter-spacing:.02em;margin:46px 0 20px;font-size:clamp(22px,3.4vw,34px)}.seo-title:first-child{margin-top:0}.seo-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.seo-card{background:var(--indigo-1);border:1px solid #ffffff14;border-radius:16px;padding:20px 22px}.seo-card h3{color:var(--rice);margin-bottom:8px;font-size:16px;font-weight:900}.seo-card p{color:var(--rice-dim);font-size:14.5px;line-height:1.7}.seo-faq{flex-direction:column;gap:12px;display:flex}.seo-faq-item{background:var(--indigo-1);border-left:4px solid var(--gold);border-radius:0 14px 14px 0;padding:18px 22px}.seo-faq-item h3{color:var(--rice);margin-bottom:8px;font-size:15.5px;font-weight:900}.seo-faq-item p{color:var(--rice-dim);font-size:14.5px;line-height:1.7}.seo-links{border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:center;gap:18px;margin-top:44px;padding-top:24px;display:flex}.seo-links a{color:var(--rice-dim);font-size:13px;font-weight:700;text-decoration:none}.seo-links a:hover{color:var(--gold)}html[dir=rtl] .seo-faq-item{border-left:0;border-right:4px solid var(--gold);border-radius:14px 0 0 14px}.modal{z-index:80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#060810c7;justify-content:center;align-items:center;padding:clamp(14px,4vh,40px);animation:.18s both fade;display:flex;position:fixed;inset:0}.modal[hidden]{display:none}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal-card{width:min(720px,100%);max-height:100%;color:var(--ink);border:4px solid var(--ink);box-shadow:0 24px 0 #0006,0 0 0 6px var(--vermilion);background:linear-gradient(#fbf6e8,#f3ead2);border-radius:20px;flex-direction:column;animation:.24s cubic-bezier(.2,1.3,.4,1) both rise;display:flex;position:relative;overflow:hidden}@keyframes rise{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:none}}.modal-close{z-index:2;border:3px solid var(--ink);background:var(--vermilion);width:38px;height:38px;color:var(--rice);cursor:pointer;font-size:24px;font-weight:900;line-height:1;font-family:var(--f-disp);box-shadow:0 3px 0 var(--vermilion-deep);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:12px;right:14px}html[dir=rtl] .modal-close{left:14px;right:auto}.modal-close:hover{background:var(--vermilion-deep)}.modal-close:active{box-shadow:none;transform:translateY(2px)}.modal-scroll{padding:clamp(22px,4vw,40px);overflow-y:auto}.modal-kicker{font-family:var(--f-mono);letter-spacing:.4em;color:var(--vermilion-deep);font-size:13px;font-weight:800}.modal-title{font-family:var(--f-disp);color:var(--ink);margin:4px 0 6px;font-size:clamp(30px,5vw,46px);line-height:1}.modal-lede{color:#5a513c;margin-bottom:22px;font-size:15px;font-weight:700;line-height:1.6}.steps{flex-direction:column;gap:12px;margin-bottom:26px;list-style:none;display:flex}.steps li{background:#ffffff8c;border:2px solid #0a0c181a;border-radius:14px;align-items:flex-start;gap:14px;padding:12px 16px;display:flex}.step-n{background:var(--ink);width:34px;height:34px;color:var(--gold);font-family:var(--f-disp);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;font-size:18px;display:flex}.steps b{color:var(--ink);font-size:16px;font-weight:900}.steps p{color:#574e3a;margin-top:3px;font-size:14px;font-weight:500;line-height:1.55}kbd{font-family:var(--f-mono);background:var(--ink);color:var(--gold);border-radius:6px;padding:2px 8px;font-size:.85em;font-weight:800;box-shadow:0 2px #000}.modal-note{background:var(--indigo-1);color:var(--rice);border-radius:14px;margin-bottom:26px;padding:16px 18px}.modal-note b{font-family:var(--f-disp);color:var(--gold);letter-spacing:.04em;margin-bottom:6px;font-size:14px;display:block}.modal-note p{color:#d8d2c0;font-size:14px;font-weight:500;line-height:1.6}.faq-head{font-family:var(--f-disp);color:var(--vermilion-deep);margin-bottom:12px;font-size:20px}.faq{flex-direction:column;gap:10px;margin-bottom:24px;display:flex}.faq div{border-left:4px solid var(--gold);padding:2px 0 2px 14px}html[dir=rtl] .faq div{border-left:0;border-right:4px solid var(--gold);padding:2px 14px 2px 0}.faq dt{color:var(--ink);margin-bottom:3px;font-size:15px;font-weight:900}.faq dd{color:#574e3a;font-size:14px;font-weight:500;line-height:1.55}.modal-legal{border-top:2px dashed #0a0c182e;flex-wrap:wrap;gap:18px;padding-top:18px;display:flex}.modal-legal a{color:var(--vermilion-deep);border-bottom:2px solid #0000;font-size:14px;font-weight:900;text-decoration:none}.modal-legal a:hover{border-color:var(--vermilion-deep)}.class-bar{color:var(--rice);background:#4cd2a01f;border:2px solid #4cd2a080;border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 12px;padding:8px 14px;font-size:14px;font-weight:700;display:flex}.class-bar[hidden]{display:none}.class-badge{color:var(--ink);background:var(--jade);border-radius:999px;padding:2px 10px;font-size:12px;font-weight:900}.class-seat b{font-family:var(--f-mono);color:var(--gold);font-size:16px}.class-mini{font-family:var(--f-jp);color:var(--rice-dim);cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:999px;min-height:40px;padding:4px 12px;font-size:12px;font-weight:700}.class-mini:hover{color:var(--gold);border-color:var(--gold)}.class-mini-strong{color:var(--ink);background:var(--jade);border-color:var(--jade);min-height:40px;padding:6px 14px;font-size:13px;font-weight:900}.class-mini-strong:hover{color:var(--ink);background:#7ee3bd;border-color:#7ee3bd}.class-mini[hidden]{display:none}.class-bar-pending{background:#f5c4511a;border-color:#f5c4518c}.class-teacher-link{color:var(--vermilion);border-bottom:1px solid #ff3b3080;padding:9px 2px 8px;font-size:14px;font-weight:900;line-height:1.5;text-decoration:none;display:inline-block}.class-teacher-link:hover{color:var(--gold);border-color:var(--gold)}.class-teacher-link[hidden]{display:none}.class-sent{color:var(--jade);font-size:14px;font-weight:900}.class-sent.err{color:var(--vermilion)}.class-sent[hidden]{display:none}.class-join-card{width:min(520px,100%)}.class-join-card .modal-close{width:42px;height:42px}.class-join-form{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;display:flex}.class-join-form label{font-size:16px;font-weight:900}.class-seat-input{min-width:90px;max-width:120px;font-family:var(--f-mono);text-align:center;font-size:20px}#classJoinStatus{color:var(--vermilion-deep)}.class-join-note{color:#574e3a;margin-top:6px;font-size:13px;font-weight:500;line-height:1.6}.rank-card{width:min(640px,100%)}.rank-tabs{flex-wrap:wrap;gap:6px;margin:10px 0 0;display:flex}.rank-tabs-period{margin-top:8px;margin-bottom:12px}.rank-tab{font-family:var(--f-jp);color:var(--ink);cursor:pointer;background:#fff9;border:2px solid #0a0c1826;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:900}.rank-tab[aria-selected=true]{background:var(--ink);color:var(--gold);border-color:var(--ink)}.rank-status{color:#5a513c;min-height:1.2em;margin-bottom:8px;font-size:13px;font-weight:700}.rank-list{flex-direction:column;gap:6px;list-style:none;display:flex}.rank-row{background:#fff9;border:2px solid #0a0c181a;border-radius:12px;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;padding:8px 12px;display:grid}.rank-row.me{background:var(--gold);border-color:var(--gold-deep)}.rank-no{font-family:var(--f-disp);color:var(--vermilion-deep);font-size:18px}.rank-row.me .rank-no{color:var(--ink)}.rank-name{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:900;overflow:hidden}.rank-name small{color:#5a513c;font-size:11px;font-weight:700;display:block}.rank-score{font-family:var(--f-mono);text-align:right;white-space:nowrap;font-size:16px;font-weight:800}.rank-score small{color:#5a513c;font-size:11px;font-family:var(--f-jp);display:block}@media (width<=720px){#ghost{width:120px}.hud-title,.hud-yen{display:none}.seo-grid{grid-template-columns:1fr}.result-meta{gap:12px}.rm-v{font-size:20px}}@media (width<=520px){.hud-timer{flex-direction:column;align-items:flex-end;gap:4px}.hud-timer .hud-label{display:none}.hud-timer .hud-value{font-size:clamp(30px,10vw,40px)}.hud-label{letter-spacing:.1em}#play{gap:12px}#ghost{gap:8px;width:92px;padding:12px 8px}.ghost-board{display:none}.ghost-name{text-align:center;font-size:12px}}@media (height<=480px){.hud-title{display:none}#hud{padding-top:10px;padding-bottom:4px}.hud-timer .hud-value{font-size:clamp(28px,9vh,40px)}.hud-plates .hud-value{font-size:clamp(26px,8vh,34px)}#order{gap:8px}.speech{padding-top:8px;padding-bottom:10px}.speech-pre{display:none}.neta-kana{font-size:min(clamp(28px,9vh,42px),calc((100cqi - 2 * var(--speech-pad) - 8px) / (var(--n,3) * 1.05)))}.romaji .ch{height:clamp(34px,10vh,54px);font-size:clamp(20px,6vh,34px)}.answer{padding-top:4px;padding-bottom:4px;font-size:clamp(18px,5.5vh,24px)}#counter{height:32px}#guide{padding-top:6px;padding-bottom:6px}#guide .key,#guide .sep{display:none}#ghost{gap:6px;padding-top:8px;padding-bottom:8px}.ghost-board{display:none}}