:root{--green: #58cc02;--green-dark: #46a302;--green-light: #2d4a1a;--green-border: #58cc02;--green-text: #8ee55b;--red: #ff4b4b;--red-light: #4a1f24;--red-border: #ff4b4b;--red-text: #ff8a8a;--blue: #1cb0f6;--text: #f1f7fb;--muted: #a5b3c7;--border: #3a4a66;--card-bg: #17233c;--input-bg: #0f1a30;--panel-bg: rgba(15, 23, 42, .92);--page-bg: #060d1f}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Nunito,Noto Sans JP,-apple-system,Segoe UI,sans-serif;background:var(--page-bg);color:var(--text);min-height:100vh;display:flex;align-items:center;justify-content:center}.wrap{width:100%;height:100vh;height:100dvh;display:flex;justify-content:center}.stage{position:relative;width:100%;height:100%;overflow:hidden;background:#101a33}canvas#game{display:block;width:100%;height:100%}.home-link-wrap{margin:0 0 .2rem}.home-link{color:var(--muted);font-size:.75rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;text-decoration:none}.home-link:hover{color:var(--green-text)}#hud{position:absolute;top:1.6rem;left:.6rem;pointer-events:none;z-index:2}.chip{background:var(--panel-bg);border:2px solid var(--border);border-bottom-width:4px;border-radius:.75rem;padding:.25rem .75rem;font-weight:900;font-size:1rem}#quiz{position:absolute;bottom:max(1rem,env(safe-area-inset-bottom));top:auto;left:50%;transform:translate(-50%);width:min(92%,30rem);background:var(--panel-bg);border:2px solid var(--border);border-bottom-width:4px;border-radius:1rem;padding:clamp(.5rem,1.6vmin,.85rem) clamp(.75rem,2.4vmin,1.15rem) clamp(.6rem,1.8vmin,.95rem);text-align:center;z-index:3}.q-label{font-size:.8rem;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.35rem}.sentence{font-size:clamp(.95rem,3.2vmin,1.15rem);font-weight:800;color:var(--text);line-height:1.35;margin:0 0 .45rem}.sentence .blank{display:inline-block;min-width:2.4rem;padding:0 .35rem;margin:0 .1rem;border-bottom:3px solid var(--blue);color:var(--blue);font-style:normal}.sentence .blank.filled{border-bottom-color:var(--green);color:var(--green-text)}.answers{display:flex;gap:clamp(.5rem,1.8vmin,.8rem);justify-content:center;flex-wrap:wrap}.btn{font-family:inherit;font-weight:800;font-size:.95rem;color:var(--text);background:var(--card-bg);border:2px solid var(--border);border-bottom-width:4px;border-radius:.75rem;padding:.5rem .9rem;min-height:2.75rem;min-width:5rem;cursor:pointer;transition:background .1s,transform .05s,border-color .1s;touch-action:manipulation}.btn:hover{background:#1e2d4d}.btn:active{transform:translateY(2px);border-bottom-width:2px}.btn:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.btn:disabled{cursor:default}.btn.correct{background:var(--green-light);border-color:var(--green-border);color:var(--green-text)}.btn.wrong{background:var(--red-light);border-color:var(--red-border);color:var(--red-text);animation:shake .3s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.timerbar{height:.4rem;background:var(--border);border-radius:.2rem;margin-top:.5rem;overflow:hidden}.timerbar i{display:block;height:100%;width:100%;background:var(--green);border-radius:.2rem;transition:width .1s linear,background .2s}.timerbar i.low{background:var(--red)}.overlay{position:absolute;inset:0;background:#030814a6;display:flex;align-items:flex-start;justify-content:center;padding:4.5rem clamp(.4rem,2vmin,1rem) clamp(.6rem,2vmin,1rem);z-index:4}#mmOverlay,#ratingOverlay,#photoModal,#overOverlay,#iosHint{z-index:7}@media(min-height:52rem){.overlay{align-items:center}}.card{background:var(--card-bg);border:2px solid var(--border);border-radius:1.25rem;padding:clamp(.6rem,3vmin,1.6rem) clamp(.8rem,3.5vmin,2.1rem);box-shadow:0 .5rem 1.5rem #00000080;display:flex;align-items:center;gap:clamp(.6rem,3vmin,1.8rem);max-width:min(96%,40rem);max-height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.card-main{flex:1 1 auto;text-align:center;min-width:0}.card-side{flex:0 0 clamp(11rem,34vw,14rem);min-width:0}.card h1,.card h2{font-size:clamp(1.1rem,4.5vmin,1.6rem);font-weight:900;margin-bottom:clamp(.25rem,1.8vmin,.8rem)}.rules{font-size:clamp(.72rem,2.6vmin,.9rem);line-height:1.4;color:var(--muted);margin-bottom:clamp(.4rem,2.2vmin,1rem)}.char-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(.4rem,2vmin,.9rem);margin-bottom:clamp(.4rem,2.2vmin,.95rem)}.char-card{background:var(--input-bg);border:2px solid var(--border);border-radius:.75rem;padding:clamp(.2rem,1.2vmin,.65rem);cursor:pointer;text-align:center;touch-action:manipulation}.char-card img{width:100%;height:clamp(4rem,15vmin,6.6rem);height:clamp(3.2rem,min(15vmin,9dvh),6.6rem);object-fit:contain}.char-card .char-name{font-size:clamp(.7rem,2.4vmin,.85rem);font-weight:800;color:var(--muted)}.char-card.selected{border-color:var(--green);background:var(--green-light)}.char-card.selected .char-name{color:var(--green-text)}.char-card:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.char-photo-icon{height:clamp(4rem,15vmin,6.6rem);height:clamp(3.2rem,min(15vmin,9dvh),6.6rem);display:flex;align-items:center;justify-content:center;color:var(--muted)}.char-photo-icon svg{width:55%;height:55%}.name-input{font-family:inherit;font-weight:800;font-size:clamp(.9rem,3vmin,1rem);color:var(--text);background:var(--input-bg);border:2px solid var(--border);border-bottom-width:4px;border-radius:.75rem;padding:clamp(.35rem,1.7vmin,.7rem) .9rem;width:100%;text-align:center;margin-bottom:clamp(.4rem,2vmin,.85rem)}.name-input:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.name-input::placeholder{color:var(--muted);font-weight:700}.profile-chip{position:absolute;top:1.6rem;left:.6rem;z-index:6;display:flex;align-items:center;gap:.45rem;max-width:min(42vw,11rem);padding:.22rem .55rem .22rem .22rem;background:var(--panel-bg);border:2px solid var(--border);border-bottom-width:4px;border-radius:999px;color:inherit;font:inherit;cursor:pointer;touch-action:manipulation}.profile-chip:hover{background:#1e2d4d}.profile-chip:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.profile-ava{width:2.05rem;height:2.05rem;object-fit:contain;flex:0 0 auto;border-radius:50%;background:var(--input-bg)}.profile-chip-name{font-weight:800;font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.btn-primary{background:var(--green);border-color:var(--green);border-bottom:4px solid var(--green-dark);color:#0b1d0b;font-size:clamp(.95rem,3vmin,1.05rem);text-transform:uppercase;letter-spacing:.05em;padding:clamp(.45rem,2.2vmin,.85rem) clamp(1.5rem,4vmin,2.1rem)}.btn-primary:hover{background:#61e002}.btn-primary:disabled{background:#3a6620;border-color:#3a6620;color:#7d9b6c}.card-photo{flex-direction:column;text-align:center}.photo-hint{font-size:clamp(.7rem,2.4vmin,.85rem);color:var(--muted);max-width:24rem;line-height:1.4}#cropCanvas{background:var(--input-bg);border:2px solid var(--border);border-radius:.75rem;max-height:min(46vh,24rem);max-width:90%;touch-action:none}.zoom-row{display:flex;align-items:center;gap:.6rem;font-size:.85rem;font-weight:800;color:var(--muted);width:min(90%,20rem)}.zoom-row input{flex:1}.photo-btns{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.score-row{display:flex;align-items:center;justify-content:center;gap:.7rem;margin-bottom:clamp(.2rem,1.4vmin,.7rem)}.score-big{font-size:clamp(2rem,9vmin,3rem);font-weight:900;color:var(--green);line-height:1}.score-label{font-size:clamp(.7rem,2.5vmin,.85rem);color:var(--muted);text-align:left;line-height:1.2}.best{font-size:clamp(.8rem,2.8vmin,.9rem);font-weight:800;color:var(--blue);margin-bottom:.2rem}.last-word{font-size:clamp(.75rem,2.8vmin,.9rem);color:var(--muted);margin-bottom:clamp(.4rem,2.2vmin,1.05rem)}.last-word b{color:var(--text)}.over-btns{display:flex;gap:clamp(.5rem,1.8vmin,.85rem);flex-wrap:wrap;justify-content:center;margin-top:clamp(.3rem,1.6vmin,.7rem)}.lb-title{font-size:clamp(.7rem,2.5vmin,.8rem);font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.25rem;text-align:center}.lb-place{font-size:clamp(.8rem,2.8vmin,.95rem);font-weight:800;color:var(--blue);margin-bottom:.5rem;text-align:center}.lb-top{list-style:none;counter-reset:lb;max-height:calc(3 * 2.6rem);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-right:.15rem}.lb-top li{counter-increment:lb;display:flex;align-items:center;gap:.45rem;background:var(--input-bg);border:2px solid var(--border);border-radius:.6rem;padding:.3rem .65rem;margin-bottom:.35rem;font-weight:800;font-size:clamp(.75rem,2.8vmin,.9rem);height:2.25rem}.lb-top li:before{content:none;min-width:0;padding:0}.lb-rank{color:var(--muted);min-width:1.35rem;text-align:center;flex:0 0 auto;font-variant-numeric:tabular-nums}.lb-rank.top{min-width:1.5rem;font-size:1.05em}.lb-flag{flex:0 0 auto;font-size:.95em;line-height:1}.lb-live{display:inline-block;width:.42rem;height:.42rem;margin-left:.28rem;border-radius:50%;background:#22c55e;box-shadow:0 0 0 .12rem #22c55e59;vertical-align:middle}.lb-top li.me{border-color:var(--green);background:var(--green-light)}.lb-name{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-score{color:var(--green-text);flex:0 0 auto}.fs-btn{position:absolute;top:1.6rem;right:.6rem;z-index:5;width:2.75rem;height:2.75rem;display:flex;align-items:center;justify-content:center;color:var(--text);background:var(--panel-bg);border:2px solid var(--border);border-bottom-width:4px;border-radius:.75rem;cursor:pointer;touch-action:manipulation}.fs-btn:hover{background:#1e2d4d}.fs-btn:active{transform:translateY(2px);border-bottom-width:2px}.fs-btn svg{width:1.25rem;height:1.25rem}body.pseudo-fs .wrap{height:100dvh}.hidden{display:none!important}@media(orientation:portrait){.card{flex-direction:column}.card-side{flex:0 0 auto;width:100%}.char-grid{grid-template-columns:repeat(2,1fr)}.char-card img,.char-photo-icon{height:clamp(5rem,min(22vmin,15dvh),8.5rem)}}@media(max-height:30rem){#quiz{bottom:.5rem;padding:.35rem .6rem .45rem}.q-label{display:none}.btn{font-size:.85rem;min-height:2.5rem;padding:.35rem .7rem}.rules{display:none}.char-card img,.char-photo-icon{height:2.6rem}.sentence{font-size:.85rem;margin-bottom:.25rem}.card{padding:.55rem .9rem;gap:.6rem}.card h1,.card h2{margin-bottom:.3rem}.char-grid{gap:.35rem;margin-bottom:.4rem}.char-card{padding:.2rem}.sec-label{margin:.25rem 0 .15rem}.set-grid{gap:.35rem;margin-bottom:.45rem}.set-card{padding:.3rem .2rem}.mode-grid{gap:.35rem;margin-bottom:.45rem}.mode-card{padding:.4rem}.name-input{margin-bottom:.4rem;padding:.35rem .9rem}.btn-primary{padding:.45rem 1.3rem}.rating-line{margin-bottom:.3rem}.pwa-row{margin-top:.45rem}.over-btns{margin-top:.25rem;gap:.45rem}.last-word{margin-bottom:.4rem}}.sec-label{font-size:clamp(.65rem,2.2vmin,.78rem);font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;text-align:left;margin:clamp(.2rem,1.6vmin,.85rem) 0 clamp(.15rem,1vmin,.45rem)}.set-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(.3rem,1.6vmin,.7rem);margin-bottom:clamp(.4rem,2.2vmin,1rem)}.set-card{background:var(--input-bg);border:2px solid var(--border);border-radius:.75rem;padding:clamp(.3rem,1.7vmin,.8rem) .25rem;cursor:pointer;text-align:center;touch-action:manipulation;color:var(--text);font-family:inherit}.set-card .set-n{font-size:clamp(1rem,3.6vmin,1.4rem);font-weight:900;color:var(--green-text)}.set-card .set-t{font-size:clamp(.55rem,1.9vmin,.7rem);font-weight:700;color:var(--muted)}.set-card.selected{border-color:var(--green);background:var(--green-light)}.set-card:disabled{opacity:.45;cursor:default}.set-card:focus-visible{outline:3px solid var(--blue);outline-offset:2px}@media(orientation:portrait){.set-grid{grid-template-columns:repeat(5,1fr)}}.lb-ava{width:1.5rem;height:1.5rem;border-radius:50%;object-fit:cover;flex:0 0 auto;background:var(--card-bg);border:1px solid var(--border)}span.lb-ava{display:block;border-color:transparent;background:transparent}#hud{display:flex;flex-direction:column;gap:.35rem;align-items:flex-start}.chip-rival{border-color:var(--blue);color:#7dd3fc}.chip-rating{border-color:#f59e0b;color:#fbbf24}.rating-line{font-size:clamp(.8rem,2.8vmin,.95rem);font-weight:800;color:#fbbf24;margin-bottom:clamp(.3rem,1.8vmin,.9rem)}.pwa-row{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;margin-top:clamp(.55rem,2.2vmin,1.1rem)}.pwa-row .btn{font-size:.8rem;min-height:2.35rem;padding:.35rem .8rem}.pwa-hint{font-size:clamp(.65rem,2.2vmin,.78rem);color:var(--muted);margin-top:.4rem;line-height:1.35}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(.3rem,1.6vmin,.75rem);margin-bottom:clamp(.5rem,2.2vmin,1.05rem)}.mode-card{background:var(--input-bg);border:2px solid var(--border);border-radius:.75rem;padding:clamp(.45rem,2vmin,1rem) .5rem;cursor:pointer;text-align:center;touch-action:manipulation;color:var(--text);font-family:inherit}.mode-card .mode-n{font-size:clamp(.85rem,3vmin,1.05rem);font-weight:900}.mode-card .mode-t{font-size:clamp(.6rem,2vmin,.72rem);font-weight:700;color:var(--muted);margin-top:.15rem;line-height:1.25}.mode-card.selected{border-color:var(--green);background:var(--green-light)}.mode-card.selected .mode-t{color:var(--green-text)}.mode-card:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.versus-scores{display:flex;align-items:center;justify-content:center;gap:.9rem;margin-bottom:clamp(.25rem,1.2vmin,.45rem)}.versus-scores .score-label{text-align:center;display:block}.vs-mark{font-weight:900;color:var(--muted);font-size:.9rem}.score-rival{color:var(--blue)}.ios-steps{text-align:left;color:var(--muted);font-size:clamp(.8rem,2.8vmin,.95rem);font-weight:700;line-height:1.45;margin:.4rem auto .9rem;padding-left:1.2rem;max-width:22rem}.ios-steps li{margin-bottom:.35rem}.lang-switch{position:absolute;top:1.6rem;right:3.7rem;z-index:6;display:flex;gap:.25rem}.lang-btn{font-family:inherit;font-weight:800;font-size:.72rem;color:var(--text);background:var(--panel-bg);border:2px solid var(--border);border-bottom-width:4px;border-radius:.65rem;padding:.3rem .5rem;min-height:2.75rem;cursor:pointer;touch-action:manipulation}.lang-btn.selected{border-color:var(--green);color:var(--green-text);background:var(--green-light)}.lang-btn:focus-visible{outline:3px solid var(--blue);outline-offset:2px}@media(max-width:28rem){.lang-switch{right:3.7rem;left:auto}.lang-btn{min-height:2.35rem;font-size:.68rem}.profile-chip{top:1.35rem;padding-right:.28rem}.profile-chip-name{display:none}}.card-mm{gap:clamp(.45rem,2.2vmin,1.15rem);max-width:min(96%,28rem)}.mm-pair{display:flex;align-items:center;justify-content:center;gap:clamp(.6rem,3vmin,1.4rem);width:100%}.mm-side{flex:1 1 0;min-width:0;text-align:center}.mm-ava-box{position:relative;width:clamp(3.6rem,15vmin,5.2rem);height:clamp(3.6rem,15vmin,5.2rem);margin:0 auto .3rem;border-radius:50%;border:2px solid var(--border);background:var(--input-bg);display:flex;align-items:center;justify-content:center;overflow:hidden}.mm-ava-box.searching{border-color:var(--blue);animation:mm-pulse 1.1s ease-in-out infinite}.mm-ava-box.found{border-color:var(--green);animation:mm-pop .35s ease-out}.mm-ava{width:100%;height:100%;object-fit:contain}.mm-q{font-size:clamp(1.4rem,6vmin,2rem);font-weight:900;color:var(--blue)}@keyframes mm-pulse{0%,to{box-shadow:0 0 #1cb0f680}50%{box-shadow:0 0 0 .6rem #1cb0f600}}@keyframes mm-pop{0%{transform:scale(.7)}60%{transform:scale(1.08)}to{transform:scale(1)}}.mm-name{font-size:clamp(.8rem,3vmin,.95rem);font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mm-elo{font-size:clamp(.7rem,2.5vmin,.82rem);font-weight:800;color:#fbbf24}.mm-vs{font-size:clamp(.9rem,3.4vmin,1.1rem);font-weight:900;color:var(--muted);flex:0 0 auto}.mm-count{font-size:clamp(2.2rem,10vmin,3.4rem);font-weight:900;color:var(--green);line-height:1;animation:mm-count .6s ease-out}@keyframes mm-count{0%{transform:scale(1.6);opacity:0}40%{opacity:1}to{transform:scale(1);opacity:1}}.mm-dots:after{content:"";animation:mm-dots 1.2s steps(4,end) infinite}@keyframes mm-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.chip-rival.out{opacity:.55;border-color:var(--border);color:var(--muted);text-decoration:line-through}.card-rating{max-width:min(96%,34rem);width:min(96%,34rem);gap:.55rem}.rating-kicker{margin:0;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}.rating-me{display:grid;grid-template-columns:auto auto minmax(0,1fr) 3.4rem;align-items:center;column-gap:.4rem;row-gap:.15rem;width:100%;background:var(--green-light);border:2px solid var(--green);border-radius:.75rem;padding:.5rem .7rem;font-weight:800;font-size:clamp(.78rem,2.9vmin,.92rem)}.rating-me .lb-ava{width:1.9rem;height:1.9rem;grid-row:1 / 3}.rating-me .lb-flag{grid-column:2;grid-row:1}.rating-me .rating-me-name{grid-column:3;grid-row:1;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rating-me .rating-me-place{grid-column:2 / 4;grid-row:2;color:var(--blue);font-size:.82em;text-align:left}.rating-me .rating-me-elo{grid-column:4;grid-row:1 / 3;color:var(--green-text);font-size:1.05em;font-variant-numeric:tabular-nums;text-align:right}.lb-head{display:grid;grid-template-columns:1.7rem minmax(0,1fr) 2.5rem 2.7rem;width:100%;padding:0 .55rem;font-size:.68rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);text-align:left}.lb-head span:nth-child(3),.lb-head span:nth-child(4){text-align:right}.lb-full{width:100%;max-height:min(52vh,26rem);counter-reset:none}.lb-full li{display:grid;grid-template-columns:1.55rem 1.05rem 1.55rem minmax(0,1fr) 2.2rem 2.5rem;align-items:center;gap:.25rem;height:auto;min-height:2.45rem;padding:.3rem .4rem}.lb-full .lb-name{min-width:0;overflow:hidden;text-overflow:ellipsis}.lb-full .lb-games{color:var(--muted);font-size:.78em;text-align:right;font-variant-numeric:tabular-nums}.lb-full .lb-score{text-align:right;font-variant-numeric:tabular-nums}@media(max-width:24rem){.lb-head{grid-template-columns:1.55rem minmax(0,1fr) 2.5rem}.lb-head span:nth-child(3){display:none}.lb-full li{grid-template-columns:1.55rem 1.05rem 1.55rem minmax(0,1fr) 2.5rem}.lb-full .lb-games{display:none}}@media(max-height:30rem){.lb-full{max-height:40vh}.card-mm .rules{display:block}.mm-ava-box{width:3rem;height:3rem}}.plang-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(.3rem,1.4vmin,.55rem);margin-bottom:clamp(.35rem,1.7vmin,.6rem)}.plang-card{display:flex;align-items:center;justify-content:center;gap:.35rem;background:var(--input-bg);border:2px solid var(--border);border-radius:.7rem;padding:clamp(.28rem,1.2vmin,.45rem) .35rem;color:var(--text);font-family:inherit;font-weight:800;cursor:pointer;touch-action:manipulation;min-width:0}.plang-card.selected{border-color:var(--green);background:var(--green-light)}.plang-card.selected .plang-name{color:var(--green-text)}.plang-card:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.plang-flag{font-size:clamp(.85rem,3vmin,1.05rem);line-height:1;flex:0 0 auto}.plang-name{font-size:clamp(.58rem,2vmin,.75rem);color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.set-hint{margin-top:-.15rem;text-align:center}@media(orientation:portrait){.plang-grid{grid-template-columns:repeat(3,1fr)}}@media(max-height:30rem){.plang-grid{gap:.3rem;margin-bottom:.4rem}.plang-card{padding:.25rem .3rem}.set-hint{display:none}}.prompt-word{display:inline-block;font-size:clamp(1.1rem,4.4vmin,1.5rem);font-weight:900;color:var(--text);line-height:1.2}.prompt-arrow{margin:0 .4rem;color:var(--muted);font-weight:900}@media(max-height:30rem){.prompt-word{font-size:clamp(.95rem,3.6vmin,1.15rem)}}