:root{--ink:#201335;--muted:#6b5f7d;--paper:#fffaf2;--panel:#ffffffc7;--pink:#ff4fa3;--violet:#7c3cff;--aqua:#23d7c7;--sun:#ffd166;--green:#6ee56f;--shadow:0 24px 70px #34185e2e;--soft-shadow:0 14px 34px #34185e1f}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 12% 12%,#ff4fa347,#0000 34%),radial-gradient(circle at 88% 18%,#23d7c757,#0000 28%),radial-gradient(circle at 50% 105%,#7c3cff38,#0000 38%),linear-gradient(135deg,#fff7df 0%,#ffeaf6 42%,#eaf9ff 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}body:before{content:"あ ア 水";z-index:-1;color:#2013350d;letter-spacing:-.12em;font-size:clamp(5rem,18vw,16rem);font-weight:900;position:fixed;inset:auto -2rem 1rem auto;transform:rotate(-8deg)}.beta-badge{z-index:20;background:linear-gradient(135deg, var(--sun), var(--pink));color:var(--ink);letter-spacing:-.02em;text-transform:uppercase;transform-origin:0;border:3px solid #fff;border-radius:0 999px 999px 0;padding:.78rem 1rem;font-size:clamp(.92rem,1.9vw,1.18rem);font-weight:950;line-height:.95;transition:opacity .22s,transform .22s;position:fixed;top:clamp(.75rem,2vw,1.25rem);left:clamp(.75rem,2vw,1.25rem);transform:rotate(-6deg);box-shadow:0 16px 36px #34185e33}.beta-badge.hidden{opacity:0;pointer-events:none;transform:translate(-130%)rotate(-6deg)}.beta-badge:after{content:none}.beta-badge span{letter-spacing:.02em;font-size:.72em;display:block}.time-counter{z-index:19;color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#201335e6;border:2px solid #ffffffb8;border-radius:999px;align-items:baseline;gap:.35rem;padding:.42rem .62rem;font-size:.78rem;font-weight:900;transition:top .22s,transform .22s,opacity .22s;display:inline-flex;position:fixed;top:clamp(5rem,8vw,5.7rem);left:clamp(.75rem,2vw,1.25rem);box-shadow:0 12px 28px #34185e29}.time-counter.raised,.floating-header-raised .time-counter{top:clamp(.75rem,2vw,1.25rem)}.time-counter[hidden]{display:none}.time-counter span{color:#ffffffad;letter-spacing:.08em;text-transform:uppercase;font-size:.62rem}.time-counter strong{line-height:1}.page-container{flex-direction:column;min-height:100vh;display:flex}.container{flex:1;width:min(1280px,100%);margin:0 auto;padding:clamp(1rem,3vw,2.5rem)}.hero{text-align:center;margin:0 auto 1.5rem;padding:clamp(1.5rem,4vw,3.25rem) 1rem 1.5rem}.site-logo{filter:drop-shadow(0 18px 28px #34185e2e);width:clamp(82px,15vw,128px);height:auto;margin:0 auto 1rem;display:block}h1{letter-spacing:-.08em;text-wrap:balance;margin-bottom:.8rem;font-size:clamp(3rem,9vw,7rem);font-weight:950;line-height:.86}.hero-copy{max-width:720px;color:var(--muted);margin:0 auto;font-size:clamp(1rem,2vw,1.28rem);font-weight:650}.site-menu{z-index:45;position:fixed;top:clamp(.75rem,2vw,1.25rem);right:clamp(.75rem,2vw,1.25rem)}.site-menu-state{opacity:0;pointer-events:none;block-size:1px;inline-size:1px;position:absolute}.site-menu-toggle{z-index:2;width:64px;height:96px;box-shadow:var(--soft-shadow);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transform-style:flat;background:linear-gradient(145deg,#fff 0%,#fff0c9 100%);border:3px solid #ffffffb3;border-radius:15px;place-content:center;gap:5px;padding:0;transition:background .22s,box-shadow .22s,transform .56s cubic-bezier(.2,.8,.2,1),border-color .22s;display:grid;position:relative;overflow:hidden;transform:rotateY(0)}.site-menu-backdrop{z-index:1;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#20133561;display:none;position:fixed;inset:0}.site-menu-toggle:after{content:"";background:#fff3;border-radius:999px;height:56%;position:absolute;inset:auto -20% -28% 12%;transform:rotate(-16deg)}.site-menu-toggle:hover{transform:translateY(-1px);box-shadow:0 18px 38px #20133533}.site-menu-toggle span{background:var(--ink);z-index:1;transform-origin:50%;border-radius:999px;width:24px;height:3px;transition:opacity .18s,transform .26s cubic-bezier(.2,.9,.18,1),width .22s;display:block}.site-menu-state:checked+.site-menu-toggle{background:linear-gradient(135deg, var(--violet), var(--pink));border-color:#ffffffc7;transform:rotateY(180deg)}.site-menu-state:checked+.site-menu-toggle span{background:#fff;transform:rotateY(180deg)}.site-menu-state:checked+.site-menu-toggle span:first-child{transform:rotateY(180deg)translateY(8px)rotate(45deg)}.site-menu-state:checked+.site-menu-toggle span:nth-child(2){opacity:0;transform:rotateY(180deg)scaleX(.2)}.site-menu-state:checked+.site-menu-toggle span:nth-child(3){transform:rotateY(180deg)translateY(-8px)rotate(-45deg)}.site-menu-panel{z-index:2;width:min(320px,100vw - 1.5rem);box-shadow:var(--shadow);text-align:left;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;border:2px solid #ffffffd1;border-radius:24px;gap:.85rem;padding:1rem;display:none;position:absolute;top:calc(100% + .6rem);right:0}.site-menu-state:checked~.site-menu-backdrop{display:block}.site-menu-state:checked~.site-menu-panel{display:grid}.site-menu-account{gap:.18rem;display:grid}.account-kicker{color:var(--violet);letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:950;display:block}.site-menu-account strong{margin-top:.1rem;font-size:1.1rem;display:block}.site-menu-account p{color:var(--muted);margin-top:.2rem;font-size:.92rem;font-weight:750}.account-actions{grid-template-columns:repeat(3,minmax(0,auto));gap:.5rem;display:grid}.account-primary,.account-secondary,.account-danger{cursor:pointer;overflow-wrap:anywhere;text-align:center;border:0;border-radius:999px;place-items:center;min-height:42px;padding:0 .58rem;font-size:.82rem;font-weight:950;line-height:1.05;text-decoration:none;display:inline-grid}.account-primary{background:linear-gradient(135deg, var(--violet), var(--pink));color:#fff}.account-secondary{color:var(--ink);background:#20133514}.account-primary[hidden],.account-secondary[hidden],.account-danger[hidden]{display:none}.account-danger{color:var(--pink);background:#ee366e1a;grid-column:1/-1}.social-links{gap:.55rem;padding-top:.2rem;display:flex}.social-links button,.social-links a{width:42px;height:42px;color:var(--ink);opacity:.72;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#20133514;border:0;border-radius:999px;place-items:center;text-decoration:none;display:grid}.social-links svg{fill:currentColor;width:21px;height:21px}.social-feedback:empty{display:none}.social-feedback{color:var(--violet);font-size:.9rem;font-weight:850}.app-coming-soon{gap:.55rem;padding-top:.15rem;display:grid}.app-coming-soon p{color:var(--muted);font-size:.9rem;font-weight:800}.app-store-icons{flex-wrap:nowrap;align-items:center;gap:.5rem;display:flex}.store-badge{border-radius:7px;width:135px;height:40px;display:block;overflow:hidden;box-shadow:0 10px 22px #20133529}.store-badge svg{width:100%;height:100%;display:block}.thanks-popup{z-index:55;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#20133561;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.thanks-popup[hidden]{display:none}.thanks-card{width:min(480px,100%);box-shadow:var(--shadow);background:linear-gradient(145deg,#fffffffa,#fff0c9fa);border:3px solid #ffffffc7;border-radius:28px;gap:.85rem;padding:clamp(1rem,4vw,1.65rem);display:grid}.thanks-card h2{letter-spacing:-.06em;font-size:clamp(2rem,6vw,3.2rem);line-height:.92}.thanks-card p{color:var(--muted);font-weight:800}.auth-success-card{box-shadow:var(--soft-shadow);background:linear-gradient(145deg,#fffffffa,#fff0c9fa);border:3px solid #ffffffc7;border-radius:24px;gap:.65rem;padding:1rem;display:grid}.auth-success-card h2{color:var(--ink);letter-spacing:-.05em;font-size:clamp(1.8rem,6vw,2.6rem);line-height:.96}.auth-success-card p{color:var(--muted);font-weight:800}.site-storage-notice{z-index:50;width:min(720px,100vw - 1.5rem);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffaf2f5;border:3px solid #ffffffc7;border-radius:28px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1rem;display:grid;position:fixed;bottom:clamp(.75rem,2vw,1.25rem);right:clamp(.75rem,2vw,1.25rem)}.site-storage-notice[hidden]{display:none}.site-storage-notice p{color:var(--muted);margin-top:.35rem;font-size:.92rem;font-weight:800;line-height:1.45}.site-storage-notice button{min-width:132px}.controls-panel{background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #ffffffb3;border-radius:32px;gap:1rem;margin:0 auto 1.5rem;padding:1rem;display:grid}.advanced-controls{gap:1rem;display:grid}.controls-toggle{background:var(--ink);color:#fff;cursor:pointer;width:100%;min-height:48px;box-shadow:var(--soft-shadow);border:0;border-radius:24px;font-weight:900;display:none}.controls-toggle span{margin-right:.4rem}.navigation,.app-mode-switch,.grade-selection{flex-wrap:wrap;justify-content:center;gap:.65rem;display:flex}.app-mode-switch{isolation:isolate;background:#20133514;border-radius:28px;width:min(520px,100%);margin:0 auto;padding:.4rem;position:relative;overflow:hidden}.app-mode-switch:before{content:"";z-index:-1;background:linear-gradient(135deg, var(--violet), var(--pink));border-radius:22px;width:calc(50% - .4rem);transition:transform .42s cubic-bezier(.2,.9,.18,1),filter .42s;position:absolute;top:.4rem;bottom:.4rem;left:.4rem;box-shadow:0 14px 30px #7c3cff38}.app-mode-switch.play-selected:before{transform:translate(100%)}button,input{font:inherit}.nav-btn,.mode-btn,.grade-btn,.clear-search-btn,.answer-row button{cursor:pointer;border:0;font-weight:850;transition:transform .18s,box-shadow .18s,background .18s}.nav-btn,.mode-btn,.grade-btn{min-height:44px;color:var(--ink);background:#ffffffdb;border-radius:999px;padding:.72rem 1.05rem;box-shadow:0 8px 20px #20133514}.mode-btn{box-shadow:none;color:var(--ink);background:0 0;flex:180px;transition:color .28s,transform .22s;position:relative}.nav-btn:hover,.mode-btn:hover,.grade-btn:hover,.clear-search-btn:hover,.answer-row button:hover{transform:translateY(-2px);box-shadow:0 14px 28px #20133526}.nav-btn.active{background:linear-gradient(135deg, var(--violet), var(--pink));color:#fff}.mode-btn.active{color:#fff}.shuffle-btn{background:var(--ink);color:#fff}.grade-btn.active{background:linear-gradient(135deg, var(--aqua), var(--green));color:#10251f}.search-wrap{gap:.45rem;width:min(760px,100%);margin:0 auto;display:grid}.search-wrap label{color:var(--ink);letter-spacing:.03em;text-transform:uppercase;font-size:.86rem;font-weight:900}.search-box{background:#ffffffe6;border:2px solid #20133514;border-radius:24px;gap:.6rem;padding:.45rem;display:flex}#search-input{width:100%;min-height:50px;color:var(--ink);background:0 0;border:0;outline:0;font-size:1rem;font-weight:700}#search-input::placeholder{color:#6b5f7db8}.clear-search-btn{color:var(--pink);background:#fff0f8;border-radius:18px;flex:none;padding:0 1rem}.search-hint,.results-summary{color:var(--muted);font-size:.94rem;font-weight:700}.score-panel{background:var(--ink);color:#fff;width:min(760px,100%);box-shadow:var(--soft-shadow);border-radius:24px;grid-template-columns:repeat(6,minmax(92px,1fr));align-items:center;gap:.8rem;margin:0 auto;padding:.8rem;display:grid}.play-kind-switch{background:#ffffff1f;border-radius:999px;grid-column:1/-1;gap:.35rem;padding:.34rem;display:flex}.play-kind-btn{color:#ffffffc2;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:160px;min-height:40px;font-weight:900}.play-kind-btn[data-play-kind=meaning]{display:none!important}.kanji-mode .play-kind-btn[data-play-kind=meaning]{display:block!important}.play-kind-btn[hidden]{display:none!important}.play-kind-switch.single-option .play-kind-btn{flex-basis:100%}.play-kind-btn.active{color:var(--ink);background:#fff}.score-panel[hidden]{display:none}.score-panel>div{background:#ffffff1f;border-radius:18px;min-width:108px;padding:.6rem .9rem}.score-panel>div:nth-of-type(5),.score-panel>div:nth-of-type(6){background:linear-gradient(135deg,#7c3cff47,#ff4fa333)}.score-label{color:#ffffffb8;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:900;display:block}.score-panel strong{font-size:1.5rem;line-height:1;display:block}#play-instructions{color:#ffffffc7;grid-column:1/-1;min-height:1.35em;font-size:.9rem;font-weight:750}.game-container{margin-top:1.25rem}.results-summary{text-align:center;margin:0 auto .75rem}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(150px,180px));justify-content:center;gap:clamp(.85rem,2vw,1.35rem);width:100%;display:grid}.card{aspect-ratio:2/3;perspective:1000px;cursor:pointer;min-height:220px}.card-inner{text-align:center;width:100%;height:100%;min-height:220px;transform-style:preserve-3d;isolation:isolate;position:relative}.card.flipped .card-inner{transform:none}.card-front,.card-back{backface-visibility:hidden;width:100%;height:100%;min-height:220px;box-shadow:var(--soft-shadow);transform-style:preserve-3d;border:3px solid #ffffffb3;border-radius:28px;justify-content:center;align-items:center;transition:transform .56s cubic-bezier(.2,.8,.2,1),opacity .18s;display:flex;position:absolute;inset:0;overflow:hidden}.card-front{z-index:2;opacity:1;transform:rotateY(0)}.card-back{z-index:1;opacity:0;pointer-events:none}.card.flipped .card-front{z-index:1;opacity:0;pointer-events:none;transform:rotateY(-180deg)}.card.flipped .card-back{z-index:2;opacity:1;pointer-events:auto;transform:rotateY(0)}.card-front:after,.card-back:after{content:"";background:#fff3;border-radius:999px;height:56%;position:absolute;inset:auto -20% -28% 12%;transform:rotate(-16deg)}.card-front{color:var(--ink);background:linear-gradient(145deg,#fff 0%,#fff0c9 100%);flex-direction:column;gap:.7rem;padding:.85rem;font-size:clamp(2.2rem,5.2vw,4.7rem);font-weight:900}.card-prompt{z-index:1;overflow-wrap:anywhere;max-width:100%;line-height:.94;display:block;position:relative}.card.kanji .card-front{font-size:clamp(2.9rem,6.5vw,5.8rem)}.card.hiragana .card-front{background:linear-gradient(145deg,#fff 0%,#ffe2f1 100%)}.card.katakana .card-front{background:linear-gradient(145deg,#fff 0%,#dcfbff 100%)}.card.kanji .card-front{background:linear-gradient(145deg,#fff9d8 0%,#ffe1a8 100%)}.card-back{background:linear-gradient(145deg, var(--violet), var(--pink));color:#fff;flex-direction:column;gap:.16rem;padding:.56rem;font-size:clamp(.55rem,1.2vw,.78rem);font-weight:750;line-height:1.08;transform:rotateY(180deg)}.card-back strong{overflow-wrap:anywhere;max-width:100%;font-size:clamp(.82rem,1.9vw,1.28rem);line-height:1.05}.card-back span:not(.card-label){z-index:1;overflow-wrap:anywhere;max-width:100%;position:relative}.card-label{letter-spacing:.05em;text-transform:uppercase;background:#ffffff2e;border-radius:999px;padding:.16rem .46rem;font-size:.62rem;font-weight:900;display:inline-flex}.answer-panel{z-index:2;opacity:0;pointer-events:none;background:#fffffff5;border-radius:22px;align-content:center;gap:.55rem;padding:.8rem;transition:opacity .18s,transform .18s;display:grid;position:absolute;inset:.55rem;transform:translateY(8px)scale(.98);box-shadow:0 14px 28px #20133524}.card.answering .answer-panel,.card.wrong .answer-panel{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.card.answering .card-prompt,.card.wrong .card-prompt{opacity:.1;transform:scale(.78)}.answer-panel label{color:var(--muted);letter-spacing:.02em;font-size:.78rem;font-weight:900}.answer-row{gap:.35rem;display:grid}.answer-row input{width:100%;min-width:0;min-height:46px;color:var(--ink);border:2px solid #2013351a;border-radius:16px;outline:0;padding:.62rem .72rem;font-size:.95rem;font-weight:800}.answer-row button{background:var(--ink);color:#fff;border-radius:16px;min-height:44px;padding:.62rem .72rem;font-size:.9rem}.answer-row button:disabled,.answer-row input:disabled{opacity:.7;cursor:default}.answer-feedback{min-height:1em;color:var(--pink);font-size:.78rem;font-weight:900}.answer-feedback.correct{color:#1f8c62}.mobile-cancel{display:none}.card.wrong .card-front{animation:.32s wrong-shake}.card.solved{cursor:default}@keyframes wrong-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.bonus-level{color:#fff;box-shadow:var(--shadow);background:linear-gradient(135deg,#201335f0,#7c3cffe6);border-radius:32px;grid-template-columns:minmax(0,1fr) minmax(240px,360px);align-items:stretch;gap:1rem;margin-top:1rem;padding:1rem;display:grid}.bonus-level[hidden]{display:none}.leaderboard-publish{box-shadow:var(--soft-shadow);background:linear-gradient(145deg,#ffffffdb,#eaf9ffd1);border:3px solid #ffffffb8;border-radius:32px;grid-template-columns:minmax(0,.9fr) minmax(260px,1.1fr);align-items:start;gap:1rem;margin-top:1rem;padding:1rem;display:grid}.leaderboard-publish[hidden]{display:none}.leaderboard-publish h2{letter-spacing:-.06em;margin:.4rem 0;font-size:clamp(2rem,5vw,3.4rem);line-height:.9}.leaderboard-publish p{color:var(--muted);font-weight:750}.leaderboard-publish-form{background:#ffffffd1;border-radius:24px;gap:.7rem;padding:1rem;display:grid}.leaderboard-publish-form>label:not(.checkout-consent){color:var(--muted);font-weight:900}.leaderboard-publish-form input[type=text]{width:100%;min-height:48px;color:var(--ink);font:inherit;border:2px solid #2013351f;border-radius:16px;padding:0 .9rem;font-weight:800}.leaderboard-publish-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;display:grid}.leaderboard-publish-actions a{text-decoration:none}.bonus-copy,.bonus-card{padding:clamp(1rem,3vw,1.5rem)}.bonus-copy h2{letter-spacing:-.05em;margin:.55rem 0;font-size:clamp(2rem,5vw,4rem);line-height:.9}.bonus-copy p{color:#ffffffc2;font-weight:750}.bonus-card{color:var(--ink);background:#fffffff0;border-radius:26px;gap:.65rem;display:grid}.bonus-card label{color:var(--muted);font-weight:900}.taito-kanji{width:min(100%,16rem);margin:0 auto;display:block}.empty-state{color:var(--muted);text-align:center;background:#fff9;border:2px dashed #2013352e;border-radius:28px;grid-column:1/-1;padding:3rem 1.5rem;font-weight:800}footer{width:100%;color:var(--muted);text-align:center;margin:auto 0 0;padding:1.25rem 1rem;font-size:.9rem;font-weight:750}footer .rotated{display:inline-block;transform:rotate(180deg)}footer a{color:var(--violet);text-decoration:none}.legal-footer-links{flex-wrap:wrap;justify-content:center;gap:.5rem .9rem;margin-top:.65rem;font-size:.85rem;display:flex}.legal-footer-links a,.site-storage-notice a{color:var(--violet);font-weight:900}.page-nav{z-index:30;box-shadow:var(--soft-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffc7;border:2px solid #ffffffbd;border-radius:999px;align-items:center;gap:.45rem;margin-bottom:1rem;padding:.35rem;display:inline-flex;position:sticky;top:.75rem}.page-nav a,.page-nav button{min-height:40px;color:var(--ink);cursor:pointer;font:inherit;border:0;border-radius:999px;place-items:center;padding:0 .95rem;font-size:.88rem;font-weight:950;text-decoration:none;display:inline-grid}.page-nav a{background:linear-gradient(135deg, var(--violet), var(--pink));color:#fff}.page-nav button{background:#20133514}.auth-page{place-items:center;min-height:100vh;padding:1rem;display:grid}.auth-page .page-nav{position:fixed;top:1rem;left:1rem}.auth-card{width:min(460px,100%);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd6;border-radius:30px;gap:1rem;padding:clamp(1.2rem,4vw,2rem);display:grid}.auth-card h1{letter-spacing:-.025em;margin:0;font-size:clamp(2.4rem,9vw,4.6rem)}.auth-card p,.auth-card a{color:var(--muted);font-weight:750}.auth-form{gap:.65rem;display:grid}.auth-mode-switch{background:#20133514;border-radius:22px;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;padding:.35rem;display:grid;position:relative}.auth-mode-switch a{min-height:44px;color:var(--ink);border-radius:18px;place-items:center;font-weight:950;text-decoration:none;transition:color .24s,background .24s,box-shadow .24s;display:grid}.auth-mode-switch a.active{background:linear-gradient(135deg, var(--violet), var(--pink));color:#fff;box-shadow:0 12px 26px #7c3cff33}.auth-form label{color:var(--ink);letter-spacing:.04em;text-transform:uppercase;font-size:.8rem;font-weight:900}.auth-form input,.auth-form select{width:100%;min-height:50px;color:var(--ink);background:#ffffffeb;border:2px solid #2013351a;border-radius:18px;padding:.7rem .85rem;font-family:inherit;font-size:1rem;font-weight:800}.auth-form select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--violet) 50%), linear-gradient(135deg, var(--violet) 50%, transparent 50%), linear-gradient(135deg, #7c3cff1a, #ff4fa31a);cursor:pointer;background-position:calc(100% - 1.35rem),calc(100% - 1rem),100% 0;background-repeat:no-repeat;background-size:.36rem .36rem,.36rem .36rem,3rem 100%;padding-right:2.6rem}.auth-form input:focus,.auth-form select:focus{border-color:#7c3cff8c;outline:0;box-shadow:0 0 0 4px #7c3cff1f}.auth-form button{background:linear-gradient(135deg, var(--violet), var(--pink));color:#fff;cursor:pointer;border:0;border-radius:18px;min-height:50px;font-weight:950}.auth-success{color:#1f8c62}.auth-error{color:var(--pink)}.auth-note{font-size:.9rem}.access-wall{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#20133561;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.access-wall[hidden]{display:none}.access-wall-card{width:min(440px,100%);max-height:min(92vh,760px);box-shadow:var(--shadow);background:linear-gradient(145deg,#fffffff5,#fffaf2f5);border:3px solid #ffffffc7;border-radius:28px;gap:.85rem;padding:clamp(1rem,4vw,1.65rem);display:grid;position:relative;overflow:auto}.access-wall-dismiss{width:2.35rem;height:2.35rem;color:var(--ink);cursor:pointer;background:#20133514;border:0;border-radius:999px;place-items:center;font-size:1.45rem;font-weight:950;line-height:1;display:grid;position:absolute;top:.75rem;right:.75rem}.access-wall-card h2{letter-spacing:-.06em;font-size:clamp(2rem,6vw,3.4rem);line-height:.9}.access-wall-card p{color:var(--muted);font-weight:750}.access-wall-feedback:empty{display:none}.access-wall-feedback{color:var(--pink)}.checkout-legal-summary{background:#2013350f;border-radius:16px;padding:.75rem;font-size:.86rem}.checkout-consent{color:var(--muted);grid-template-columns:auto 1fr;align-items:start;gap:.55rem;font-size:.84rem;font-weight:800;line-height:1.35;display:grid}.checkout-consent input{appearance:none;width:1.25rem;height:1.25rem;accent-color:var(--violet);background:#ffffffd1;border:2px solid #20133573;border-radius:.38rem;margin-top:.05rem}.checkout-consent input:checked{background:linear-gradient(135deg, var(--violet), var(--pink));border-color:#0000;box-shadow:inset 0 0 0 4px #fff}.checkout-consent span{min-width:0}.checkout-consent a{color:var(--violet)}.legal-page{width:min(920px,100% - 2rem);margin:0 auto;padding:clamp(1.25rem,4vw,3rem) 0 4rem}.legal-hero{box-shadow:var(--shadow);background:linear-gradient(145deg,#ffffffdb,#fffaf2db);border:3px solid #ffffffb8;border-radius:34px;margin-bottom:1rem;padding:clamp(1.25rem,4vw,2.5rem)}.legal-hero h1{margin:.55rem 0;font-size:clamp(2.6rem,8vw,5.8rem)}.legal-hero p{max-width:720px;color:var(--muted);font-size:clamp(1rem,2vw,1.22rem);font-weight:750}.legal-card{box-shadow:var(--soft-shadow);background:#ffffffc7;border:2px solid #ffffffbd;border-radius:26px;margin-top:1rem;padding:clamp(1rem,3vw,1.6rem)}.legal-card h2{letter-spacing:-.04em;margin-bottom:.5rem;font-size:clamp(1.4rem,3vw,2.1rem);line-height:1}.legal-card p+p,.legal-card p+ul,.legal-card ul+p,.legal-card p+dl{margin-top:.75rem}.legal-card a{color:var(--violet);font-weight:900}.legal-list{gap:.45rem;padding-left:1.15rem;display:grid}.legal-details{gap:.7rem;display:grid}.legal-details div{gap:.15rem;display:grid}.legal-details dt{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:950}.legal-details dd{font-weight:800}.legal-quote{border-left:5px solid var(--violet);color:var(--ink);background:#7c3cff14;border-radius:18px;margin-top:.75rem;padding:1rem;font-weight:800}.free-culture-hero{background:radial-gradient(circle at 12% 14%,#ff4fa32e,#0000 34%),radial-gradient(circle at 90% 8%,#23d7c738,#0000 32%),linear-gradient(145deg,#ffffffe6,#fffaf2e6)}.free-culture-manifesto{background:linear-gradient(145deg,#ffffffdb,#ffeaf6b8);border-color:#7c3cff2e}.leaderboard-hero{background:radial-gradient(circle at 10% 12%,#23d7c738,#0000 32%),radial-gradient(circle at 86% 12%,#ff4fa32e,#0000 30%),linear-gradient(145deg,#ffffffe6,#fffaf2e6)}.leaderboard-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;display:grid}.leaderboard-controls label{color:var(--muted);gap:.35rem;font-weight:900;display:grid}.leaderboard-controls label[hidden]{display:none}.leaderboard-controls select{min-height:48px;color:var(--ink);font:inherit;background:#ffffffdb;border:2px solid #2013351f;border-radius:16px;padding:0 .85rem;font-weight:850}.leaderboard-table-wrap{overflow-x:auto}.leaderboard-table{border-collapse:collapse;width:100%}.leaderboard-table th,.leaderboard-table td{text-align:left;border-bottom:1px solid #2013351a;padding:.85rem .7rem}.leaderboard-table th{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:950}.leaderboard-table td{font-weight:850}.leaderboard-note{color:var(--muted);margin-top:.8rem;font-size:.92rem;font-weight:750}.access-wall-actions{gap:.6rem;display:grid}.access-wall-auth-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.access-wall-auth-actions #access-wall-close{grid-column:1/-1}.access-wall-actions[hidden]{display:none}.access-wall-primary,.access-wall-secondary{cursor:pointer;border:0;border-radius:18px;place-items:center;min-height:48px;font-weight:950;text-decoration:none;display:inline-grid}.access-wall-primary{background:linear-gradient(135deg, var(--violet), var(--pink));color:#fff}.access-wall-secondary{color:var(--ink);background:#20133514}.access-wall-primary:disabled,.access-wall-secondary:disabled{cursor:wait;opacity:.68}@media (max-width:720px){.beta-badge{top:1rem;left:.42rem}.time-counter{padding:.34rem .5rem;font-size:.72rem;top:4.85rem;left:.7rem}.time-counter.raised,.floating-header-raised .time-counter{top:1rem}.time-counter span{font-size:.56rem}.container{padding:.8rem}.controls-panel{border-radius:24px}.account-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.account-primary,.account-secondary,.account-danger{min-height:40px;padding:.35rem .5rem;font-size:.74rem}.access-wall-card{width:min(420px,100%);max-height:88vh;padding-top:2.85rem}.access-wall-card h2{font-size:clamp(2.25rem,12vw,4rem)}.checkout-consent{font-size:.9rem}.site-menu-panel{width:min(300px,100vw - 1rem);padding-inline:1rem 1.12rem}.store-badge{width:130px;height:39px}.site-menu-toggle{border-radius:15px;width:58px;height:88px}.controls-toggle{display:block}.advanced-controls{display:none}.advanced-controls.open{display:grid}.app-mode-switch{border-radius:24px;grid-template-columns:1fr;gap:.5rem;padding:.55rem;display:grid;overflow:visible}.app-mode-switch:before{content:none}.mode-btn{color:var(--ink);background:#ffffffe6;border-radius:20px;min-height:58px;box-shadow:0 8px 20px #20133514}.mode-btn.active{background:linear-gradient(135deg, var(--violet), var(--pink));color:#fff;box-shadow:0 14px 30px #7c3cff38}.search-box{flex-direction:column}.clear-search-btn{min-height:44px}.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card,.card-inner,.card-front,.card-back{min-height:0}.card-inner,.card-front,.card-back{height:100%}.card-back{font-size:clamp(.74rem,2.8vw,.96rem)}.card-front{font-size:clamp(3.35rem,15vw,6.2rem)}.card.kanji .card-front{font-size:clamp(3.85rem,17vw,7rem)}.card-back strong{font-size:clamp(1.14rem,5vw,1.68rem)}#search-input,.answer-row input{font-size:16px}.card-label{font-size:.68rem}.desktop-cancel{display:none}.mobile-cancel{display:inline}.score-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.play-kind-switch,#play-instructions{grid-column:1/-1}.bonus-level,.leaderboard-publish,.leaderboard-controls,.leaderboard-publish-actions{grid-template-columns:1fr}.site-storage-notice{grid-template-columns:1fr;width:auto;bottom:.75rem;left:.75rem;right:.75rem}.site-storage-notice button{width:100%}}@media (max-width:420px){.cards-grid{gap:.65rem}.nav-btn,.grade-btn{width:100%}}