:root{--bg: #0c0c13;--bg2: #13131d;--ink: #14141f;--paper: #f7f4ec;--paper2: #ece7d8;--red: #ff2244;--red-deep: #c40e2d;--yellow: #ffcb26;--cyan: #38d9ff;--green: #22c96e;--grayline: #2b2b40;--text-dim: #9c9cb4;--font-display: "Anton", "Archivo", sans-serif;--font-body: "Archivo", system-ui, sans-serif;--font-jp: "Noto Sans JP", sans-serif;--shadow-hard: 6px 6px 0 rgba(0, 0, 0, .55);--shadow-red: 6px 6px 0 rgba(196, 14, 45, .85)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}html,body{overflow-x:hidden}body{font-family:var(--font-body);background:radial-gradient(ellipse at 88% -8%,rgba(255,34,68,.16),transparent 46%),radial-gradient(ellipse at -10% 108%,rgba(56,217,255,.07),transparent 40%),repeating-linear-gradient(115deg,transparent 0 44px,rgba(255,255,255,.016) 44px 46px),var(--bg);color:#f2f0ff;min-height:100vh;line-height:1.45}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1.4px);background-size:11px 11px;-webkit-mask-image:linear-gradient(128deg,rgba(0,0,0,.9),transparent 38%,transparent 66%,rgba(0,0,0,.65));mask-image:linear-gradient(128deg,rgba(0,0,0,.9),transparent 38%,transparent 66%,rgba(0,0,0,.65));z-index:0}#root{position:relative;z-index:1}::selection{background:var(--red);color:#fff}button{font-family:inherit;cursor:pointer}input{font-family:inherit}:focus-visible{outline:3px dashed var(--red);outline-offset:3px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;transition-duration:1ms!important}}.paper{background:radial-gradient(rgba(20,20,31,.05) 1px,transparent 1.4px),var(--paper);background-size:9px 9px,auto;color:var(--ink);border:3px solid var(--ink);box-shadow:var(--shadow-hard)}.btn{font-family:var(--font-display);font-size:1.02rem;letter-spacing:.07em;color:#fff;background:var(--red);border:2.5px solid var(--ink);padding:.68em 1.5em;clip-path:polygon(7% 0,100% 0,93% 100%,0 100%);transition:transform .12s,filter .12s;text-transform:uppercase}.btn:hover:not(:disabled){transform:translate(-1px,-2px) skew(-2deg);filter:brightness(1.12)}.btn:active:not(:disabled){transform:translate(1px,2px)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn-big{font-size:1.28rem;padding:.75em 2.1em}.btn-dark{background:#1d1d2c;border-color:#414160}.btn-mini{font-size:.8rem;padding:.45em 1em}.btn-wide{width:100%}.btn-red{box-shadow:4px 4px #00000073}.btn-jp{font-family:var(--font-jp);font-weight:900;font-size:.82em;opacity:.85;margin-left:.45em}.fr{display:inline-flex;flex-direction:column;align-items:center;vertical-align:middle;line-height:1.05;margin:0 .18em;font-weight:800}.fr-t{border-bottom:2.5px solid currentColor;padding:0 .28em .05em}.fr-b{padding:.05em .28em 0}sup{font-size:.68em}.logo{display:flex;align-items:baseline;gap:.3rem;-webkit-user-select:none;user-select:none}.logo-matte{font-family:var(--font-display);font-size:1.5rem;color:#fff;background:var(--red);border:2px solid var(--ink);padding:.05em .42em;transform:skew(-8deg) rotate(-1.2deg);display:inline-block;letter-spacing:.04em}.logo-dojo{font-family:var(--font-display);font-size:1.5rem;color:transparent;-webkit-text-stroke:1.6px #fff;letter-spacing:.06em;transform:skew(-8deg);display:inline-block}.logo-jp{font-family:var(--font-jp);font-weight:700;font-size:.72rem;color:var(--text-dim);margin-left:.35rem;letter-spacing:.3em}.chip{display:inline-flex;align-items:center;gap:.45rem;background:var(--bg2);border:2px solid var(--grayline);color:#fff;padding:.38rem .75rem;font-weight:700;font-size:.88rem;transform:skew(-6deg)}.chip>*{transform:skew(6deg)}.chip-btn{transition:border-color .15s,transform .15s}.chip-btn:hover{border-color:var(--red)}.chip-kanji{font-family:var(--font-jp);font-weight:900;color:#555}.chip-streak.lit .chip-kanji{color:var(--red);text-shadow:0 0 12px rgba(255,34,68,.8)}.chip-lv{font-family:var(--font-display);color:var(--yellow);font-size:.82rem;letter-spacing:.05em}.xpbar{width:82px;height:9px;background:#262639;border:1.5px solid #000;display:inline-block;overflow:hidden}.xpbar-fill{display:block;height:100%;background:linear-gradient(90deg,var(--red),#ff7a3d 85%,var(--yellow));transition:width .5s cubic-bezier(.2,.9,.3,1.2)}.xpbar-big{width:100%;height:13px}.chip-name{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-mini{font-family:var(--font-display);font-size:1rem;line-height:1;padding:.14em .34em;border:2px solid currentColor}.rank-S{color:var(--yellow)}.rank-A{color:var(--red)}.rank-B{color:var(--cyan)}.rank-C{color:#a9b2c5}.rank-D{color:#7c8496}.rank-E{color:#67708a}.bubble{position:relative;background:#fff;border:2.5px solid var(--ink);color:var(--ink);padding:.7rem .9rem;font-size:.92rem;border-radius:2px 14px 14px;box-shadow:3px 3px #0000004d}.bubble:before{content:"";position:absolute;left:-13px;top:16px;border:7px solid transparent;border-right-color:var(--ink)}.bubble b{color:var(--red-deep)}.bubble-sm{font-size:.85rem}.sensei-portrait{position:relative;border-radius:50%;border:3px solid var(--ink);background:radial-gradient(circle at 50% 42%,#fff 34%,var(--paper2) 72%);overflow:hidden;flex:none;box-shadow:3px 3px #00000059}.sensei-burst{position:absolute;top:-12%;right:-12%;bottom:-12%;left:-12%;background:repeating-conic-gradient(rgba(20,20,31,.5) 0 1deg,transparent 1deg 6.4deg);-webkit-mask-image:radial-gradient(circle,transparent 42%,#000 68%);mask-image:radial-gradient(circle,transparent 42%,#000 68%)}.sensei-portrait svg{position:absolute;bottom:-6%;left:50%;transform:translate(-50%)}.lang-corner{position:absolute;top:1rem;right:1rem;display:flex;gap:.4rem;z-index:5}.lang-row{display:inline-flex;gap:.4rem}.lang-btn{font-family:var(--font-display);font-size:.8rem;letter-spacing:.08em;padding:.35em .8em;background:var(--bg2);color:#b9b9d4;border:2px solid var(--grayline);transform:skew(-8deg);transition:all .15s}.lang-btn>*,.lang-btn{text-transform:uppercase}.lang-btn:hover{border-color:var(--red);color:#fff}.lang-btn.on{background:var(--red);border-color:var(--ink);color:#fff;box-shadow:3px 3px #00000073}.paper .lang-btn{background:#fff;color:#6d6d80;border-color:#c9c2b0}.paper .lang-btn.on{background:var(--red);color:#fff;border-color:var(--ink)}.onboard{min-height:100vh;display:grid;place-items:center;position:relative;overflow:hidden;padding:2rem 1rem}.onboard-speed{position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;background:repeating-conic-gradient(from 8deg at 50% 50%,transparent 0 5.4deg,rgba(255,255,255,.035) 5.4deg 7.2deg),repeating-conic-gradient(from 2deg at 50% 50%,transparent 0 23deg,rgba(255,34,68,.05) 23deg 26deg);animation:spin 90s linear infinite;pointer-events:none}@keyframes spin{to{transform:rotate(360deg)}}.onboard-inner{width:min(660px,100%);position:relative;text-align:center}.ob-kicker{font-family:var(--font-jp);font-weight:700;letter-spacing:.32em;font-size:.72rem;color:var(--text-dim)}.logo-big{margin:.5rem 0 .6rem;line-height:.95;animation:slamIn .5s cubic-bezier(.2,1.4,.4,1) both}.logo-big .logo-matte{font-size:clamp(3.2rem,10vw,5.4rem);box-shadow:var(--shadow-red);transform:skew(-8deg) rotate(-2deg)}.logo-big .logo-dojo{font-size:clamp(3.2rem,10vw,5.4rem);-webkit-text-stroke:2.5px #fff;margin-left:.18em}@keyframes slamIn{0%{transform:scale(2.1) rotate(4deg);opacity:0}}.ob-sub{color:var(--text-dim);font-size:1.02rem;margin-bottom:1.6rem}.ob-sub b{color:var(--yellow)}.ob-panel{padding:1.4rem;text-align:left;transform:rotate(-.4deg)}.ob-sensei{display:flex;gap:1rem;align-items:center;margin-bottom:1.1rem}.ob-grades{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-bottom:1.1rem}.ob-grade{position:relative;border:3px solid var(--ink);background:#fff;padding:.9rem .6rem .7rem;text-align:center;transition:transform .15s,background .15s,box-shadow .15s;overflow:hidden}.ob-grade-jp{position:absolute;right:2px;top:-8px;font-family:var(--font-jp);font-weight:900;font-size:2.6rem;color:#14141f12;pointer-events:none}.ob-grade-label{display:block;font-family:var(--font-display);font-size:1.7rem;color:var(--ink);letter-spacing:.03em}.ob-grade-tag{display:block;font-size:.62rem;font-weight:700;letter-spacing:.06em;color:#6d6d80;margin-top:.25rem;text-transform:uppercase}.ob-grade:hover{transform:translate(-1px,-3px);box-shadow:4px 5px #0006}.ob-grade.sel{background:var(--red);box-shadow:4px 5px #00000080;transform:translate(-1px,-3px) rotate(-1deg)}.ob-grade.sel .ob-grade-label,.ob-grade.sel .ob-grade-tag{color:#fff}.ob-grade.sel .ob-grade-jp{color:#ffffff29}.ob-name{display:block;margin-bottom:1.2rem}.ob-name span{display:block;font-size:.68rem;font-weight:800;letter-spacing:.14em;color:#6d6d80;margin-bottom:.3rem}.ob-name input{width:100%;border:3px solid var(--ink);background:#fff;color:var(--ink);padding:.6rem .8rem;font-size:1.05rem;font-weight:700}.ob-foot{margin-top:1rem;font-size:.78rem;color:#6a6a82}.home{max-width:1120px;margin:0 auto;padding:.9rem 1rem 4rem}.topbar{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap;padding:.4rem 0 1rem;position:relative;z-index:5}.topbar-right{display:flex;gap:.55rem;align-items:center;flex-wrap:wrap}.home-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:1.6rem;align-items:start}.grade-tabs{display:flex;gap:.6rem;margin-bottom:.5rem}.grade-tab{flex:1;background:var(--bg2);border:2.5px solid var(--grayline);color:#cfcfe4;font-family:var(--font-display);font-size:1.15rem;letter-spacing:.05em;padding:.5rem .4rem .4rem;transform:skew(-8deg);transition:all .15s;display:flex;flex-direction:column;align-items:center;gap:.1rem}.grade-tab>*{transform:skew(8deg)}.gt-prog{font-family:var(--font-body);font-size:.68rem;font-weight:800;color:var(--text-dim);letter-spacing:.08em}.grade-tab:hover{border-color:#52527a}.grade-tab.active{background:var(--red);border-color:var(--ink);color:#fff;box-shadow:4px 4px #00000073}.grade-tab.active .gt-prog{color:#ffffffd9}.grade-tagline{font-size:.78rem;font-weight:800;letter-spacing:.14em;color:var(--text-dim);margin:.7rem 0 1.4rem}.gt-jp{font-family:var(--font-jp);color:var(--red);margin-right:.5em}.chapter{margin-bottom:2.2rem}.chapter-head{display:flex;align-items:center;gap:.9rem;background:var(--red);border:3px solid var(--ink);box-shadow:var(--shadow-hard);clip-path:polygon(0 0,100% 0,98.5% 100%,0 100%);padding:.55rem 1.1rem;margin-bottom:1.3rem;transform:rotate(-.35deg)}.ch-num{font-family:var(--font-display);font-size:.8rem;letter-spacing:.14em;color:var(--ink);background:#fff;padding:.18em .5em;transform:skew(-8deg);white-space:nowrap}.ch-title{font-family:var(--font-display);font-size:clamp(1.25rem,3vw,1.7rem);color:#fff;letter-spacing:.04em;text-transform:uppercase;flex:1;min-width:0}.ch-jp{font-family:var(--font-jp);font-weight:900;color:#ffffff8c;font-size:.85rem;letter-spacing:.2em;white-space:nowrap}.ch-prog{font-weight:800;font-size:.8rem;color:#fff;background:#00000047;padding:.2em .55em;white-space:nowrap}.nodes{position:relative;display:flex;flex-direction:column;gap:.9rem;padding:0 .2rem}.nodes:before{content:"";position:absolute;left:50%;top:8px;bottom:8px;border-left:3px dashed rgba(255,255,255,.1);z-index:0}.node{position:relative;z-index:1;width:min(540px,100%);display:flex;align-items:center;gap:.9rem;text-align:left;padding:.75rem 1rem;background:var(--paper);border:3px solid var(--ink);box-shadow:5px 5px #00000080;transition:transform .15s,box-shadow .15s}.node-right{margin-left:auto}.node:not(:disabled):hover{transform:translate(-2px,-3px) rotate(-.4deg);box-shadow:8px 8px #00000080}.node-badge{font-family:var(--font-display);font-size:1.25rem;color:#fff;background:var(--ink);border:2.5px solid var(--ink);min-width:2.5em;height:2.5em;display:grid;place-items:center;transform:rotate(-4deg);flex:none}.node-info{flex:1;min-width:0}.node-title{display:block;font-weight:800;font-size:1.02rem;color:var(--ink)}.node-jp{font-family:var(--font-jp);font-weight:700;font-size:.68rem;letter-spacing:.26em;color:#8a8a99}.node-side{flex:none;display:flex;align-items:center}.node-nextbadge{font-family:var(--font-display);font-size:.78rem;letter-spacing:.1em;background:var(--red);color:#fff;border:2px solid var(--ink);padding:.25em .6em;transform:skew(-8deg) rotate(-2deg);animation:bounce 1.6s ease-in-out infinite;white-space:nowrap}@keyframes bounce{0%,to{transform:skew(-8deg) rotate(-2deg) translateY(0)}50%{transform:skew(-8deg) rotate(-2deg) translateY(-4px)}}.star{fill:#d8d2c2;stroke:var(--ink);stroke-width:1.6}.star.on{fill:var(--yellow)}.node-stars{display:flex;gap:2px}.node-st-locked{background:#191926;border-color:#2e2e44;box-shadow:none;cursor:not-allowed;opacity:.75}.node-st-locked .node-title{color:#6f6f88}.node-st-locked .node-jp{color:#4c4c64}.node-st-locked .node-badge{background:#23233a;border-color:#2e2e44;color:#585874}.node-st-next{background:var(--yellow);border-color:var(--ink);box-shadow:6px 6px #c40e2dcc;transform:rotate(-.8deg)}.node-st-next .node-jp{color:#6d5c1e}.node-st-next .node-badge{background:var(--red)}.node-st-next:not(:disabled):hover{transform:translate(-2px,-3px) rotate(-1.2deg)}.node-boss.node-st-next{background:linear-gradient(112deg,#16161f 0,#16161f 55%,#2a0d16);border-color:var(--red)}.node-boss{background:linear-gradient(112deg,#16161f 0,#16161f 55%,#1d0b12);border-width:3.5px;padding-top:1rem;padding-bottom:1rem;overflow:hidden}.node-boss:after{content:"強敵";position:absolute;right:6px;top:50%;transform:translateY(-50%);font-family:var(--font-jp);font-weight:900;font-size:2.6rem;color:transparent;-webkit-text-stroke:1.5px rgba(255,34,68,.35);pointer-events:none;letter-spacing:.1em}.node-boss .node-title{color:#fff;font-family:var(--font-display);letter-spacing:.06em;font-size:1.12rem}.node-boss .node-jp{color:#f24c}.node-boss .node-badge{background:var(--red);border-color:var(--ink);font-size:1.35rem}.node-badge-jp{font-family:var(--font-jp);font-weight:900}.node-boss.node-st-locked{filter:saturate(.25)}.side-col{display:flex;flex-direction:column;gap:1.1rem;position:sticky;top:1rem}.side-card{padding:1rem;transform:rotate(.35deg)}.side-card:nth-child(2){transform:rotate(-.4deg)}.side-sensei{display:flex;gap:.8rem;align-items:center}.side-h{font-family:var(--font-display);font-size:1.02rem;letter-spacing:.08em;margin-bottom:.7rem;color:var(--ink)}.side-jp{font-family:var(--font-jp);font-size:.7rem;color:var(--red-deep);letter-spacing:.25em;margin-left:.3em}.goal-bar{height:16px;background:var(--paper2);border:2.5px solid var(--ink);overflow:hidden;transform:skew(-10deg)}.goal-fill{height:100%;background:repeating-linear-gradient(45deg,var(--red) 0 10px,var(--red-deep) 10px 20px);transition:width .4s}.goal-txt{font-size:.85rem;margin-top:.45rem;color:#494958;font-weight:700}.goal-txt b{color:var(--red-deep);font-size:1.05rem}.goal-done{font-weight:900;color:var(--red-deep);margin-left:.4em;letter-spacing:.06em}.side-card .btn{margin-top:.8rem}.ach-row{display:flex;flex-wrap:wrap;gap:.4rem}.ach-dot{width:34px;height:34px;display:grid;place-items:center;font-family:var(--font-jp);font-weight:900;font-size:.95rem;background:var(--paper2);color:#b4ad9c;border:2px solid #c9c2b0;transform:rotate(-3deg)}.ach-dot.got{background:var(--ink);color:var(--yellow);border-color:var(--ink);box-shadow:2px 2px #00000059}.ach-count{margin-top:.5rem;font-size:.75rem;font-weight:700;color:#6d6d80}.lesson{max-width:780px;margin:0 auto;padding:.8rem 1rem 12rem;position:relative}.quitbar{display:flex;align-items:center;gap:.8rem;padding:.4rem 0 1rem;min-height:3.2rem}.quit-x{background:var(--bg2);color:#b9b9d4;border:2px solid var(--grayline);width:2.3rem;height:2.3rem;font-size:1.05rem;font-weight:800;transition:all .15s}.quit-x:hover{border-color:var(--red);color:#fff;transform:rotate(90deg)}.quit-title{font-family:var(--font-display);letter-spacing:.08em;font-size:.95rem;color:#cfcfe4;text-transform:uppercase}.quit-confirm{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;font-weight:700;font-size:.92rem}.theory{padding:1.5rem;transform:rotate(-.3deg);animation:cardIn .35s cubic-bezier(.2,1.2,.4,1) both}@keyframes cardIn{0%{transform:translateY(26px) rotate(-1.6deg);opacity:0}}.theory-head{display:flex;gap:1.1rem;align-items:center;margin-bottom:1.1rem}.theory-kicker{font-family:var(--font-jp);font-weight:700;font-size:.7rem;letter-spacing:.24em;color:var(--red-deep)}.theory-title{font-family:var(--font-display);font-size:clamp(1.7rem,5vw,2.4rem);letter-spacing:.03em;text-transform:uppercase;line-height:1.05}.theory-lines{list-style:none;display:flex;flex-direction:column;gap:.65rem;margin-bottom:1.1rem}.theory-lines li{position:relative;padding-left:1.5rem;font-size:1.02rem}.theory-lines li:before{content:"▸";position:absolute;left:.2rem;color:var(--red);font-weight:900}.theory-lines b{background:linear-gradient(transparent 55%,#ffcb268c 55%);padding:0 .1em}.theory-ex{border:2.5px dashed var(--ink);background:#fff;padding:.8rem 1rem;font-weight:700;font-size:1.05rem;margin-bottom:1.3rem;display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.theory-ex-tag{font-family:var(--font-display);font-size:.72rem;letter-spacing:.12em;background:var(--ink);color:var(--yellow);padding:.3em .6em;flex:none}.boss-intro{min-height:88vh}.boss-splash{text-align:center;padding:2.5rem 1rem;position:relative;animation:cardIn .3s both}.boss-kanji{display:block;font-family:var(--font-jp);font-weight:900;font-size:clamp(6rem,24vw,11rem);line-height:1;color:transparent;-webkit-text-stroke:3px var(--red);opacity:.9;animation:slamIn .45s cubic-bezier(.2,1.4,.4,1) both;text-shadow:0 0 60px rgba(255,34,68,.25)}.boss-title{font-family:var(--font-display);font-size:clamp(2.2rem,8vw,3.6rem);letter-spacing:.1em;color:#fff;margin:.4rem 0;text-shadow:4px 4px 0 var(--red-deep)}.boss-sub{color:var(--text-dim);font-weight:700;max-width:460px;margin:0 auto 1.6rem}.boss-sensei{display:flex;gap:1rem;align-items:center;justify-content:center;max-width:480px;margin:0 auto 1.8rem;text-align:left}.quiz-top{display:flex;align-items:center;gap:1rem;margin-bottom:1.1rem;min-height:2.6rem}.progress{flex:1;display:flex;gap:5px}.prog-seg{flex:1;height:13px;background:#23233a;border:1.5px solid #000;transform:skew(-18deg);transition:background .25s}.prog-seg.on{background:linear-gradient(90deg,var(--red),#ff5c33);box-shadow:0 0 10px #ff224480}.prog-seg.on.prog-seg--right{background:linear-gradient(90deg,var(--green),#5fe39a);box-shadow:0 0 10px #22c96e80}.prog-seg.on.prog-seg--wrong{background:linear-gradient(90deg,var(--red),#ff5c33);box-shadow:0 0 10px #ff224480}.combo{font-family:var(--font-display);font-size:1.25rem;color:var(--ink);background:var(--yellow);border:2.5px solid var(--ink);padding:.18em .6em;transform:skew(-8deg) rotate(-2deg);animation:comboPop .25s cubic-bezier(.2,1.8,.4,1) both;white-space:nowrap}.combo-x{font-size:.6em;letter-spacing:.1em;margin-right:.2em}.combo-jp{font-family:var(--font-jp);font-size:.55em;display:block;letter-spacing:.2em;margin-top:-.2em}.combo-hot{background:var(--red);color:#fff}.combo-max{background:var(--ink);color:var(--red);box-shadow:0 0 18px #ff2244a6}@keyframes comboPop{0%{transform:skew(-8deg) rotate(-2deg) scale(1.7)}}.qcard{padding:1.6rem 1.5rem 1.7rem;position:relative;transform:rotate(-.25deg);animation:cardIn .3s cubic-bezier(.2,1.2,.4,1) both}.qcard-shake{animation:shake .4s}@keyframes shake{0%,to{transform:translate(0) rotate(-.25deg)}20%{transform:translate(-9px) rotate(-.25deg)}40%{transform:translate(8px) rotate(-.25deg)}60%{transform:translate(-5px) rotate(-.25deg)}80%{transform:translate(3px) rotate(-.25deg)}}.retry-tag{position:absolute;top:-14px;left:18px;font-family:var(--font-display);font-size:.72rem;letter-spacing:.1em;background:var(--cyan);color:var(--ink);border:2px solid var(--ink);padding:.25em .7em;transform:rotate(-2deg)}.qprompt{font-size:1.12rem;font-weight:600}.qprompt b{color:var(--red-deep)}.qx{display:block;font-size:clamp(1.5rem,4.5vw,2rem);font-weight:800;letter-spacing:.02em;margin:.65rem 0 .2rem;color:var(--ink)}.qtable{border-collapse:collapse;margin:.7rem 0;font-size:.98rem}.qtable th,.qtable td{border:2px solid var(--ink);padding:.3rem .7rem;text-align:center}.qtable th{background:var(--ink);color:#fff;font-weight:700}.qfig{margin:.9rem auto .2rem;max-width:340px}.qfig svg{width:100%;height:auto;display:block}.choices{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin-top:1.2rem}.choice{display:flex;align-items:center;gap:.7rem;background:#fff;border:2.5px solid var(--ink);padding:.7rem .85rem;font-size:1.05rem;font-weight:700;color:var(--ink);text-align:left;transition:transform .12s,box-shadow .12s,background .15s;min-height:3.4rem}.choice:hover:not(:disabled){transform:translate(-1px,-2px);box-shadow:4px 4px #0006}.choice-letter{font-family:var(--font-display);background:var(--ink);color:#fff;min-width:1.75em;height:1.75em;display:grid;place-items:center;transform:skew(-8deg);flex:none;font-size:.95rem}.choice.right{background:var(--yellow);border-width:3px;box-shadow:4px 4px #00000073}.choice.right .choice-letter{background:var(--red)}.choice.wrong{background:#e6e0d2;color:#8b8577;position:relative;overflow:hidden}.choice.wrong:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top right,transparent 46.5%,var(--red) 46.5%,var(--red) 53.5%,transparent 53.5%);opacity:.75}.choice:disabled{cursor:default}.answer-row{display:flex;gap:.7rem;align-items:center;margin-top:1.2rem;flex-wrap:wrap}.answer-input{flex:1;min-width:150px;border:3px solid var(--ink);background:#fff;font-size:1.5rem;font-weight:800;padding:.45rem .8rem;color:var(--ink)}.answer-input:focus{outline:3px solid var(--red);outline-offset:0}.unit{font-weight:800;font-size:1.2rem;color:var(--ink)}.unit-pre{font-size:1.5rem}.feedback{position:fixed;left:0;right:0;bottom:0;z-index:50;animation:sheetUp .28s cubic-bezier(.2,1.1,.4,1) both;border-top:4px solid var(--ink)}@keyframes sheetUp{0%{transform:translateY(100%)}}.fb-right{background:radial-gradient(rgba(20,20,31,.05) 1px,transparent 1.4px),var(--paper);background-size:9px 9px,auto;color:var(--ink)}.fb-wrong{background:repeating-linear-gradient(125deg,transparent 0 26px,rgba(255,34,68,.05) 26px 30px),#16161f;color:#fff;border-top-color:var(--red)}.fb-inner{max-width:780px;margin:0 auto;padding:1.1rem 1.2rem 1.3rem;display:flex;align-items:center;gap:1.1rem}.fb-stamp-wrap{display:flex;align-items:center;gap:.7rem;flex:none}.fb-stamp{font-family:var(--font-jp);font-weight:900;font-size:1.5rem;color:var(--red);border:4px double var(--red);border-radius:50%;width:4.6rem;height:4.6rem;display:grid;place-items:center;transform:rotate(-12deg);animation:stampIn .3s cubic-bezier(.2,1.6,.4,1) both;line-height:1.05;text-align:center;letter-spacing:0}.fb-stamp-wrong{color:#8f93ab;border-color:#8f93ab;font-size:1.15rem}@keyframes stampIn{0%{transform:rotate(6deg) scale(2.4);opacity:0}}.fb-body{flex:1;min-width:0}.fb-word{font-family:var(--font-display);font-size:1.5rem;letter-spacing:.04em}.fb-wrong .fb-word{font-size:1.15rem;color:#fff}.fb-answer{color:var(--yellow)}.fb-xp{color:var(--red-deep);font-size:.85em;margin-left:.3em}.fb-combo{font-weight:800;color:var(--red-deep);font-size:.9rem}.fb-explain{font-size:.95rem;color:#c6c6dd;margin-top:.25rem}.fb-explain b{color:#fff}.fb-requeue{font-size:.78rem;font-weight:800;color:var(--cyan);margin-top:.3rem;letter-spacing:.04em}.lesson-boss:before{content:"強敵";position:fixed;right:-1.5rem;top:16%;font-family:var(--font-jp);font-weight:900;font-size:11rem;color:transparent;-webkit-text-stroke:2px rgba(255,34,68,.1);pointer-events:none;writing-mode:vertical-rl;letter-spacing:.4em;z-index:0}.result{min-height:100vh;display:grid;place-items:center;padding:2rem 1rem;position:relative;overflow:hidden}.result-burst{position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:repeating-conic-gradient(from 4deg,transparent 0 6deg,rgba(255,255,255,.03) 6deg 8deg);animation:spin 70s linear infinite}.result-s .result-burst{background:repeating-conic-gradient(from 4deg,transparent 0 6deg,rgba(255,203,38,.05) 6deg 8deg),repeating-conic-gradient(from 1deg,transparent 0 20deg,rgba(255,34,68,.06) 20deg 23deg)}.result-card{width:min(620px,100%);padding:1.7rem 1.6rem;position:relative;transform:rotate(-.4deg);animation:cardIn .35s both}.res-kicker{font-family:var(--font-jp);font-weight:700;font-size:.7rem;letter-spacing:.22em;color:#6d6d80;text-transform:uppercase;margin-bottom:.9rem}.res-rank-row{display:flex;gap:1.3rem;align-items:center;margin-bottom:1.2rem}.rank-stamp{flex:none;width:128px;height:128px;display:grid;place-content:center;text-align:center;border:4px solid currentColor;background:#fff;clip-path:polygon(50% 0,61% 5%,73% 2%,80% 12%,92% 13%,93% 25%,100% 34%,96% 46%,100% 58%,93% 67%,93% 79%,81% 82%,74% 92%,62% 90%,50% 97%,38% 90%,26% 92%,19% 82%,7% 79%,7% 67%,0 58%,4% 46%,0 34%,7% 25%,8% 13%,20% 12%,27% 2%,39% 5%);transform:rotate(-7deg);animation:stampIn .4s cubic-bezier(.2,1.5,.4,1) .15s both}.rank-stamp-lg{width:110px;height:110px}.rank-letter{font-family:var(--font-display);font-size:4.6rem;line-height:.9}.rank-stamp-lg .rank-letter{font-size:3.6rem}.rank-word{font-family:var(--font-display);letter-spacing:.4em;font-size:.7rem;margin-left:.3em}.res-msg{flex:1;display:flex;gap:.9rem;align-items:center;min-width:0}.res-verdict{font-weight:800;font-size:1.05rem}.sparkles{position:relative;height:0}.spark{position:absolute;top:-18px;width:14px;height:14px;background:var(--yellow);clip-path:polygon(50% 0,63% 37%,100% 50%,63% 63%,50% 100%,37% 63%,0 50%,37% 37%);animation:sparkle 1.1s ease-in-out infinite alternate}@keyframes sparkle{0%{transform:scale(.5) rotate(0);opacity:.4}to{transform:scale(1.25) rotate(40deg);opacity:1}}.res-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;margin-bottom:1.1rem}.res-stat{border:2.5px solid var(--ink);background:#fff;padding:.55rem .4rem;text-align:center;transform:skew(-4deg)}.res-stat>*{display:block;transform:skew(4deg)}.rs-num{font-family:var(--font-display);font-size:1.45rem;color:var(--red-deep)}.rs-label{font-size:.58rem;font-weight:800;letter-spacing:.1em;color:#6d6d80;margin-top:.15rem}.stars-num{color:var(--yellow);-webkit-text-stroke:1.2px var(--ink)}.stars-off{color:#ddd6c4}.levelup{font-family:var(--font-display);text-align:center;background:var(--ink);color:var(--yellow);border:3px solid var(--ink);padding:.6rem;font-size:1.25rem;letter-spacing:.06em;margin-bottom:1rem;transform:rotate(-.6deg);animation:comboPop .3s .5s both;box-shadow:4px 4px 0 var(--red-deep)}.levelup-jp{font-family:var(--font-jp);color:var(--red);margin-right:.5em}.res-streak{font-weight:800;margin-bottom:.9rem}.res-streak .chip-kanji{color:var(--red);margin-right:.2em}.res-achs{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.res-ach{display:flex;gap:.7rem;align-items:center;border:2.5px dashed var(--red-deep);background:#fff;padding:.55rem .8rem;font-size:.92rem;animation:cardIn .3s .4s both}.res-ach-jp{font-family:var(--font-jp);font-weight:900;color:#fff;background:var(--red);border:2px solid var(--ink);padding:.2em .4em;flex:none;transform:rotate(-3deg)}.res-xpbar{display:flex;align-items:center;gap:.7rem;margin-bottom:1.3rem;font-weight:800}.res-lv{font-family:var(--font-display);color:var(--red-deep);letter-spacing:.04em}.res-lv-next{font-size:.8rem;color:#6d6d80}.res-buttons{display:flex;gap:.8rem;justify-content:flex-end;flex-wrap:wrap}.result-flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;pointer-events:none;background:#fff;animation:flashOut .5s ease-out forwards}@keyframes flashOut{0%{opacity:.95}to{opacity:0}}.result-slash{position:fixed;top:-25%;right:-25%;bottom:-25%;left:-25%;z-index:71;pointer-events:none;background:linear-gradient(115deg,transparent 45.5%,var(--red) 45.5%,#fff 50%,var(--red) 54.5%,transparent 54.5%);transform:translate(-130%) skew(-6deg);animation:slashSweep .45s cubic-bezier(.75,0,.2,1) .05s forwards}@keyframes slashSweep{60%{opacity:1}to{transform:translate(130%) skew(-6deg);opacity:0}}.rank-stamp-wrap{position:relative;flex:none}.shockwave{position:absolute;left:50%;top:50%;width:20px;height:20px;border:4px solid var(--red);border-radius:50%;transform:translate(-50%,-50%);opacity:0;pointer-events:none;animation:shock .65s ease-out .18s forwards}@keyframes shock{0%{opacity:.9;width:30px;height:30px;border-width:6px}to{opacity:0;width:300px;height:300px;border-width:1px}}.cf-wrap{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none;z-index:5}.cf{position:absolute;left:0;top:0;width:9px;height:9px;opacity:0;animation-name:cfFly;animation-timing-function:cubic-bezier(.15,.75,.35,1);animation-fill-mode:forwards}.cf-0{width:13px;height:13px;clip-path:polygon(50% 0,63% 37%,100% 50%,63% 63%,50% 100%,37% 63%,0 50%,37% 37%)}.cf-1{width:6px;height:15px}.cf-2{border-radius:50%}@keyframes cfFly{0%{transform:translate(-50%,-50%) scale(.5) rotate(0);opacity:1}65%{opacity:1}to{transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) scale(1) rotate(var(--rot));opacity:0}}.mission{position:relative;display:flex;align-items:center;gap:1rem;border:3px solid var(--ink);background:#fff;padding:.9rem 1.1rem;margin-bottom:1.2rem;box-shadow:4px 4px #00000059;transform:rotate(-.35deg);animation:cardIn .35s cubic-bezier(.2,1.2,.4,1) .5s both;overflow:hidden}.mission-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.14rem}.mission-kicker{font-family:var(--font-jp);font-weight:700;font-size:.66rem;letter-spacing:.22em;color:var(--red-deep);text-transform:uppercase}.mission-title{font-family:var(--font-display);font-size:1.35rem;letter-spacing:.03em;color:var(--ink);line-height:1.1;text-transform:uppercase}.mission-sub{font-weight:800;font-size:.8rem;color:#6d6d80}.mission-jp{font-family:var(--font-jp);letter-spacing:.22em;margin-left:.4em;color:#a9a294}.mission-hype{font-weight:700;font-size:.86rem;color:var(--red-deep);margin-top:.2rem}.mission-btn{flex:none;animation:missionPulse 1.5s ease-in-out 1s infinite}@keyframes missionPulse{0%,to{box-shadow:4px 4px #00000073,0 0 #f246;transform:none}50%{box-shadow:4px 4px #00000073,0 0 26px 4px #ff224473;transform:translateY(-2px)}}.mission-boss{background:linear-gradient(112deg,#16161f 0,#16161f 55%,#2a0d16);border-color:var(--red)}.mission-boss:after{content:"強敵";position:absolute;right:-6px;top:50%;transform:translateY(-50%);font-family:var(--font-jp);font-weight:900;font-size:3.4rem;color:transparent;-webkit-text-stroke:1.5px rgba(255,34,68,.3);pointer-events:none;letter-spacing:.08em}.mission-boss .mission-title{color:#fff}.mission-boss .mission-sub{color:#8f93ab}.mission-boss .mission-hype{color:var(--red)}.mission-done{flex-direction:column;align-items:flex-start;gap:.3rem;background:var(--ink);border-color:var(--yellow)}.mission-done .mission-kicker{color:var(--yellow)}.mission-done .mission-hype{color:#fff}@media (max-width: 640px){.mission{flex-direction:column;align-items:stretch;text-align:left}.mission-btn{text-align:center}}.profile{max-width:900px;margin:0 auto;padding:.9rem 1rem 4rem}.prof-grid{display:flex;flex-direction:column;gap:1.2rem}.prof-card{padding:1.2rem 1.3rem}.prof-card:nth-child(odd){transform:rotate(-.3deg)}.prof-card:nth-child(2n){transform:rotate(.3deg)}.prof-id{display:flex;gap:1.4rem;align-items:center;flex-wrap:wrap}.prof-who{flex:1;min-width:220px}.prof-name{font-family:var(--font-display);font-size:2rem;letter-spacing:.03em}.prof-edit{background:none;border:none;font-size:1.1rem;color:#8a8a99}.prof-edit:hover{color:var(--red-deep)}.prof-nameform{display:flex;gap:.5rem;margin-bottom:.4rem}.prof-nameform input{border:2.5px solid var(--ink);background:#fff;color:var(--ink);padding:.35rem .6rem;font-size:1.1rem;font-weight:800;width:200px}.prof-meta{font-weight:800;color:#55556a;font-size:.88rem;margin:.15rem 0 .55rem}.prof-next{margin-top:.45rem;font-size:.85rem;font-weight:700;color:#55556a}.prof-next b{color:var(--red-deep)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}.stat{border:2.5px solid var(--ink);background:#fff;text-align:center;padding:.6rem .3rem .5rem;position:relative;overflow:hidden}.stat-kanji{position:absolute;right:-4px;bottom:-12px;font-family:var(--font-jp);font-weight:900;font-size:2.4rem;color:#14141f0f}.stat-value{display:block;font-family:var(--font-display);font-size:1.3rem;color:var(--ink)}.stat-label{display:block;font-size:.6rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#6d6d80;margin-top:.1rem}.ach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.6rem}.ach-card{border:2.5px solid #c9c2b0;background:var(--paper2);padding:.6rem .7rem;display:flex;flex-direction:column;gap:.15rem;opacity:.6}.ach-card.got{border-color:var(--ink);background:#fff;opacity:1;box-shadow:3px 3px #00000040}.ach-kanji{font-family:var(--font-jp);font-weight:900;font-size:1.1rem;color:#b4ad9c}.ach-card.got .ach-kanji{color:var(--red-deep)}.ach-name{font-weight:800;font-size:.88rem}.ach-desc{font-size:.72rem;color:#6d6d80;font-weight:600}.prof-settings .setting-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.55rem 0;font-weight:700;border-bottom:2px dashed #d8d2c2}.prof-settings .setting-row:last-child{border-bottom:none}.toggle{width:56px;height:28px;border:2.5px solid var(--ink);background:#d8d2c2;position:relative;transition:background .15s}.toggle-knob{position:absolute;top:1px;left:2px;width:20px;height:20px;background:#fff;border:2px solid var(--ink);transition:left .15s}.toggle.on{background:var(--red)}.toggle.on .toggle-knob{left:28px}.reset-confirm{display:inline-flex;gap:.4rem;align-items:center;font-size:.85rem}@media (max-width: 980px){.home-body{grid-template-columns:1fr}.side-col{position:static;order:-1}.side-card-sensei{display:none}}@media (max-width: 640px){.node,.node-right{width:100%;margin-left:0}.nodes:before{left:1.6rem}.choices{grid-template-columns:1fr}.fb-inner{flex-direction:column;align-items:flex-start;gap:.7rem;padding-bottom:max(1.1rem,env(safe-area-inset-bottom))}.fb-stamp-wrap{gap:.6rem}.fb-inner .btn{align-self:stretch;text-align:center}.res-stats,.stat-grid{grid-template-columns:repeat(2,1fr)}.res-rank-row{flex-direction:column;text-align:center}.rank-stamp{width:108px;height:108px}.topbar{justify-content:center}.grade-tabs{gap:.4rem}.grade-tab{font-size:.98rem;padding:.45rem .2rem .35rem;transform:skew(-5deg)}.grade-tab>*{transform:skew(5deg)}.lesson{padding-bottom:16rem}.chip-name{display:none}}.ryo-ic{display:inline-grid;place-items:center;width:1.35em;height:1.35em;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe38a,var(--yellow) 60%,#d9a514);border:1.5px solid var(--ink);color:var(--ink);font-family:var(--font-jp);font-weight:900;font-size:.72em;line-height:1;vertical-align:-.2em}.chip-ryo b{color:var(--yellow)}.chip-avatar{width:30px;height:30px;border-radius:50%;overflow:hidden;border:2px solid var(--grayline);background:var(--paper2);display:inline-grid;place-items:center}.chip-avatar svg{margin-top:10px}.avatar-frame{position:relative;flex:none}.avatar-circle{position:absolute;top:7%;right:7%;bottom:7%;left:7%;border-radius:50%;border:3px solid var(--ink);background:radial-gradient(circle at 50% 42%,#fff 34%,var(--paper2) 72%);overflow:hidden;z-index:1;box-shadow:3px 3px #0000004d}.avatar-circle svg{position:absolute;bottom:-6%;left:50%;transform:translate(-50%)}.frame-slash .avatar-circle{border-color:var(--red)}.frame-slash:before,.frame-slash:after{content:"";position:absolute;width:58%;height:9%;background:var(--red);border:2px solid var(--ink);z-index:0}.frame-slash:before{top:2%;right:-10%;transform:rotate(38deg)}.frame-slash:after{bottom:2%;left:-10%;transform:rotate(38deg)}.frame-cyber .avatar-circle{border-color:var(--cyan);box-shadow:0 0 12px #38d9ff73}.frame-cyber:before{content:"";position:absolute;top:-3%;right:-3%;bottom:-3%;left:-3%;border-radius:50%;border:2.5px dashed var(--cyan);animation:spin 14s linear infinite}.frame-flame .avatar-circle{border-color:var(--red);box-shadow:0 0 16px #ff22448c}.frame-flame:before{content:"";position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;border-radius:50%;background:repeating-conic-gradient(var(--red) 0 13deg,#ff8a3d 13deg 24deg,transparent 24deg 42deg);-webkit-mask:radial-gradient(circle,transparent 60%,#000 65%,#000 76%,transparent 80%);mask:radial-gradient(circle,transparent 60%,#000 65%,#000 76%,transparent 80%);animation:spin 9s linear infinite}.frame-gold .avatar-circle{border-color:#d9a514;box-shadow:0 0 0 3px var(--yellow),0 0 0 5px var(--ink),0 0 18px #ffcb2680}.frame-gold:before,.frame-gold:after{content:"";position:absolute;width:18%;height:18%;background:var(--yellow);clip-path:polygon(50% 0,63% 37%,100% 50%,63% 63%,50% 100%,37% 63%,0 50%,37% 37%);z-index:2;animation:sparkle 1.4s ease-in-out infinite alternate}.frame-gold:before{top:-2%;left:2%}.frame-gold:after{bottom:0;right:-2%;animation-delay:.5s}.tbg-crimson{background:repeating-conic-gradient(from 0deg at 108% -12%,transparent 0 6deg,rgba(255,34,68,.1) 6deg 10deg),radial-gradient(rgba(196,14,45,.09) 1.2px,transparent 1.6px),var(--paper)!important;background-size:auto,9px 9px,auto!important;border-color:var(--red-deep)!important}.tbg-night{background:linear-gradient(rgba(56,217,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(56,217,255,.07) 1px,transparent 1px),radial-gradient(ellipse at 80% -20%,rgba(143,107,255,.25),transparent 55%),#10101c!important;background-size:22px 22px,22px 22px,auto,auto!important;border-color:var(--cyan)!important}.tbg-sakura{background:radial-gradient(ellipse 7px 5px at 12% 24%,#ffb7cf 60%,transparent 61%),radial-gradient(ellipse 5px 4px at 78% 14%,#ffc9db 60%,transparent 61%),radial-gradient(ellipse 6px 4px at 90% 68%,#ffb7cf 60%,transparent 61%),radial-gradient(ellipse 5px 4px at 34% 82%,#ffc9db 60%,transparent 61%),radial-gradient(ellipse 7px 5px at 58% 40%,#ffd6e4 60%,transparent 61%),radial-gradient(rgba(20,20,31,.05) 1px,transparent 1.4px),#fdf3f4!important;background-size:auto,auto,auto,auto,auto,9px 9px,auto!important;border-color:#ff6fa5!important}.tbg-golddojo{background:repeating-conic-gradient(from -8deg at 50% 130%,rgba(255,203,38,.14) 0 7deg,transparent 7deg 15deg),radial-gradient(rgba(255,203,38,.06) 1px,transparent 1.4px),#14110a!important;background-size:auto,10px 10px,auto!important;border-color:var(--yellow)!important}.prof-dark,.prof-dark .prof-name,.prof-dark .prof-meta,.prof-dark .prof-next{color:#f2f0ff}.prof-dark .prof-next b{color:var(--yellow)}.prof-dark .prof-edit{color:#b9b9d4}.theme-swatch{display:block;width:74px;height:46px;border:2.5px solid var(--ink);background:var(--paper)}.wardrobe-shop{float:right}.ward-label{font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#6d6d80;margin:.7rem 0 .35rem}.ward-row{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center}.ward-item{width:58px;height:58px;border:2.5px solid #c9c2b0;background:#fff;display:grid;place-items:center;overflow:hidden;transition:transform .12s,border-color .12s,box-shadow .12s;padding:0}.ward-item svg{margin-top:14px}.ward-item.sel{border-color:var(--red);box-shadow:3px 3px #c40e2d99;transform:rotate(-2deg)}.ward-item:hover{transform:translateY(-2px)}.ward-frame,.ward-theme{overflow:visible;background:var(--paper2)}.ward-frame svg{margin-top:0}.ward-theme .theme-swatch{width:46px;height:46px}.ward-more{font-family:var(--font-display);font-size:1.5rem;color:#8a8a99;border-style:dashed}.ward-more:hover{color:var(--red-deep);border-color:var(--red)}.title-chip{display:inline-block;font-family:var(--font-display);font-size:.8rem;letter-spacing:.06em;background:var(--ink);color:#fff;padding:.3em .7em;transform:skew(-6deg);border:2px solid var(--ink)}.title-jp{font-family:var(--font-jp);font-size:.85em;color:var(--yellow);margin-left:.35em}.title-equipped{background:var(--red);margin:.15rem 0 .3rem}.title-pick{cursor:pointer;background:#fff;color:var(--ink);border-color:#c9c2b0}.title-pick.sel{background:var(--red);color:#fff;border-color:var(--ink);box-shadow:2px 2px #00000059}.ward-more-chip{border-style:dashed;color:#8a8a99}.ward-row-titles{gap:.4rem}.shop{max-width:900px;margin:0 auto;padding:.9rem 1rem 5rem}.shop-balance{margin-left:auto;font-weight:800;font-size:1.05rem;color:#fff;display:inline-flex;gap:.4rem;align-items:center}.shop-balance b{color:var(--yellow);font-size:1.2em}.shop-link{margin-left:auto}.shop-link .shop-link-txt{font-family:var(--font-display);font-size:.72rem;letter-spacing:.08em;color:var(--yellow)}.shop-intro{color:var(--text-dim);font-weight:600;font-size:.92rem;max-width:560px;margin-bottom:1.4rem}.shop-section{margin-bottom:1.8rem}.shop-h{font-family:var(--font-display);font-size:1.15rem;letter-spacing:.08em;color:#fff;background:var(--red);border:2.5px solid var(--ink);box-shadow:4px 4px #00000073;clip-path:polygon(0 0,100% 0,98% 100%,0 100%);padding:.35rem .9rem;margin-bottom:.9rem;transform:rotate(-.3deg)}.shop-h .side-jp{color:#ffffffb3}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.7rem}.shop-card{background:radial-gradient(rgba(20,20,31,.05) 1px,transparent 1.4px),var(--paper);background-size:9px 9px,auto;border:2.5px solid var(--ink);box-shadow:4px 4px #0006;padding:.7rem .6rem .75rem;display:flex;flex-direction:column;align-items:center;gap:.45rem;color:var(--ink);transition:transform .12s}.shop-card:hover{transform:translateY(-2px) rotate(-.4deg)}.shop-card.equipped{border-color:var(--red);box-shadow:4px 4px #c40e2da6}.shop-preview{height:96px;display:grid;place-items:center}.shop-name{font-weight:800;font-size:.88rem;text-align:center}.shop-jp{font-family:var(--font-jp);font-size:.72em;color:#a9a294;margin-left:.25em}.shop-state{font-family:var(--font-display);font-size:.78rem;letter-spacing:.08em;color:var(--red-deep)}.shop-buy.poor{opacity:.45;filter:saturate(.4)}.shop-card-wide{grid-column:1 / -1;flex-direction:row;align-items:center;gap:.9rem;padding:.7rem 1rem}.shop-preview-item{height:auto}.item-glyph{font-family:var(--font-jp);font-weight:900;font-size:1.6rem;color:#fff;background:var(--ink);width:2.2em;height:2.2em;display:grid;place-items:center;transform:rotate(-4deg);border:2.5px solid var(--ink);box-shadow:3px 3px #0000004d}.shop-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.shop-desc{font-size:.8rem;color:#6d6d80;font-weight:600}.item-count{color:var(--red-deep);margin-left:.3em}.shop-toast{position:fixed;left:50%;bottom:1.4rem;transform:translate(-50%);background:var(--ink);color:var(--yellow);font-weight:800;font-size:.95rem;border:2.5px solid var(--yellow);box-shadow:5px 5px #00000080;padding:.65rem 1.2rem;z-index:90;animation:sheetUp .25s cubic-bezier(.2,1.1,.4,1) both;max-width:min(92vw,480px);text-align:center}.res-ryo{font-weight:700;margin-bottom:1rem;color:#494958}.res-ryo b{color:var(--red-deep)}.boost-note{font-family:var(--font-display);text-align:center;background:var(--yellow);color:var(--ink);border:3px solid var(--ink);padding:.45rem;font-size:1.05rem;letter-spacing:.06em;margin-bottom:.9rem;transform:rotate(.4deg);box-shadow:4px 4px #0006}.boost-note .levelup-jp{color:var(--red-deep)}.shield-note{color:var(--red-deep);font-weight:800}.boost-badge{font-family:var(--font-display);font-size:1rem;background:var(--yellow);color:var(--ink);border:2.5px solid var(--ink);padding:.15em .5em;transform:skew(-8deg) rotate(-2deg);white-space:nowrap}@media (max-width: 640px){.shop-card-wide,.prof-id{flex-direction:column;text-align:center}.prof-id .prof-who{min-width:0}.shop-balance{font-size:.9rem}}.chip-tomo{color:var(--cyan)!important;font-size:1rem}.friends{max-width:760px;margin:0 auto;padding:.9rem 1rem 5rem}.fr-grid{display:flex;flex-direction:column;gap:1.1rem}.fr-card{padding:1rem 1.1rem}.fr-card:nth-child(odd){transform:rotate(-.25deg)}.fr-card:nth-child(2n){transform:rotate(.25deg)}.auth-panel{padding:1.4rem;max-width:560px;margin:0 auto;transform:rotate(-.3deg)}.auth-tabs{display:flex;gap:.6rem;margin:1rem 0}.auth-tab{flex:1;font-family:var(--font-display);font-size:.95rem;letter-spacing:.06em;padding:.5rem;background:#fff;border:2.5px solid #c9c2b0;color:#6d6d80;transform:skew(-6deg)}.auth-tab.on{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:3px 3px #00000059}.auth-form{display:flex;flex-direction:column;gap:.9rem}.auth-note{font-size:.82rem;font-weight:600;color:#6d6d80;border-left:4px solid var(--yellow);padding-left:.6rem}.auth-error{font-weight:800;color:var(--red-deep)}.fr-id{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.fr-id>svg{border-radius:50%;border:2.5px solid var(--ink);background:var(--paper2)}.fr-id-info{display:flex;flex-direction:column;min-width:0;flex:1}.fr-email{font-size:.75rem;color:#6d6d80;overflow:hidden;text-overflow:ellipsis}.fr-code{font-family:var(--font-display);letter-spacing:.08em;background:var(--ink);color:var(--yellow);border:2px solid var(--ink);padding:.3em .7em;transform:skew(-6deg);cursor:pointer}.fr-row{display:flex;align-items:center;gap:.6rem;padding:.45rem 0;border-bottom:2px dashed #e0dac9}.fr-row:last-child{border-bottom:none}.fr-row>svg{border-radius:50%;border:2px solid var(--ink);background:#fff;flex:none}.fr-row-name{flex:1;min-width:0;font-weight:800;display:flex;flex-direction:column;line-height:1.15}.fr-tag{font-family:var(--font-display);font-size:.75rem;color:var(--red-deep);letter-spacing:.06em}.fr-search{display:flex;gap:.5rem;margin-top:.8rem}.fr-search input{flex:1;border:2.5px solid var(--ink);background:#fff;color:var(--ink);padding:.45rem .7rem;font-weight:700;min-width:0}.fr-empty{color:#6d6d80;font-weight:700;font-size:.9rem;padding:.4rem 0}.fr-browse-h{margin:.7rem 0 .15rem;font-weight:800;font-size:.8rem;letter-spacing:.05em;color:#6d6d80}.board-tabs{float:right;display:inline-flex;gap:.35rem}.board-tab{font-family:var(--font-display);font-size:.72rem;letter-spacing:.08em;padding:.3em .7em;background:#fff;border:2px solid #c9c2b0;color:#6d6d80;transform:skew(-6deg)}.board-tab.on{background:var(--red);border-color:var(--ink);color:#fff}.board{list-style:none;display:flex;flex-direction:column}.board-row{display:flex;align-items:center;gap:.6rem;padding:.42rem .4rem;border-bottom:2px dashed #e0dac9}.board-row:last-child{border-bottom:none}.board-row.me{background:#ffcb262e;outline:2px dashed var(--yellow)}.board-row.top{background:linear-gradient(90deg,rgba(255,34,68,.08),transparent 70%)}.board-rank{font-family:var(--font-display);width:1.6em;text-align:center;font-size:1.05rem;color:#6d6d80;flex:none}.board-crown{font-family:var(--font-jp);font-weight:900;color:#d9a514;font-size:1.1rem}.board-ava{flex:none;border-radius:50%;border:2px solid var(--ink);background:#fff;width:38px;height:38px;display:grid;place-items:center;overflow:hidden}.board-ava svg{margin-top:10px}.board-name{flex:1;min-width:0;font-weight:800;display:flex;flex-direction:column;line-height:1.1}.board-name em{font-style:normal;color:var(--red-deep);font-size:.8em}.board-title{font-size:.68rem;font-weight:700;color:#8a8a99;letter-spacing:.04em}.board-xp{font-family:var(--font-display);font-size:1.05rem;color:var(--red-deep);white-space:nowrap}.duel-list{display:flex;flex-direction:column;gap:.7rem}.duel{border:2.5px solid var(--ink);background:#fff;padding:.7rem .8rem;display:flex;flex-direction:column;gap:.5rem}.duel-head{display:flex;align-items:center;gap:.6rem}.duel-head svg{border-radius:50%;border:2px solid var(--ink);background:var(--paper2);flex:none}.duel-vs{flex:1;font-weight:800;font-size:.95rem}.duel-vs b{color:var(--red-deep)}.duel-actions{display:flex;gap:.5rem;flex-wrap:wrap}.duel-bar{height:14px;border:2.5px solid var(--ink);background:#d8d2c2;overflow:hidden;transform:skew(-10deg)}.duel-bar-me{display:block;height:100%;background:repeating-linear-gradient(45deg,var(--red) 0 10px,var(--red-deep) 10px 20px);transition:width .5s}.duel-meta{font-size:.8rem;font-weight:700;color:#6d6d80}.duel-active{border-color:var(--red);box-shadow:3px 3px #c40e2d80}.duel-won{border-color:#d9a514;box-shadow:3px 3px #d9a5148c;background:linear-gradient(100deg,#fff 60%,#ffcb2640)}@media (max-width: 640px){.fr-id{justify-content:center;text-align:center}.board-tabs{float:none;display:flex;margin-top:.4rem}}.chip-friends-txt{color:var(--cyan);font-size:.8rem;letter-spacing:.06em}.friends-cta{position:relative;overflow:hidden;border-color:var(--cyan)!important}.friends-cta-jp{position:absolute;right:-6px;top:-14px;font-family:var(--font-jp);font-weight:900;font-size:3.6rem;color:#38d9ff21;pointer-events:none;letter-spacing:.05em}.friends-cta-txt{font-size:.88rem;font-weight:700;color:#494958;margin-bottom:.75rem}@media (max-width: 640px){.chip-friends-txt{display:none}}.fr-sync{font-size:.7rem;font-weight:800;color:#3aa06b;letter-spacing:.04em}.splash{min-height:100vh;display:grid;place-content:center;gap:.8rem;justify-items:center}.splash .logo-matte,.splash .logo-dojo{font-size:2.4rem}.splash-note{font-family:var(--font-jp);font-weight:700;letter-spacing:.3em;color:var(--text-dim);animation:splashPulse 1.2s ease-in-out infinite}@keyframes splashPulse{0%,to{opacity:.35}50%{opacity:1}}.gate-panel{text-align:left}.gate .ob-sensei{margin-bottom:.3rem}.privacy{max-width:760px;margin:0 auto;padding:.9rem 1rem 5rem}.pp-grid{display:flex;flex-direction:column;gap:1rem}.pp-card{padding:1rem 1.2rem;font-size:.95rem}.pp-card:nth-child(odd){transform:rotate(-.25deg)}.pp-card:nth-child(2n){transform:rotate(.25deg)}.pp-list{list-style:none;display:flex;flex-direction:column;gap:.45rem}.pp-list li{position:relative;padding-left:1.3rem}.pp-list li:before{content:"▸";position:absolute;left:.1rem;color:var(--red);font-weight:900}.pp-link{margin-left:auto}.pp-inline-link{background:none;border:none;color:var(--red-deep);font-weight:800;text-decoration:underline;cursor:pointer;padding:0;font-size:inherit}.age-select{width:100%;border:3px solid var(--ink);background:#fff;color:var(--ink);padding:.55rem .7rem;font-size:1rem;font-weight:700;font-family:inherit}.age-block{border:2.5px dashed var(--red-deep);background:#fff;padding:.7rem .9rem;font-weight:700;font-size:.88rem;color:var(--red-deep)}.fr-danger{background:none;border:none;color:#a05252;font-size:.72rem;font-weight:800;letter-spacing:.04em;text-decoration:underline;cursor:pointer}.fr-danger:hover{color:var(--red-deep)}.fr-hint{font-size:.75rem;font-weight:700;color:#8a8a99;margin-top:.4rem}.chip-arena{color:var(--yellow)!important;font-size:.95rem}.arena{max-width:760px;margin:0 auto;padding:.9rem 1rem 5rem}.arena-tabs{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap;margin-bottom:1rem}.scope-tabs{display:flex;gap:.5rem;flex:1;min-width:240px}.scope-tabs .auth-tab{background:var(--bg2);border-color:var(--grayline);color:#cfcfe4}.scope-tabs .auth-tab.on{background:var(--red);border-color:var(--ink);color:#fff;box-shadow:3px 3px #00000073}.arena-period{float:none}.arena-hidden-note{font-size:.8rem;font-weight:800;color:var(--cyan);margin-bottom:.7rem}.podium{display:flex;align-items:flex-end;justify-content:center;gap:.7rem;margin:1.6rem 0 1.2rem}.pod{display:flex;flex-direction:column;align-items:center;gap:.25rem;width:min(31%,170px);position:relative}.pod-crown{font-family:var(--font-jp);font-weight:900;font-size:1.6rem;color:var(--yellow);text-shadow:0 0 14px rgba(255,203,38,.7);animation:bounce 1.8s ease-in-out infinite}.pod-medal{font-family:var(--font-jp);font-weight:900;font-size:.9rem;color:#fff;border:2px solid var(--ink);padding:.1em .5em;transform:skew(-8deg) rotate(-2deg)}.pod-medal-1{background:#d9a514}.pod-medal-2{background:#8f98ad}.pod-medal-3{background:#b5652a}.pod-ava{border-radius:50%;border:3px solid var(--ink);background:radial-gradient(circle at 50% 42%,#fff 34%,var(--paper2) 72%);overflow:hidden;width:74px;height:74px;display:grid;place-items:center;box-shadow:3px 3px #0006}.pod-1 .pod-ava{width:92px;height:92px;box-shadow:0 0 0 3px var(--yellow),0 0 0 5px var(--ink),0 0 20px #ffcb2680}.pod-ava svg{margin-top:18px}.pod-name{font-weight:800;color:#fff;font-size:.92rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pod-xp{font-family:var(--font-display);color:var(--yellow);font-size:1.02rem}.pod-block{width:100%;border:3px solid var(--ink);background:repeating-linear-gradient(45deg,rgba(255,255,255,.05) 0 10px,transparent 10px 20px),var(--bg2);box-shadow:4px 4px #00000080}.pod-1 .pod-block{height:86px;background-color:#241d08;border-color:#d9a514}.pod-2 .pod-block{height:60px}.pod-3 .pod-block{height:44px}.pod-me .pod-name{color:var(--yellow)}.pod-empty{visibility:hidden}.arena-list{list-style:none;display:flex;flex-direction:column;gap:.45rem}.arena-row{display:flex;align-items:center;gap:.6rem;background:radial-gradient(rgba(20,20,31,.05) 1px,transparent 1.4px),var(--paper);background-size:9px 9px,auto;border:2.5px solid var(--ink);box-shadow:3px 3px #0006;padding:.4rem .7rem;color:var(--ink)}.arena-row.me{border-color:var(--yellow);box-shadow:3px 3px #d9a51499;background:radial-gradient(rgba(20,20,31,.05) 1px,transparent 1.4px),#fff8e0}.arena-bar{flex:1;height:12px;border:2px solid var(--ink);background:var(--paper2);overflow:hidden;transform:skew(-12deg);min-width:60px}.arena-bar-fill{display:block;height:100%;background:repeating-linear-gradient(45deg,var(--red) 0 9px,var(--red-deep) 9px 18px)}.arena-merow{display:flex;align-items:center;gap:.6rem;margin-top:.8rem;border:2.5px dashed var(--yellow);background:#ffcb2614;padding:.45rem .7rem;color:#fff}.arena-me-note{margin-left:auto;font-size:.78rem;font-weight:800;color:var(--yellow)}.arena-refresh{margin-top:1rem}.arena-empty{padding:1rem}.arena-locked{max-width:560px;margin:0 auto}.arena-cta{position:relative;overflow:hidden}@media (max-width: 640px){.pod-ava{width:58px;height:58px}.pod-1 .pod-ava{width:74px;height:74px}.pod-ava svg{margin-top:14px}.arena-bar{display:none}}.grade-filter{display:flex;gap:.45rem;margin-bottom:.9rem;flex-wrap:wrap}.gf-mine{color:var(--yellow)}.board-tab.on .gf-mine{color:#fff}.ob-login{margin-top:.9rem;font-size:.88rem;font-weight:700;color:#55556a;border-top:2px dashed #d8d2c2;padding-top:.8rem}.gym-sec-head .ch-num{background:var(--yellow);color:var(--ink)}.gym-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}@media (max-width: 720px){.gym-cards{grid-template-columns:1fr}}.gym-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.9rem .7rem .8rem;background:var(--paper);border:3px solid var(--ink);box-shadow:var(--shadow-hard);cursor:pointer;font-family:var(--font-body);transform:rotate(-.4deg);transition:transform .14s ease,box-shadow .14s ease,filter .14s ease;overflow:hidden}.gym-card:nth-child(2){transform:rotate(.4deg)}.gym-card:hover:not(:disabled){transform:translate(-1px,-3px);box-shadow:var(--shadow-red)}.gym-card:disabled{cursor:not-allowed;filter:grayscale(.9) brightness(.92)}.gym-card-jp{position:absolute;top:.2rem;right:.45rem;font-family:var(--font-jp);font-size:2.1rem;font-weight:900;color:var(--boss, var(--red));opacity:.28;pointer-events:none}.gym-card-art{width:92px;height:92px;display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--boss, #888) 34%,transparent),transparent 72%)}.gym-seal{font-family:var(--font-jp);font-size:2.6rem;font-weight:900;color:var(--ink);border:3px solid var(--ink);padding:.25rem .6rem;transform:rotate(-8deg);background:var(--paper2)}.gym-card-name{font-weight:800;font-size:.86rem;text-transform:uppercase;letter-spacing:.03em;color:var(--ink);text-align:center}.gym-card-status{font-size:.74rem;font-weight:700;color:var(--red-deep);letter-spacing:.04em}.gym-beaten .gym-card-status{color:#1a936f}.gym-running{outline:3px dashed var(--red);outline-offset:3px}.gym-running .gym-card-status{animation:missionPulse 1.5s infinite}.gym-screen .gym-lobby,.gym-victory{max-width:640px;margin:1rem auto;padding:1.4rem 1.6rem 1.6rem;border:3px solid var(--ink);box-shadow:var(--shadow-hard);display:flex;flex-direction:column;align-items:center;gap:.8rem;position:relative;text-align:center}.gym-boss-hero{position:relative;display:grid;place-items:center;padding:.4rem;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--boss, #888) 38%,transparent),transparent 74%)}.gym-kanji{position:absolute;top:.4rem;left:.7rem;font-family:var(--font-jp);font-size:2.6rem;font-weight:900;color:var(--boss, var(--red));opacity:.3;pointer-events:none}.gym-kanji-win{color:var(--yellow);opacity:.85}.gym-title{font-family:var(--font-display);font-size:clamp(1.5rem,4.6vw,2.2rem);letter-spacing:.02em;color:var(--ink)}.gym-claimed,.gym-warn{font-size:.9rem;font-weight:700;color:#1a936f}.gym-warn{color:var(--red-deep)}.gym-rules{list-style:none;display:flex;flex-direction:column;gap:.35rem;font-size:.92rem;font-weight:600;color:var(--ink);text-align:left}.gym-rules li:before{content:"▸ ";color:var(--red);font-weight:900}.team-inputs{display:flex;gap:.6rem;width:100%}@media (max-width: 560px){.team-inputs{flex-direction:column}}.team-slot{display:flex;align-items:center;gap:.4rem;flex:1}.team-tag{font-family:var(--font-display);background:var(--ink);color:var(--paper);padding:.3rem .55rem;font-size:.95rem}.team-slot input{width:100%;min-width:0;border:3px solid var(--ink);background:#fff;padding:.5rem .6rem;font:700 .95rem var(--font-body)}.gym-reward-line{font-size:.98rem;font-weight:600;color:var(--ink)}.gym-rewards{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center}.gym-badge-chip{font-family:var(--font-jp);font-weight:900;background:var(--ink);color:var(--yellow);border:3px solid var(--ink);padding:.35rem .7rem;transform:rotate(-2deg)}.gym-pet-chip{background:var(--red);color:#fff;transform:rotate(1.5deg)}.gym-boss-tamed{animation:bounce 1.6s infinite}.gym-timer{margin-left:auto;font-weight:800;font-size:.9rem;color:var(--paper);background:var(--ink);border:2px solid var(--grayline);padding:.25rem .55rem}.gym-timer-low{color:#fff;background:var(--red-deep);animation:missionPulse 1.5s infinite}.gym-hud{max-width:860px;margin:.4rem auto .8rem;display:flex;flex-direction:column;gap:.55rem}.gym-hp-row{display:flex;align-items:center;gap:.6rem}.gym-hp-boss{flex:0 0 auto;display:grid;place-items:center;border:3px solid var(--ink);background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--boss, #888) 40%,var(--paper)),var(--paper));box-shadow:var(--shadow-hard);padding:.15rem}.gym-hp-track{position:relative;flex:1;height:30px;border:3px solid var(--ink);background:var(--paper2);box-shadow:var(--shadow-hard);overflow:hidden}.gym-hp-fill{height:100%;background:repeating-linear-gradient(-45deg,var(--red),var(--red) 10px,var(--red-deep) 10px,var(--red-deep) 20px);transition:width .35s cubic-bezier(.2,1.2,.4,1)}.gym-hp-text{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-weight:900;font-size:.78rem;letter-spacing:.06em;color:var(--ink);mix-blend-mode:hard-light}.member-chips{display:flex;gap:.5rem;flex-wrap:wrap}.member-chip{display:flex;align-items:center;gap:.45rem;border:3px solid var(--ink);background:var(--paper);padding:.35rem .6rem;font:700 .85rem var(--font-body);cursor:pointer;box-shadow:3px 3px #00000080}.member-chip.on{background:var(--yellow);transform:translate(-1px,-2px)}.member-chip.met .member-score{color:#1a936f}.member-chip:disabled{cursor:default;opacity:.85}.member-score{font-weight:900;color:var(--red-deep)}.member-min{font-weight:700;color:var(--text-dim)}.laststand{border:3px dashed var(--red);background:color-mix(in srgb,var(--red) 12%,var(--paper));color:var(--red-deep);font-weight:900;letter-spacing:.04em;text-align:center;padding:.5rem .7rem;animation:missionPulse 1.5s infinite}.gym-turn-tag{position:absolute;top:-.85rem;right:1rem;background:var(--ink);color:var(--paper);font:700 .75rem var(--font-body);padding:.25rem .6rem;border:2px solid var(--ink);transform:rotate(1.5deg)}.gym-turn-tag b{color:var(--yellow)}.gym-draw-card{display:grid;place-items:center;padding:2rem}.avatar-frame{position:relative}.pet-chip{position:absolute;right:-8%;bottom:-6%;display:grid;place-items:center;background:var(--paper);border:3px solid var(--ink);border-radius:50%;box-shadow:2px 2px #00000080;pointer-events:none}.ward-pet.sel{outline:3px solid var(--red);outline-offset:2px}@media (prefers-reduced-motion: reduce){.gym-boss-tamed,.gym-running .gym-card-status,.gym-timer-low,.laststand{animation:none}}.gym-mode-tabs{display:flex;gap:.5rem;width:100%}.gym-mode-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.55rem .4rem;border:3px solid var(--ink);background:var(--paper2);font:800 .9rem var(--font-body);color:var(--ink);cursor:pointer;box-shadow:3px 3px #00000073}.gym-mode-tab.on{background:var(--ink);color:var(--paper);transform:translate(-1px,-2px)}.gym-mode-sub{font-size:.7rem;font-weight:700;opacity:.75}.squad-setup{display:flex;flex-direction:column;align-items:center;gap:.6rem;width:100%}.squad-or{font-weight:800;color:var(--text-dim);text-transform:uppercase;font-size:.8rem}.squad-join-row{display:flex;gap:.5rem;justify-content:center;width:100%}.squad-join-row input{width:10.5rem;border:3px solid var(--ink);background:#fff;padding:.55rem .6rem;font:900 1.1rem var(--font-body);letter-spacing:.35em;text-transform:uppercase;text-align:center}.squad-code{font-family:var(--font-display);font-size:clamp(2rem,7vw,3rem);letter-spacing:.35em;padding:.35rem .8rem .35rem 1.1rem;background:var(--ink);color:var(--yellow);border:3px solid var(--ink);box-shadow:var(--shadow-red);transform:rotate(-1deg);-webkit-user-select:all;user-select:all}.squad-slots{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center}.squad-slot{display:flex;flex-direction:column;align-items:center;gap:.25rem;min-width:96px;padding:.55rem .7rem;border:3px dashed var(--grayline);background:var(--paper2);color:var(--text-dim);font:700 .85rem var(--font-body)}.squad-slot.filled{border-style:solid;border-color:var(--ink);background:#fff;color:var(--ink);box-shadow:3px 3px #0006}.squad-slot-name{font-weight:800}.squad-slot-score{font-weight:900;color:var(--red-deep)}.squad-met .squad-slot-score{color:#1a936f}.squad-fighting{outline:2px dashed var(--red);outline-offset:2px}.squad-host-tag{font-size:.62rem;font-weight:900;letter-spacing:.08em;background:var(--yellow);color:var(--ink);padding:.1rem .4rem;border:2px solid var(--ink)}.squad-slot-wait{font-style:italic}.squad-wait{display:flex;flex-direction:column;align-items:center;gap:.7rem;text-align:center;position:relative}