:root{--sky-top:#8fd3ff;--sky-bot:#d9f3ff;--ok:#6fae4a;--ok-dark:#4f8c34;--clil:#7a4fc0;--clil-dark:#4a2e80;--go:#2f80c4;--go-dark:#1f5c8c;--panel:#f9fcff;--panel-2:#e8f0f8;--ink:#26313d;--muted:#5d6b7d;--accent:#0fb3c4;--accent-ink:#02545c;--alert:#d94436;--reward:#c8871a;--coin:#9a5b2d;--orange:#b35400;--reward-bg:#ffe0a3;--reward-ink:#4a3711;--reward-line:#c08a2e;--blue:#1a56c4;--exp-total:#1f3f66;--exp-today:#2f80c4;--guide-bg:#d7ecf7;--guide-ink:#1f4c68;--guide-line:#6aa9cd;--pink:#c2185b;--border:#3a4658;--stage-audio:#b9780f;--stage-japanese:#1a56c4;--stage-english:#c2185b;--stage-skip:#8a948a;--title-navy:#1c2f6b;--cloud-a:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 32' shape-rendering='crispEdges'%3E%3Cg fill='%23ffffff'%3E%3Crect x='16' y='0' width='24' height='8' opacity='.97'/%3E%3Crect x='56' y='0' width='16' height='8' opacity='.97'/%3E%3Crect x='8' y='8' width='80' height='8' opacity='.95'/%3E%3Crect x='0' y='16' width='96' height='8' opacity='.92'/%3E%3Crect x='16' y='24' width='56' height='8' opacity='.78'/%3E%3C/g%3E%3C/svg%3E");--cloud-b:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 24' shape-rendering='crispEdges'%3E%3Cg fill='%23ffffff'%3E%3Crect x='24' y='0' width='24' height='8' opacity='.97'/%3E%3Crect x='8' y='8' width='56' height='8' opacity='.94'/%3E%3Crect x='0' y='16' width='64' height='8' opacity='.78'/%3E%3C/g%3E%3C/svg%3E");--cloud-c:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 24' shape-rendering='crispEdges'%3E%3Cg fill='%23ffffff'%3E%3Crect x='16' y='0' width='16' height='8' opacity='.97'/%3E%3Crect x='40' y='0' width='8' height='8' opacity='.97'/%3E%3Crect x='0' y='8' width='56' height='8' opacity='.93'/%3E%3Crect x='8' y='16' width='32' height='8' opacity='.78'/%3E%3C/g%3E%3C/svg%3E")}@media (prefers-color-scheme:dark){:root{--sky-top:#0b1230;--sky-bot:#1b2350;--ok:#3f7a34;--ok-dark:#2a5620;--go:#2a6fa8;--go-dark:#1a4a73;--clil:#8257c9;--clil-dark:#5a3c96;--panel:#1e2338;--panel-2:#262c46;--ink:#e9eef6;--muted:#aab6c9;--accent:#54e0ee;--accent-ink:#04333a;--alert:#e6483d;--reward:#f6c453;--coin:#e8a06a;--orange:#ffb15c;--blue:#7fb0ff;--exp-total:#37598a;--exp-today:#2f80c4;--pink:#ff8fc0;--border:#0a0e1f;--stage-audio:#ba8a26;--stage-japanese:#5a8ce0;--stage-english:#d95c99;--stage-skip:#6b7488;--title-navy:#9db4ff}}*{box-sizing:border-box}body,html{margin:0;min-height:100vh}body{background-color:var(--sky-bot);background-image:var(--cloud-a),var(--cloud-b),var(--cloud-c),var(--cloud-a),var(--cloud-c),var(--cloud-b),var(--cloud-a),var(--cloud-c),var(--cloud-b),var(--cloud-c),linear-gradient(180deg,var(--sky-top) 0,var(--sky-bot) 100%);background-size:192px 64px,144px 48px,112px 48px,192px 64px,112px 48px,144px 48px,192px 64px,112px 48px,144px 48px,112px 48px,100% 100%;background-position:82% 4%,99% 19%,70% 31%,6% 40%,44% 50%,90% 58%,24% 72%,62% 80%,4% 92%,88% 94%,0 0;background-repeat:no-repeat;background-attachment:fixed;color:var(--ink);font-family:M PLUS Rounded\ 1c,Hiragino Maru Gothic ProN,sans-serif;-webkit-font-smoothing:antialiased}@media (max-width:720px){body{background-position:90% 28%,99% 40%,68% 48%,12% 38%,30% 62%,78% 72%,6% 80%,50% 88%,92% 96%,24% 99%,0 0}}h1,h2,h3{text-wrap:balance}a{color:inherit}.pixel{font-family:Press Start\ 2P,monospace}.mono{font-family:JetBrains Mono,Consolas,monospace}.wrap{max-width:880px;margin:0 auto;padding:28px 20px 60px}.wrap.narrow{max-width:460px}.title{font-size:15px;line-height:1.6;letter-spacing:.5px;color:var(--ink);text-shadow:2px 2px 0 color-mix(in srgb,var(--sky-bot) 65%,transparent)}.title small{display:block;font-size:9px;color:var(--muted);text-shadow:none;margin-top:6px;font-family:M PLUS Rounded\ 1c,sans-serif;font-weight:700}.title.rounded{font-family:M PLUS Rounded\ 1c,Hiragino Maru Gothic ProN,sans-serif;font-size:22px;font-weight:800;letter-spacing:.5px}.title.rounded small{font-size:11px}.title.app-title{font-size:28px;color:var(--title-navy)}.title.app-title small{color:var(--muted)}.app-title-img{display:block;height:46px;width:auto}.login-title-img{display:block;margin:0 auto;width:100%;max-width:320px;height:auto}.login-title{text-align:center}.app-title-btn{display:block;padding:0;border:none;background:none;font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;color:inherit;text-align:left;cursor:pointer}.app-title-btn:hover{text-decoration:underline;text-underline-offset:4px}.app-title-btn:focus-visible{outline:3px solid var(--accent);outline-offset:4px;border-radius:6px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:22px}.panel{background:var(--panel);border:3px solid var(--border);border-radius:12px;box-shadow:0 6px 0 var(--border);padding:22px}.stack{flex-direction:column;gap:14px}.row,.stack{display:flex}.row{gap:10px;align-items:center;flex-wrap:wrap}.row.between{justify-content:space-between}label{font-weight:800;font-size:13px;display:block;margin-bottom:6px}input[type=password],input[type=text],select,textarea{width:100%;font-size:16px;padding:12px 14px;border:3px solid var(--border);border-radius:10px;background:var(--panel);color:var(--ink);outline:none;font-family:inherit}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 30%,transparent)}button{cursor:pointer;font-family:M PLUS Rounded\ 1c,sans-serif}.primary-btn{font-weight:800;font-size:14px;background:var(--go);color:#fff;border:3px solid var(--border);border-radius:10px;padding:12px 20px;box-shadow:0 4px 0 var(--go-dark)}.primary-btn:active{transform:translateY(4px);box-shadow:none}.primary-btn:disabled{opacity:.5;cursor:not-allowed}.primary-btn.small{font-size:13px;padding:8px 14px;border-width:2px;border-radius:8px;box-shadow:0 3px 0 var(--go-dark)}.primary-btn.small:active{transform:translateY(3px);box-shadow:none}.ghost-btn{font-weight:800;font-size:13px;background:transparent;color:var(--muted);border:2px solid var(--muted);border-radius:8px;padding:8px 14px}.ghost-btn.icon-only{display:inline-flex;align-items:center;justify-content:center;padding-left:12px;padding-right:12px}.ghost-btn.icon-only .nav-icon-img,.ghost-btn.icon-only svg{display:block}.nav-icon-img{object-fit:contain;flex:none}.nav-icon-mask{display:block;flex:none;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center}.icon-only-label{display:none}.has-tip{position:relative}.has-tip:after{content:attr(data-tip);position:absolute;top:calc(100% + 7px);left:50%;transform:translateX(-50%);width:max-content;max-width:220px;text-align:center;line-height:1.5;font-size:11px;font-weight:800;padding:4px 9px;border-radius:10px;border:2px solid var(--border);background:var(--panel);color:var(--ink);opacity:0;transition:opacity .12s ease;pointer-events:none;z-index:5}.has-tip:focus-visible:after,.has-tip:hover:after{opacity:1}@media (hover:none){.has-tip:after{content:none}}.ghost-btn.small{font-size:11px;padding:4px 9px;border-width:1px;border-radius:6px}.info-btn{font-weight:700;font-size:12px;background:var(--guide-bg);color:var(--guide-ink);border:2px solid var(--guide-line);border-radius:999px;padding:6px 14px}.ghost-btn.mypage-btn{background:var(--panel);border-color:var(--blue);border-width:2px;color:var(--blue);border-radius:999px;padding:5px 14px}.danger-btn{font-weight:800;font-size:12px;background:var(--alert);color:#fff;border:2px solid var(--border);border-radius:8px;padding:7px 12px}.voice-btn{font-weight:800;font-size:13px;background:transparent;border:2px solid;border-radius:8px;padding:8px 14px}.voice-btn.male{color:var(--blue);border-color:var(--blue)}.voice-btn.female{color:var(--pink);border-color:var(--pink)}.icon-btn{font-size:18px;width:46px;flex:none;border:3px solid var(--border);border-radius:10px;background:var(--panel-2);color:var(--ink);box-shadow:0 3px 0 var(--border)}.icon-btn:active{transform:translateY(3px);box-shadow:none}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.level-switch{display:inline-flex;padding:4px;gap:4px;background:var(--panel-2);border:3px solid var(--border);border-radius:10px;box-shadow:0 3px 0 var(--border)}.level-switch button{font-weight:800;font-size:13px;padding:9px 14px;border:none;border-radius:6px;background:transparent;color:var(--muted)}.level-switch.small{padding:3px;gap:3px;border-width:2px;box-shadow:0 2px 0 var(--border)}.level-switch.small button{font-size:11px;padding:4px 10px}.level-switch button.active{background:var(--go);color:#fff;box-shadow:inset 0 -3px 0 var(--go-dark)}.level-switch.clil{border-color:var(--clil);box-shadow:0 3px 0 var(--clil-dark)}.level-switch.clil button.active{background:var(--clil);color:#fff;box-shadow:inset 0 -3px 0 var(--clil-dark)}.save-btn{font-weight:800;font-size:13px;background:transparent;color:var(--muted);border:2px solid var(--muted);border-radius:8px;padding:8px 14px}.save-btn.on{background:var(--reward-bg);color:var(--reward-ink);border-color:var(--reward-line)}.save-error{margin-top:10px;padding:8px 12px;border:2px solid var(--alert);border-radius:8px;background:color-mix(in srgb,var(--alert) 12%,var(--panel));color:var(--alert);font-size:12px;font-weight:800;text-align:center}.saved-box{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:14px;border-left-width:8px;border-left-color:var(--reward-line)}.saved-box-title{font-weight:800;font-size:15px}.saved-box-note{font-size:12px;font-weight:700;color:var(--muted);margin-top:2px}.saved-list{list-style:none;margin:0;padding:0;max-height:46vh;overflow-y:auto}.saved-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 2px;border-bottom:2px solid var(--panel-2)}.saved-list li:last-child{border-bottom:none}.saved-list-text{min-width:0}.saved-list-en{font-weight:800;font-size:14px;word-break:break-word}.saved-list-ja{font-size:12px;font-weight:700;color:var(--muted);margin-top:2px;word-break:break-word}.saved-list-note{font-size:11px;font-weight:800;color:var(--stage-japanese);margin-top:3px}.clil-note{margin:14px 0 0;padding:10px 14px;border-left:4px solid var(--clil);border-radius:8px;background:color-mix(in srgb,var(--clil) 9%,var(--panel));color:var(--ink);font-size:13px;font-weight:700;line-height:1.7}.cat-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px;margin-top:18px}@media (max-width:560px){.cat-grid{grid-template-columns:1fr}}.cat-card{display:flex;flex-direction:row;align-items:center;gap:14px;min-height:138px;text-align:left;background:var(--panel);color:var(--ink);border:3px solid var(--border);border-radius:12px;padding:18px;box-shadow:0 6px 0 var(--border)}.cat-cell{position:relative;display:flex}.cat-cell .cat-card{flex:1 1;padding-bottom:30px}.cat-list-link{position:absolute;right:12px;bottom:14px;font-size:11px;font-weight:800;line-height:1;padding:5px 8px;border:2px solid var(--border);border-radius:999px;background:var(--panel-2,var(--panel));color:var(--muted);text-decoration:none}.cat-list-link:hover{color:var(--ink)}.cat-card:active{transform:translateY(4px);box-shadow:0 2px 0 var(--border)}.cat-card.locked{opacity:.55;cursor:not-allowed;filter:grayscale(.4)}.cat-card.locked:active{transform:none;box-shadow:0 6px 0 var(--border)}.theme-badge{display:inline-flex;align-items:center;justify-content:center;flex:none;color:#fff;font-weight:800;font-family:M PLUS Rounded\ 1c,Hiragino Maru Gothic ProN,sans-serif;line-height:1;border:3px solid;border-radius:4px;box-shadow:inset 0 4px 0 hsla(0,0%,100%,.28),inset 0 -8px 0 rgba(0,0,0,.18);text-shadow:0 2px 0 rgba(0,0,0,.28);-webkit-user-select:none;-moz-user-select:none;user-select:none}.theme-badge-img{display:inline-block;flex:none;object-fit:cover;border:none;border-radius:4px;background:var(--panel)}.badge-palette{display:flex;flex-wrap:wrap;gap:6px}.badge-swatch{width:26px;height:26px;padding:0;border:3px solid var(--border);border-radius:4px;box-shadow:inset 0 3px 0 hsla(0,0%,100%,.28),inset 0 -5px 0 rgba(0,0,0,.18)}.badge-swatch.selected{outline:3px solid var(--accent);outline-offset:2px}.cat-card .cat-text{display:flex;flex-direction:column;gap:4px;min-width:0}.cat-card .name{font-weight:800;font-size:16px}.cat-card .count{font-size:12px;color:var(--muted);font-weight:700}.cat-card .due-tag{margin-left:8px;color:var(--orange)}.chip-row{display:flex;gap:8px;flex-wrap:wrap}.chip{font-weight:800;font-size:12px;padding:6px 10px;border-radius:20px;border:2px solid var(--border);background:var(--panel-2)}.chip.reward{background:var(--reward);color:#fff}.chip.accent{background:var(--accent);color:var(--accent-ink)}.chip.coin{background:var(--reward-bg);color:var(--reward-ink);border-color:var(--reward-line)}.chip.exp-total{background:var(--exp-total);color:#fff}.chip.exp-today{background:var(--exp-today);color:#fff}.chip.alert{background:var(--alert);color:#fff}.chip.notice{background:var(--orange);color:#fff}.chip-btn{cursor:pointer;font-family:inherit;color:var(--ink);transition:filter .12s ease}.chip-btn:hover{filter:brightness(.96)}.qbar{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 14px}.qbar i{display:block;width:16px;height:16px;border:2px solid var(--border);border-radius:3px;background:var(--panel-2)}.qbar i.done{background:var(--ok);box-shadow:inset 0 -4px 0 var(--ok-dark)}.qbar i.skip{background:transparent;opacity:.45}.qbar i.now{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 30%,transparent)}.bulk-edit-box{border:2px solid var(--border);border-radius:8px;padding:12px 14px;background:var(--panel-2);margin-bottom:12px}.grammar-box{border:2px dashed var(--border);border-radius:8px;padding:10px 14px;background:var(--panel-2)}.grammar-box summary{cursor:pointer;font-weight:800;font-size:13px}.grammar-note{font-size:11px;font-weight:700;color:var(--muted);line-height:1.7;margin:8px 0 12px}.pair-q{display:flex;flex-direction:column;gap:2px;text-align:left;border-left:4px solid var(--accent);background:var(--panel-2);border-radius:6px;padding:8px 12px;margin-bottom:12px}.pair-q-label{font-size:10px;font-weight:800;letter-spacing:.08em;color:var(--blue)}.pair-q-en{font-size:14px;font-weight:700;color:var(--ink);word-break:break-word}.pair-q-ja{font-size:11px;font-weight:700;color:var(--muted)}.quiz-box{margin-top:16px;padding:16px;border:3px dashed var(--border);border-radius:10px;background:var(--panel-2);text-align:left}.quiz-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;font-weight:800;font-size:14px;margin-bottom:10px}.quiz-head span{font-size:12px;font-weight:800;color:var(--reward)}.quiz-q{font-weight:800;font-size:13px;margin:12px 0 8px}.quiz-choices{display:flex;flex-wrap:wrap;gap:8px}.quiz-choice{display:flex;flex-direction:column;align-items:flex-start;gap:2px;font-family:inherit;font-weight:800;font-size:13px;text-align:left;padding:8px 12px;border:2px solid var(--muted);border-radius:8px;background:var(--panel);color:var(--ink)}.quiz-choice small{font-size:10px;font-weight:700;color:var(--muted)}.quiz-choice.picked{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 28%,transparent)}.quiz-choice.right{border-color:var(--ok);background:color-mix(in srgb,var(--ok) 22%,var(--panel))}.quiz-choice.wrong{border-color:var(--alert);background:color-mix(in srgb,var(--alert) 18%,var(--panel))}.quiz-choice:disabled{cursor:default}.quiz-result{margin-top:14px;padding-top:12px;border-top:2px solid var(--border);font-weight:800;font-size:14px}.quiz-result .ok{color:var(--accent)}.quiz-answer{margin-top:4px;font-size:12px;font-weight:700;color:var(--muted)}.point-pop{position:absolute;left:50%;top:38%;transform:translate(-50%);font-weight:900;font-size:68px;color:var(--reward);text-shadow:0 5px 0 var(--border);pointer-events:none;white-space:nowrap;z-index:5;animation:point-pop 1.2s ease-out forwards}@keyframes point-pop{0%{opacity:0;transform:translate(-50%,14px) scale(.7)}18%{opacity:1;transform:translate(-50%,-4px) scale(1.15)}55%{opacity:1;transform:translate(-50%,-26px) scale(1)}to{opacity:0;transform:translate(-50%,-64px) scale(1)}}.burst{inset:0;pointer-events:none;overflow:hidden;z-index:4}.burst,.burst i{position:absolute}.burst i{left:50%;top:42%;width:10px;height:10px;border-radius:2px;opacity:0;animation:burst-fly .8s ease-out forwards;animation-delay:var(--d,0ms)}@keyframes burst-fly{0%{opacity:0;transform:translate(-50%,-50%) scale(.5) rotate(0deg)}12%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--dx, 0px)),calc(-50% + var(--dy, 0px))) scale(1) rotate(var(--rot,0deg))}}@media (prefers-reduced-motion:reduce){.burst{display:none}.point-pop{animation:none;opacity:1;transform:translate(-50%,-18px)}}.ja-prompt{font-size:24px;font-weight:800;margin:4px 0 16px;line-height:1.5}.phrase-box{background:var(--panel-2);border:3px dashed var(--border);border-radius:10px;padding:20px;font-size:21px;line-height:1.7;letter-spacing:.5px;word-break:break-word;margin-bottom:16px;min-height:1.7em}.phrase-box .ch{border-bottom:3px solid transparent;padding-bottom:1px}.phrase-box .ch.pending{color:var(--muted)}.phrase-box .ch.correct{color:var(--accent-ink);background:color-mix(in srgb,var(--accent) 35%,transparent);border-bottom-color:var(--accent)}.phrase-box .ch.wrong{color:#fff;background:var(--alert);border-radius:3px}.phrase-box .ch.space.pending{position:relative}.phrase-box .ch.space.pending:after{content:"";position:absolute;left:12%;right:12%;bottom:-3px;height:.3em;border:2px solid;border-top:0;opacity:.4;pointer-events:none}#typeInput{font-size:19px;letter-spacing:.5px}#typeInput.shake{animation:shake .3s}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}.msg{font-weight:800;font-size:14px;min-height:1.4em}.msg.ok{color:var(--accent);font-size:20px;line-height:1.35}.msg-detail{margin-top:4px;font-size:14px;font-weight:700;color:var(--muted);text-align:center;overflow-wrap:anywhere}@media (max-width:560px){.msg.ok{font-size:17px}.msg-detail{font-size:13px}}.msg.hint{color:var(--muted);font-weight:700}table{width:100%;border-collapse:collapse;font-size:13px}td,th{text-align:left;padding:10px 8px;border-bottom:2px solid var(--panel-2)}th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em}.table-wrap{overflow-x:auto}.tag{display:inline-block;font-size:11px;font-weight:800;padding:3px 8px;border-radius:6px;background:var(--panel-2);color:var(--muted)}.tag.admin{background:var(--reward);color:#fff}.error-box{background:color-mix(in srgb,var(--alert) 15%,var(--panel));border:2px solid var(--alert);color:var(--alert);border-radius:8px}.error-box,.success-box{padding:10px 14px;font-weight:700;font-size:13px}.success-box{background:color-mix(in srgb,var(--accent) 15%,var(--panel));border:2px solid var(--accent);color:var(--accent-ink);border-radius:8px}footer.app-footer{text-align:center;margin-top:26px;font-size:11px;color:var(--muted);font-weight:700}.hidden{display:none!important}.rank-row.me{background:var(--panel-2)}.rank-row.me td:first-child{border-left:4px solid var(--reward)}.char-art{image-rendering:pixelated;display:block}.char-hero .char-art{width:100%;height:auto}.char-panel{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.char-stage{position:relative;width:192px;height:192px;flex:0 0 auto;margin:0 auto;border-radius:14px;overflow:hidden;background:color-mix(in srgb,var(--blue) 10%,transparent)}.char-stage img{position:absolute;inset:0;width:192px;height:192px}.character-sprite{animation:idle-float 3.2s ease-in-out infinite}.character-sprite.hungry,.room-stage .resident.hungry{filter:grayscale(45%) brightness(.9)}.hungry-badge-wrap{position:absolute;top:12px;left:0;right:0;display:flex;justify-content:center;pointer-events:none;z-index:2}.hungry-badge{display:inline-block;background:var(--panel,#fff);border:2px solid var(--border,#333);border-radius:999px;padding:4px 10px;font-size:11px;font-weight:800;line-height:1.4;white-space:nowrap;animation:idle-float 3.2s ease-in-out infinite}.char-hero .hungry-badge-wrap{top:auto;bottom:42%;left:50%;right:auto;justify-content:flex-start}@media (prefers-reduced-motion:reduce){.character-sprite,.hungry-badge{animation:none}}.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));grid-gap:10px;gap:10px}.item-card{font-family:inherit;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;border-radius:12px;border:2px solid var(--muted);background:transparent;color:inherit;cursor:pointer;font-weight:800;font-size:12px}.item-card:hover:not(:disabled){border-color:var(--blue)}.item-card.equipped{border-color:var(--accent)}.item-card:disabled{opacity:.5;cursor:default}.item-card .thumb{width:48px;height:48px;border-radius:8px;background:color-mix(in srgb,var(--blue) 10%,transparent)}.item-card .price{color:var(--coin)}.item-card .on{color:var(--accent)}.char-info{flex:1 1 260px;min-width:0}.growth-track{height:16px;border-radius:999px;background:color-mix(in srgb,var(--muted) 22%,transparent);border:2px solid color-mix(in srgb,var(--muted) 35%,transparent);overflow:hidden}.growth-fill{height:100%;background:var(--coin);transition:width .4s ease}.line-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:12px;gap:12px}.line-card{font-family:inherit;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 12px;border-radius:14px;border:2px solid var(--muted);background:transparent;color:inherit;cursor:pointer;text-align:center}.line-card:hover:not(:disabled){border-color:var(--blue)}.line-card.current{border-color:var(--accent);opacity:.75;cursor:default}.line-card strong{font-size:15px}.line-card .line-sub{font-size:11px;font-weight:800;color:var(--blue)}.line-peek{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:11px;font-weight:800;color:var(--muted)}.line-peek .stage-thumb{width:32px;height:32px;margin:0}.line-card span{font-size:12px;color:var(--muted);font-weight:700;line-height:1.6}.line-hint{align-self:stretch;text-align:left}.stage-strip{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:10px;gap:10px;align-items:start}.stage-cell{min-width:0;text-align:center}.stage-cell small{display:block;font-size:11px;font-weight:800;color:var(--muted);margin-top:4px;line-height:1.3;word-break:break-all}.stage-thumb{width:48px;height:48px;margin:0 auto}.stage-cell .stage-thumb{width:100%;max-width:96px;height:auto;aspect-ratio:1/1}@media (max-width:560px){.stage-strip{grid-template-columns:repeat(4,1fr)}}.stage-thumb.locked{filter:grayscale(1) brightness(.55) opacity(.28)}.stage-thumb.unknown{display:flex;box-sizing:border-box;border:3px dashed var(--border);border-radius:14px;color:var(--muted);font-size:26px;font-weight:800;opacity:.35}.char-hero,.stage-thumb.unknown{align-items:center;justify-content:center}.char-hero{position:relative;text-decoration:none;display:inline-flex;flex:none;width:96px;height:96px;line-height:0;transition:transform .12s ease;margin-right:18px}@media (min-width:900px){.char-hero{width:144px}.char-hero .char-hero-hint{bottom:2px}}.char-hero:hover{transform:translateY(-3px)}.char-hero-hint{position:absolute;left:50%;bottom:-14px;transform:translateX(-50%);white-space:nowrap;line-height:1;font-size:11px;font-weight:800;padding:3px 8px;border-radius:10px;border:2px solid var(--border);background:var(--panel);color:var(--ink);opacity:0;transition:opacity .15s ease;pointer-events:none}.char-hero:focus-visible .char-hero-hint,.char-hero:hover .char-hero-hint{opacity:1}@media (hover:none){.char-hero-hint{opacity:1}}.char-hero.needs-egg .char-art{width:72px;height:72px}.char-hero.needs-egg .char-hero-hint{opacity:1;bottom:-18px;background:var(--reward);color:#2a1c00}@media (min-width:900px){.char-hero.needs-egg .char-hero-hint{bottom:-10px}}@media (prefers-reduced-motion:reduce){.char-hero{transition:none}}.char-btn{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;border-radius:12px;border:2px solid var(--muted);background:transparent;color:inherit;font-family:inherit;font-weight:800;font-size:13px;cursor:pointer}.char-btn:hover{border-color:var(--blue)}.char-btn .char-art{width:48px;height:48px}@media (prefers-reduced-motion:reduce){.growth-fill{transition:none}}.boss-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.boss-head-title{font-weight:800;font-size:18px}.boss-head-sub{color:var(--muted);font-weight:700;font-size:13px;margin-top:2px}.boss-runs{text-align:center;font-size:12px;font-weight:800;color:var(--muted);border:3px solid var(--border);border-radius:10px;padding:6px 14px;background:var(--panel-2)}.boss-runs strong{display:block;font-size:26px;color:var(--blue);line-height:1.1}.boss-runs strong span{font-size:14px;color:var(--muted)}.boss-runs.empty strong{color:var(--muted)}.boss-runs.unlimited strong{font-size:16px}.boss-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:12px;gap:12px}.boss-card{background:var(--panel);border:3px solid var(--border);border-radius:12px;padding:12px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}.boss-card.hidden-boss{opacity:.85}.boss-card-art{position:relative;line-height:0}.boss-card:not(.hidden-boss) .boss-card-art img{animation:idle-float 3.2s ease-in-out infinite}.boss-art{width:96px;height:96px;image-rendering:pixelated}.boss-art.big{width:192px;height:192px}.boss-art.silhouette{filter:brightness(0) opacity(.35)}.boss-clear-badge{right:-6px;background:var(--reward);color:#2a1c00;font-size:11px}.boss-clear-badge,.boss-draft-badge{position:absolute;top:-4px;font-weight:800;border-radius:8px;padding:2px 6px;line-height:1.4}.boss-draft-badge{left:-6px;background:var(--muted);color:#fff;font-size:10px}.boss-card-name{font-weight:800;font-size:15px}.boss-card-lock{font-size:12px;font-weight:700;color:var(--muted);line-height:1.5}.boss-card-meta{display:flex;flex-direction:column;gap:2px;width:100%}.boss-stat{display:flex;align-items:baseline;justify-content:center;gap:6px;flex-wrap:wrap}.boss-stat-label{font-size:12px;font-weight:700;color:var(--muted)}.boss-stat strong{font-size:22px;font-weight:900;line-height:1.25}.boss-reward{display:flex;flex-direction:column;align-items:center}.boss-reward-row{display:flex;align-items:baseline;justify-content:center;gap:10px;flex-wrap:wrap}.boss-reward-row strong{font-size:20px;font-weight:900;line-height:1.25}.boss-stat-hp{color:var(--ink)}.boss-stat-exp{color:var(--reward)}.boss-stat-coin{color:var(--coin)}.boss-card-lock{border-top:2px dashed var(--border);padding-top:6px;width:100%}.boss-ready{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 16px}.boss-ready-name{margin:0;font-size:20px;font-weight:900}.boss-ready-rules{text-align:left;width:100%;max-width:420px;background:var(--panel-2);border:3px solid var(--border);border-radius:12px;padding:12px 14px}.boss-ready-rules h3{margin:0 0 8px;font-size:13px;color:var(--muted);letter-spacing:.04em}.boss-ready-rules ul{margin:0;padding-left:18px;font-size:13px;font-weight:700;line-height:1.8}.boss-ready-rules li+li{margin-top:4px}.boss-ready-rules b{color:var(--blue)}.boss-ready-stat{display:flex;gap:16px;font-size:13px;font-weight:700;color:var(--muted)}.boss-ready-stat b{font-size:20px;color:var(--ink)}.primary-btn.big{font-size:20px;padding:12px 34px}.boss-countdown{font-size:72px;font-weight:900;color:var(--blue);line-height:1.2;min-height:92px;display:flex;align-items:center;justify-content:center;animation:countdown-pop .8s ease-out}@keyframes countdown-pop{0%{transform:scale(1.6);opacity:0}30%{transform:scale(1);opacity:1}to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion:reduce){.boss-countdown{animation:none}}.streak-chip{font-size:12px;font-weight:800;border-radius:20px;padding:4px 10px;border:2px solid var(--border);background:var(--panel-2);color:var(--muted)}.streak-chip.ready{background:var(--reward);color:#2a1c00}.boss-rules{margin-top:16px;color:var(--muted);font-size:12px;font-weight:700;line-height:1.8}.boss-rules p{margin:0}.boss-bar{display:flex;align-items:center;gap:10px;margin-bottom:10px}.boss-bar-name{font-size:15px}.boss-bar-name,.boss-bar-num{font-weight:800;white-space:nowrap}.boss-bar-num{font-size:13px;color:var(--muted)}.hp-track{flex:1 1;height:16px;background:var(--panel-2);border:3px solid var(--border);border-radius:999px;overflow:hidden}.hp-fill{height:100%;background:var(--alert);transition:width .35s ease}.boss-dark{--panel:#1e2338;--panel-2:#262c46;--ink:#e9eef6;--muted:#aab6c9;--accent:#54e0ee;--accent-ink:#04333a;--alert:#e6483d;--reward:#f6c453;--coin:#e8a06a;--orange:#ffb15c;--blue:#7fb0ff;--pink:#ff8fc0;--go:#2a6fa8;--go-dark:#1a4a73;--border:#4a5c86;color:var(--ink)}.boss-dark:before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(#050a1e,#0b1234 55%,#121a3c)}.boss-dark .phrase-box{background:#10162c;border-color:var(--border)}.boss-dark .phrase-box .ch.correct{color:#04333a;background:var(--accent);border-bottom-color:#9ff4ff}.boss-dark input[type=text]{background:#10162c;border-color:var(--border);color:var(--ink)}.boss-dark input[type=text]::placeholder{color:#6b7a9c}.boss-dark .ghost-btn{background:var(--panel-2);color:var(--ink)}.boss-scene{position:relative;height:230px;margin-bottom:8px;border:3px solid var(--border);border-radius:12px;overflow:hidden;isolation:isolate}.boss-scene.quake{animation:scene-quake .44s ease}.boss-scene:before{content:"";position:absolute;border-radius:50%;pointer-events:none}@keyframes scene-quake{0%,to{transform:translate(0)}20%{transform:translate(-5px,4px)}40%{transform:translate(5px,-4px)}60%{transform:translate(-4px,-2px)}80%{transform:translate(4px,2px)}}.scene-layer{position:absolute;inset:0;width:100%;background-repeat:repeat;will-change:transform;animation-timing-function:linear;animation-iteration-count:infinite}.scene-layer.far{background-size:320px 100%;width:calc(100% + 320px);animation-name:slide-320;animation-duration:25s}.scene-layer.mid{background-size:240px 100%;width:calc(100% + 240px);animation-name:slide-240;animation-duration:14s}.scene-layer.near{background-size:160px 100%;width:calc(100% + 160px);animation-name:slide-160;animation-duration:7.5s}@keyframes slide-320{0%{transform:translateZ(0)}to{transform:translate3d(-320px,0,0)}}@keyframes slide-240{0%{transform:translateZ(0)}to{transform:translate3d(-240px,0,0)}}@keyframes slide-160{0%{transform:translateZ(0)}to{transform:translate3d(-160px,0,0)}}.scene-ground{position:absolute;left:0;right:auto;width:calc(100% + 120px);bottom:0;height:54px;background-repeat:repeat,repeat;background-size:120px 100%,100% 100%;animation:slide-120 4.5s linear infinite}@keyframes slide-120{0%{transform:translateZ(0)}to{transform:translate3d(-120px,0,0)}}:root{--ridge-far:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 80' preserveAspectRatio='none'%3E%3Cpath d='M0 80V52l28-20 26 18 30-26 34 30 28-16 30 22 26-24 32 26 30-18 26 18v22z' fill='%23161f42'/%3E%3C/svg%3E");--ridge-near:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 80' preserveAspectRatio='none'%3E%3Cpath d='M0 80V60l24-24 22 20 26-30 30 34 24-18 28 26 24-22 30 24 32-14v24z' fill='%230c1330'/%3E%3C/svg%3E");--wave-far:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 14'%3E%3Cpath d='M0 7q15-7 30 0t30 0 30 0 30 0 30 0 30 0 30 0 30 0v7H0z' fill='%231a3a68'/%3E%3Cpath d='M0 7q15-7 30 0t30 0 30 0 30 0 30 0 30 0 30 0 30 0' fill='none' stroke='%234d7fc4' stroke-width='1.6' opacity='.55'/%3E%3C/svg%3E");--wave-near:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 16'%3E%3Cpath d='M0 8q20-8 40 0t40 0 40 0 40 0v8H0z' fill='%23244b86'/%3E%3Cpath d='M0 8q20-8 40 0t40 0 40 0 40 0' fill='none' stroke='%237aa8e6' stroke-width='2' opacity='.6'/%3E%3C/svg%3E")}.scene-cloud,.scene-mountain,.scene-sea{background:linear-gradient(#060b23,#0d1640 48%,#1b2a5c)}.scene-cloud:before,.scene-mountain:before,.scene-sea:before{left:12%;top:14px;width:54px;height:54px;background:radial-gradient(circle at 42% 38%,#fdf6d8 0 46%,#e8dca8 47% 62%,hsla(49,58%,78%,0) 72%);box-shadow:0 0 26px hsla(49,90%,92%,.35)}.scene-mountain .scene-layer.far{background-image:radial-gradient(1px 1px at 40px 30px,#dfe8ff,transparent),radial-gradient(1px 1px at 150px 54px,#b9cdff,transparent),radial-gradient(1px 1px at 236px 22px,#fff,transparent),radial-gradient(1px 1px at 292px 66px,#cfe0ff,transparent)}.scene-mountain .scene-layer.mid{background-image:var(--ridge-far);background-position:bottom 42px left;background-size:240px 80px;background-repeat:repeat-x}.scene-mountain .scene-layer.near{background-image:var(--ridge-near);background-position:bottom 30px left;background-size:160px 70px;background-repeat:repeat-x}.scene-mountain .scene-ground{height:46px;background-image:radial-gradient(50px 12px at 30px 10px,#0a1028,rgba(10,16,40,0) 76%),linear-gradient(0deg,#060a1c 58%,rgba(6,10,28,0))}.scene-sea .scene-layer.far{background-image:radial-gradient(1px 1px at 60px 26px,#dfe8ff,transparent),radial-gradient(1px 1px at 190px 48px,#b9cdff,transparent),radial-gradient(1px 1px at 276px 18px,#fff,transparent)}.scene-sea .scene-layer.mid{background-image:radial-gradient(70px 90px at 50% 100%,hsla(49,90%,92%,.22),hsla(49,90%,92%,.07) 55%,hsla(49,90%,92%,0) 78%);background-position:left 12% bottom -10px;background-size:150px 150px;background-repeat:no-repeat;animation:none}.scene-sea .scene-layer.near{background-image:var(--wave-far),var(--wave-far);background-position:bottom 56px left,bottom 42px left 40px;background-size:160px 14px,160px 14px;background-repeat:repeat-x,repeat-x}.scene-sea .scene-ground{height:48px;background-image:var(--wave-near),linear-gradient(to top,#061530 58%,#0d2951);background-position:0 0,0 100%;background-size:120px 16px,100% 100%;background-repeat:repeat-x,repeat}.scene-cloud .scene-layer.far{background-image:radial-gradient(1px 1px at 30px 40px,#fff,transparent),radial-gradient(1px 1px at 210px 26px,#cfe0ff,transparent),radial-gradient(86px 26px at 66px 58px,rgba(150,175,230,.32),rgba(150,175,230,0) 72%),radial-gradient(104px 30px at 226px 104px,rgba(140,165,220,.26),rgba(140,165,220,0) 72%)}.scene-cloud .scene-layer.mid{background-image:radial-gradient(74px 22px at 44px 126px,rgba(176,198,244,.4),rgba(176,198,244,0) 72%),radial-gradient(58px 18px at 178px 44px,rgba(160,186,240,.34),rgba(160,186,240,0) 72%)}.scene-cloud .scene-layer.near{background-image:radial-gradient(46px 14px at 104px 170px,rgba(206,222,255,.5),rgba(206,222,255,0) 72%),radial-gradient(34px 10px at 22px 78px,rgba(190,210,250,.42),rgba(190,210,250,0) 72%)}.scene-cloud .scene-ground{height:54px;background-image:radial-gradient(64px 26px at 34px 22px,rgba(150,170,215,.55),rgba(150,170,215,0) 74%),linear-gradient(0deg,#2b3763 52%,rgba(43,55,99,0))}.scene-space{background:linear-gradient(#03040f,#0a1030 55%,#121b45)}.scene-space .scene-layer.far{background-image:radial-gradient(1px 1px at 30px 40px,#fff,transparent),radial-gradient(1px 1px at 130px 100px,#cfe0ff,transparent),radial-gradient(1px 1px at 210px 26px,#fff,transparent),radial-gradient(1px 1px at 270px 160px,#b9cdff,transparent)}.scene-space .scene-layer.mid{background-image:radial-gradient(2px 2px at 60px 70px,#fff,transparent),radial-gradient(2px 2px at 190px 140px,#ffe9b0,transparent)}.scene-space .scene-layer.near{background-image:radial-gradient(3px 3px at 90px 30px,#fff,transparent),radial-gradient(2px 2px at 20px 180px,#a8ffe6,transparent)}.scene-space:before{left:30%;top:16px;width:92px;height:92px;background:radial-gradient(circle at 36% 32%,#8fa8ff 0 40%,#4257b4 41% 70%,#2a3576 71% 100%);box-shadow:0 0 26px rgba(120,150,255,.35)}.scene-space .scene-ground{height:70px;background-image:radial-gradient(70px 26px at 40px 44px,rgba(120,150,255,.22),rgba(120,150,255,0) 74%),linear-gradient(0deg,rgba(60,90,200,.18),rgba(60,90,200,0))}.fighter{position:absolute;bottom:24px;line-height:0}.fighter.player{left:20px}.fighter.enemy{right:20px}.fighter img{animation:idle-float 2.8s ease-in-out infinite}.fighter.enemy img{animation-duration:3.6s;animation-delay:-1.3s}@keyframes idle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.fighter.enemy.hit{animation:enemy-hit .4s ease}@keyframes enemy-hit{0%{transform:none;filter:none}15%{transform:translateX(16px);filter:brightness(3) saturate(0)}45%{transform:translateX(-6px)}to{transform:none;filter:none}}.fighter.enemy.attack{animation:enemy-attack .46s ease}@keyframes enemy-attack{0%{transform:none}35%{transform:translateX(-72px) scale(1.07)}58%{transform:translateX(-72px) scale(1.07)}to{transform:none}}.fighter.enemy.dead{animation:enemy-dead 1s ease forwards}@keyframes enemy-dead{0%{transform:none;opacity:1;filter:none}18%{filter:brightness(4) saturate(0)}to{transform:translateY(26px) scale(.55) rotate(14deg);opacity:0}}.fighter.player.hurt{animation:player-hurt .44s ease}@keyframes player-hurt{0%,to{transform:none;filter:none}25%{transform:translateX(-14px);filter:brightness(2) saturate(.2)}60%{transform:translateX(5px)}}.fighter.player.cheer{animation:player-cheer .7s ease}@keyframes player-cheer{0%,to{transform:none}30%{transform:translateY(-20px)}55%{transform:translateY(0)}75%{transform:translateY(-9px)}}.fighter.player.down{animation:player-down .9s ease forwards}@keyframes player-down{0%{transform:none;opacity:1}to{transform:translateY(14px) rotate(-70deg);opacity:.45}}.scene-hitflash{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle 190px at 14% 62%,rgba(255,70,45,.6),rgba(255,70,45,0) 70%),linear-gradient(90deg,rgba(255,60,40,.35),rgba(255,60,40,0) 32%);animation:hit-flash .46s ease forwards}@keyframes hit-flash{0%{opacity:0}25%{opacity:.9}to{opacity:0}}.dmg-pop{position:absolute;font-weight:800;pointer-events:none;text-shadow:1px 1px 0 rgba(0,0,0,.85),-1px 1px 0 rgba(0,0,0,.85),1px -1px 0 rgba(0,0,0,.85),-1px -1px 0 rgba(0,0,0,.85),0 3px 6px rgba(0,0,0,.5);animation:dmg-pop-up 1.15s ease forwards}.dmg-pop.enemy{right:70px;bottom:150px;font-size:28px;color:#fff}.dmg-pop.player{left:34px;bottom:118px;font-size:22px}.dmg-pop.damage.player{color:#ff7a6a}.dmg-pop.heal{color:#7ee08a}.dmg-pop.block{color:#8fc4ff}@keyframes dmg-pop-up{0%{opacity:0;transform:translateY(10px) scale(.7)}22%{opacity:1;transform:translateY(-6px) scale(1.18)}to{opacity:0;transform:translateY(-48px) scale(1)}}.boss-hud{align-items:center;gap:10px;margin-bottom:12px}.boss-hud,.hp-hearts{display:flex;flex-wrap:wrap}.hp-hearts{gap:2px;max-width:200px}.heart{width:8px;height:8px;border-radius:2px;background:var(--border)}.heart.on{background:var(--alert)}.hp-num{font-size:12px;font-weight:800;color:var(--muted)}.shield-chip{margin-left:6px;color:var(--blue)}.boss-flash{position:absolute;left:50%;top:12px;transform:translateX(-50%);background:var(--panel);border:3px solid var(--border);border-radius:10px;padding:6px 12px;font-weight:800;font-size:14px;white-space:nowrap;animation:boss-flash-in .2s ease}@keyframes boss-flash-in{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%)}}.boss-count{color:var(--muted)}.boss-count,.stage-chip{font-size:12px;font-weight:800}.stage-chip{background:var(--panel-2);border:2px solid var(--border);border-radius:999px;padding:3px 10px}.boss-tools{flex-wrap:wrap;gap:8px;margin-top:10px}.boss-tools-right{display:flex;gap:8px;margin-left:auto;flex-wrap:wrap}@media (max-width:560px){.boss-tools-right{margin-left:0;width:100%}}.speed-select{border:3px solid var(--border);border-radius:8px;padding:6px 8px;font-weight:800;background:var(--panel);color:inherit}.boss-ability-hint{margin:10px 0 0;font-size:12px;font-weight:700;color:var(--muted);text-align:left}.boss-result{text-align:center;padding:28px 16px}.boss-result h2{font-size:20px;margin:12px 0 6px}.boss-reward{font-weight:800;font-size:16px;color:var(--reward)}.boss-reward-none{font-weight:700;color:var(--muted)}.confirm-back{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}.confirm-card{background:var(--panel);border:3px solid var(--border);border-radius:12px;padding:20px;max-width:360px;text-align:center;font-weight:700}@media (max-width:560px){.boss-scene{height:190px}.boss-art.big{width:144px;height:144px}.fighter.player{left:10px}.fighter.enemy{right:10px}.dmg-pop.enemy{right:50px;bottom:120px;font-size:24px}}@media (prefers-reduced-motion:reduce){.boss-card-art img,.boss-scene,.boss-scene.quake,.dmg-pop,.fighter img,.fighter.enemy.attack,.fighter.enemy.hit,.fighter.player.cheer,.fighter.player.hurt,.scene-ground,.scene-layer{animation:none}.scene-hitflash{display:none}.fighter.enemy.dead{opacity:0}.fighter.player.down{opacity:.45}}.table-wrap.sticky-head{max-height:70vh;overflow-y:auto}.table-wrap.sticky-head thead th{position:-webkit-sticky;position:sticky;top:0;z-index:2;background:var(--panel);box-shadow:inset 0 -2px 0 var(--panel-2)}.sort-btn{display:inline-flex;align-items:center;gap:4px;background:transparent;border:none;padding:0;font-weight:800;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.sort-btn:hover{color:var(--ink)}.sort-mark{font-size:10px;opacity:.65}.boss-invite{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.boss-invite .boss-art{width:96px;height:96px;animation:idle-float 3.2s ease-in-out infinite}.boss-invite .boss-art:nth-child(2){animation-delay:-1s}.boss-invite .boss-art:nth-child(3){animation-delay:-2s}@media (prefers-reduced-motion:reduce){.boss-invite .boss-art{animation:none}}.info-card{background:var(--panel);border:3px solid var(--border);border-radius:12px;padding:20px;width:100%;max-width:420px;max-height:86vh;overflow-y:auto;text-align:left;font-weight:700}.info-lead{margin:0 0 14px;font-size:13px;line-height:1.7}.info-lead strong{color:var(--blue)}.info-h{margin:16px 0 6px;font-size:12px;color:var(--muted);letter-spacing:.04em}.info-list{list-style:none;margin:0;padding:0}.info-list li{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:6px 0;border-bottom:1px dashed var(--border);font-size:13px}.info-list li:last-child{border-bottom:none}.info-list li.current{color:var(--blue);font-weight:900}.level-right{display:flex;align-items:center;gap:8px;white-space:nowrap}.level-boss-slot{display:flex;align-items:center;justify-content:center}.level-boss,.level-boss-slot{width:48px;height:48px;flex:none}.level-boss{image-rendering:pixelated}.level-list li{align-items:center;min-height:52px}.exp-num{display:inline-block;min-width:3.4em;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.level-boss.silhouette{filter:brightness(0) opacity(.35)}.info-list li:has(.level-boss){border-bottom-style:solid}.info-pt{white-space:nowrap;font-size:15px}.info-pt.full{color:var(--reward);font-size:17px}.info-note{margin:6px 0 0;font-size:11px;line-height:1.6;color:var(--muted)}.info-plain{margin:0;padding-left:18px;font-size:12px;line-height:1.8}@media (max-width:560px){.point-pop{font-size:46px;text-shadow:0 4px 0 var(--border)}}.room-stage{position:relative;margin:0 auto;border-radius:14px;overflow:hidden;flex:0 0 auto}.room-art,.room-stage{width:288px;height:216px}.room-art{position:absolute;inset:0;image-rendering:pixelated}.room-stage .spot{position:absolute;width:96px;height:96px}.room-stage .spot.back{left:96px;top:12px}.room-stage .spot.left{left:2px;top:56px}.room-stage .spot.right{left:190px;top:56px}.room-stage .resident{position:absolute;top:120px;width:96px;height:96px;animation:idle-float 3s ease-in-out infinite}.room-stage .resident:not(.active){opacity:.8}@media (min-width:640px){.room-stage{transform:scale(2);transform-origin:top center;margin-bottom:216px}}@media (max-width:330px){.room-stage{transform:scale(.6667);transform-origin:top center;margin-bottom:-72px}}.item-card .thumb.wide{width:96px;height:72px}.board-card.hidden,.board-reply.hidden{opacity:.6}.board-body{margin:4px 0 8px;font-size:15px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.board-notice{margin:10px 0 0;font-size:12px;font-weight:700;color:var(--muted)}.board-admin-note{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13px;font-weight:800;padding:8px 10px;border-radius:8px;background:var(--panel-2);border:2px dashed var(--border)}.board-replies{margin-top:10px;padding-left:14px;border-left:4px solid var(--panel-2);display:flex;flex-direction:column;gap:10px}.board-reply{padding:8px 10px;border-radius:8px;background:var(--panel-2)}.board-reply-form textarea{font-size:14px;padding:8px 10px}.like-btn{font-weight:800;font-size:13px;padding:4px 10px;border-radius:20px;border:2px solid var(--border);background:var(--panel-2);color:var(--ink)}.like-btn.on{background:var(--pink);color:#fff}.chip.kind-request{background:var(--blue);color:#fff}.chip.kind-bug{background:var(--alert);color:#fff}.chip.kind-cheer{background:var(--reward);color:#fff}.chip.status-working{background:var(--orange);color:#fff}.chip.status-done{background:var(--ok-dark);color:#fff}.chip.status-wontfix{background:var(--muted);color:#fff}.admin-post{padding:10px 12px;border:2px solid var(--border);border-radius:10px;background:var(--panel)}.chip-x{border:none;background:transparent;color:var(--alert);font-weight:900;padding:0 2px}.stat-chips{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.stat-chips-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.stat-chips .chip{white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.name-and-char{display:flex;align-items:center;gap:16px;flex-wrap:wrap}@media (max-width:560px){.title.app-title{font-size:24px}.app-title-img{height:39px}.topbar-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));grid-gap:8px;gap:8px;width:100%}.topbar-actions>a,.topbar-actions>button{display:block}.topbar-actions button{width:100%;min-height:44px;padding:8px 6px}.topbar-actions .ghost-btn.icon-only{flex-direction:column;gap:3px;padding-left:4px;padding-right:4px}.topbar-actions .icon-only-label{display:block;font-size:10px;line-height:1.1}.status-band .name-and-char{width:100%;flex-wrap:nowrap;justify-content:space-between;padding-bottom:14px}.status-band .name-block{min-width:0}.status-band .char-hero .hungry-badge-wrap{left:auto;right:50%;justify-content:flex-end;bottom:64%}.status-band .char-hero{margin-right:8px;width:112px;height:112px}.status-band .stat-chips{width:100%;align-items:stretch}.status-band .stat-chips-row{display:grid;grid-template-columns:1fr 1fr}.status-band .stat-chips-row .info-btn{grid-column:1/-1}.status-band .stat-chips .chip{text-align:center}.level-tabs{width:100%}.level-switch.grade{display:flex;width:100%}.level-switch.grade button{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 2px;white-space:nowrap}.level-switch.grade .lv-mark{font-size:15px;line-height:1.1}}.mp-streak{display:flex;align-items:center;gap:8px 28px;flex-wrap:wrap}.mp-streak-main{display:flex;align-items:baseline;gap:8px}.mp-streak-icon{font-size:34px}.mp-streak-num{font-size:44px;line-height:1;color:var(--ink)}.mp-streak-unit{font-weight:800;font-size:16px}.mp-streak-nudge{font-weight:800;color:var(--blue);margin-bottom:4px}.mp-streak-stats{display:flex;gap:4px 18px;flex-wrap:wrap;color:var(--muted);font-weight:700;font-size:13px}.mp-streak-stats b{color:var(--ink);font-size:16px}.mp-h{font-weight:800;font-size:15px;margin-bottom:6px;display:flex;align-items:center;gap:8px}.mp-note{font-size:12px;line-height:1.6;margin:10px 0 0}.mp-empty,.mp-note{color:var(--muted);font-weight:700}.mp-empty{font-size:13px;text-align:center;padding:18px 0;margin:0}.mp-legend{display:flex;gap:6px 16px;flex-wrap:wrap;font-size:12px;font-weight:700;color:var(--muted);margin-bottom:10px}.mp-detail-item,.mp-legend-item{display:inline-flex;align-items:center;gap:5px}.mp-swatch{display:inline-block;width:10px;height:10px;border-radius:3px;flex:none}.mp-chart{display:flex;gap:8px;height:200px}.mp-yaxis{position:relative;width:26px;flex:none;font-size:11px;font-weight:700;color:var(--muted)}.mp-yaxis span{position:absolute;right:0;transform:translateY(50%);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mp-plot{position:relative;flex:1 1;min-width:0}.mp-grid{position:absolute;left:0;right:0;height:0;border-top:1px solid var(--panel-2)}.mp-grid.base{border-top-color:var(--muted)}.mp-cols{position:absolute;inset:0;display:flex;align-items:stretch}.mp-col{flex:1 1;min-width:0;display:flex;align-items:flex-end;justify-content:center;padding:0 2px;background:transparent;border:0;border-radius:6px 6px 0 0;cursor:pointer}.mp-col.selected{background:var(--panel-2)}.mp-col:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.mp-bar{display:flex;flex-direction:column-reverse;gap:2px;width:100%;max-width:26px;min-height:0}.mp-seg{display:block;flex-basis:0;min-height:3px}.mp-seg.top{border-radius:4px 4px 0 0}.mp-xaxis{display:flex;margin-left:34px;margin-top:4px;font-size:11px;font-weight:700;color:var(--muted)}.mp-xaxis span{flex:1 1;min-width:0;text-align:center;white-space:nowrap;overflow:visible;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mp-detail{display:flex;gap:4px 14px;flex-wrap:wrap;align-items:center;margin-top:12px;padding:8px 12px;background:var(--panel-2);border-radius:8px;font-size:13px;font-weight:700;color:var(--muted);min-height:38px}.mp-detail b,.mp-detail strong{color:var(--ink)}.mp-detail b{font-size:15px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mp-table-toggle{margin-top:10px;font-size:13px}.mp-table-toggle summary{cursor:pointer;font-weight:800;color:var(--muted)}.mp-rate{margin-top:14px;font-weight:700;font-size:14px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.mp-rate b{font-size:20px}.mp-rate-prev{color:var(--muted);font-size:12px}.mp-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:14px;gap:14px;align-items:start}.mp-list{list-style:none;margin:10px 0 0;padding:0;max-height:340px;overflow-y:auto}.mp-list li{padding:9px 0;border-top:1px solid var(--panel-2)}.mp-en{font-weight:800;font-size:15px;overflow-wrap:anywhere}.mp-ja{font-size:12px;margin-top:2px}.mp-ja,.mp-meta{color:var(--muted);font-weight:700}.mp-meta{display:flex;gap:4px 10px;flex-wrap:wrap;margin-top:4px;font-size:11px}.mp-typos{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));grid-gap:10px;gap:10px}.mp-typos li{display:flex;align-items:center;gap:12px;padding:10px;background:var(--panel-2);border-radius:10px}.mp-key{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 8px;flex:none;background:var(--panel);border:2px solid var(--border);border-radius:8px;box-shadow:0 3px 0 var(--border);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:800;font-size:20px;color:var(--ink)}.mp-key.wide{font-family:inherit;font-size:11px;padding:0 4px}.mp-key.small{min-width:22px;height:22px;padding:0 5px;font-size:12px;border-width:1px;box-shadow:0 2px 0 var(--border);border-radius:5px}.mp-typo-body{display:flex;flex-direction:column;gap:3px;min-width:0}.mp-typo-rate b{font-size:18px}.mp-typo-rate small{margin-left:6px}.mp-typo-rate small,.mp-typo-sub{color:var(--muted);font-weight:700}.mp-typo-sub{font-size:11px}@media (max-width:560px){.mp-chart{height:170px}.mp-col{padding:0 1px}.mp-streak-num{font-size:38px}}.wp-controls .row{gap:12px 18px}.wp-check{display:inline-flex;align-items:center;gap:6px;margin:0;font-size:13px;cursor:pointer}.wp-check input{width:18px;height:18px;margin:0}.wp-paper-area{display:flex;flex-direction:column;align-items:center;gap:18px;margin-top:16px}.wp-page{width:100%;max-width:210mm;background:#fff;color:#111;padding:12mm;border-radius:4px;box-shadow:0 2px 10px rgba(0,0,0,.25);font-size:10.5pt;line-height:1.5}.wp-head{display:flex;align-items:flex-end;justify-content:space-between;gap:6mm;flex-wrap:wrap;border-bottom:.6mm solid #111;padding-bottom:2mm}.wp-head h1{margin:0;font-size:18pt;line-height:1.2}.wp-head-meta{display:flex;gap:6mm;font-size:10pt;font-weight:700}.wp-how{margin:3mm 0 4mm;font-size:9pt;color:#444}.wp-list,.wp-test{list-style:none;margin:0;padding:0}.wp-list li{display:flex;align-items:flex-start;gap:3mm;padding:2.6mm 1mm;border-bottom:.2mm solid #999;page-break-inside:avoid;break-inside:avoid}.wp-no{flex:none;width:7mm;height:7mm;border:.4mm solid #111;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:9.5pt;font-weight:800;line-height:1}.wp-body{flex:1 1;min-width:0}.wp-en{font-size:14pt;font-weight:700;line-height:1.35;overflow-wrap:anywhere}.wp-ja{margin-top:.8mm;font-size:9.5pt;color:#333}.wp-tag{display:inline-block;margin-right:2mm;padding:0 1.5mm;border:.3mm solid #555;border-radius:1mm;font-size:8pt;font-weight:700}.wp-answer{margin-left:3mm;font-weight:800;color:#111}.wp-boxes{flex:none;display:inline-flex;gap:1.5mm;padding-top:1mm}.wp-boxes i{display:block;width:5mm;height:5mm;border:.4mm solid #111;border-radius:.8mm}.wp-test li{padding:1mm 0 .5mm;page-break-inside:avoid;break-inside:avoid}.wp-test-q{display:flex;align-items:center;gap:3mm;padding-left:1mm;font-size:10.5pt;font-weight:700;margin-bottom:1.5mm}.wp-staff{border-top:.2mm solid #7a8a99;margin-bottom:2mm;page-break-inside:avoid;break-inside:avoid}.wp-staff div{height:4mm;border-bottom:.2mm solid #7a8a99}.wp-staff div.base{border-bottom:.45mm solid #d2554d}.wp-foot{margin-top:2mm;text-align:right;font-size:8pt;color:#666}.wp-list.compact li{padding:1.6mm 1mm;gap:2.5mm}.wp-list.compact .wp-no{width:6mm;height:6mm;font-size:8.5pt}.wp-list.compact.wide-no .wp-no{width:9.5mm;border-radius:3mm;font-size:8pt;letter-spacing:-.2pt}.wp-list.compact .wp-en{font-size:12pt}.wp-list.compact .wp-ja{margin-top:.4mm;font-size:9pt}.tl-answer-line{margin-top:1.2mm;padding-left:4mm}.tl-sub{margin-left:3mm;font-size:10.5pt;font-weight:700;color:#444}@page{size:A4 portrait;margin:12mm}@media print{body,html{background:#fff!important;background-image:none!important;min-height:0!important}.no-print{display:none!important}.wp-wrap{max-width:none;margin:0;padding:0}.wp-paper-area{display:block;margin:0}.wp-page{max-width:none;width:auto;padding:0;border-radius:0;box-shadow:none;page-break-after:always;break-after:page}.wp-page:last-child{page-break-after:auto;break-after:auto}}.boss-theme-box{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%}.boss-theme-list{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.boss-theme-chip{font-size:12px;font-weight:800;line-height:1.5;padding:3px 8px;border-radius:999px;border:2px solid var(--border);background:var(--panel-2);color:var(--ink);text-decoration:none}.boss-theme-chip:hover{background:var(--panel)}.boss-theme-all{font-size:12px;font-weight:800;color:var(--reward)}.info-card.cal-card{max-width:480px}.cal-open-btn{display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;background:transparent;border:0;transition:filter .12s ease}.cal-open-btn img{display:block;width:28px;height:28px}.cal-open-btn:hover img{filter:brightness(1.08)}.cal-open-btn:active img{transform:translateY(1px)}.cal-open-btn:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:8px}.cal-head{display:flex;align-items:center;gap:8px;margin-bottom:12px}.cal-title{flex:1 1;min-width:0;text-align:center}.cal-month{display:block;font-weight:800;font-size:17px}.cal-title small{display:block;margin-top:2px;font-size:11px;font-weight:700;color:var(--muted)}.cal-nav{flex:none;width:44px;height:44px;font-size:22px;font-weight:800;line-height:1;background:var(--panel-2);color:var(--ink);border:2px solid var(--border);border-radius:999px}.cal-nav:disabled{opacity:.35;cursor:not-allowed}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:3px;gap:3px}.cal-wd{margin-bottom:3px;font-size:11px;font-weight:800;text-align:center;color:var(--muted)}.cal-cell.sun .cal-d,.cal-wd .sun{color:var(--alert)}.cal-cell.sat .cal-d,.cal-wd .sat{color:var(--go)}.cal-cell{position:relative;min-height:48px;padding:2px 3px 3px;border:1px solid var(--panel-2);border-radius:6px;text-align:center;overflow:hidden}.cal-cell.out{opacity:.3}.cal-cell.done{background:var(--guide-bg);border-color:var(--guide-line)}.cal-cell.today{border:2px solid var(--blue)}.cal-d{display:block;font-size:11px;font-weight:800;line-height:1.3;color:var(--ink)}.cal-star{display:block;font-size:14px;line-height:1.1}.cal-pt{display:block;margin:1px auto 0;padding:0 4px;max-width:100%;font-size:10px;font-weight:800;line-height:1.5;border-radius:999px;background:var(--exp-total);color:#fff;overflow-wrap:anywhere}.cal-cell.done .cal-d{color:var(--guide-ink)}.cal-note{margin:12px 0 0;font-size:11px;font-weight:700;color:var(--muted)}@media (max-width:420px){.info-card.cal-card{padding:14px}.cal-cell{min-height:44px;padding:2px 1px 3px}.cal-grid{gap:2px}}:root{--kb-index:#cfe9f7;--kb-mid:#d8efcf;--kb-ring:#f7ecc4;--kb-pinky:#f7d9e4;--kb-thumb:#e3e8ef;--kb-key:42px}@media (prefers-color-scheme:dark){:root{--kb-index:#2b4a63;--kb-mid:#2f4a2a;--kb-ring:#56492a;--kb-pinky:#5a3046;--kb-thumb:#333a4d}}.diff-panel{position:relative;justify-content:space-between;gap:10px 18px;flex-wrap:wrap;padding:10px 16px;margin-bottom:14px}.diff-item,.diff-panel{display:flex;align-items:center}.diff-item{gap:8px;flex-wrap:nowrap}.diff-switch-wrap{position:relative;display:inline-flex}.diff-switch-wrap .exp-tag{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%)}.diff-row{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.diff-label{font-size:12px}.diff-label,.exp-tag{font-weight:800;white-space:nowrap}.exp-tag{font-size:10px;padding:1px 6px;border-radius:6px;background:var(--reward-bg);color:var(--reward-ink);border:2px solid var(--reward-line)}.exp-tag.down{background:var(--panel-2);color:var(--muted);border-color:var(--border)}.diff-panel.tags{padding-bottom:28px}.diff-note{position:absolute;left:50%;bottom:-11px;transform:translateX(-50%);z-index:2;padding:2px 12px;border:2px solid var(--orange);border-radius:999px;background:var(--panel);color:var(--orange);font-size:11px;font-weight:800;white-space:nowrap;box-shadow:0 2px 0 color-mix(in srgb,var(--orange) 45%,transparent);opacity:0;pointer-events:none;transition:opacity .15s}.diff-note.show{opacity:1}.diff-panel.locked .level-switch{opacity:.55}@media (prefers-reduced-motion:reduce){.diff-note{transition:none}}.kb{flex-direction:column;align-items:flex-start;width:max-content;max-width:100%;margin:4px auto 12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.kb,.kb-row{display:flex;gap:4px}.kb-row{justify-content:flex-start}.kb-key,.kb-pad{flex:none}.kb-key{position:relative;width:var(--kb-key);height:var(--kb-key);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:2px solid var(--border);border-radius:7px;box-shadow:0 2px 0 var(--border);background:var(--kb-thumb);color:var(--ink);font-size:14px;font-weight:800;line-height:1}.kb-key.f-index{background:var(--kb-index)}.kb-key.f-mid{background:var(--kb-mid)}.kb-key.f-ring{background:var(--kb-ring)}.kb-key.f-pinky{background:var(--kb-pinky)}.kb-key.f-thumb{background:var(--kb-thumb)}.kb-up{opacity:.75}.kb-name,.kb-up{font-size:9px}.kb-key.home:after{content:"";position:absolute;bottom:5px;width:12px;height:2px;border-radius:2px;background:var(--ink);opacity:.55}.kb-key.now{background:var(--go);color:#fff;border-color:var(--go-dark);box-shadow:0 0 0 3px color-mix(in srgb,var(--go) 40%,transparent),0 2px 0 var(--go-dark)}.kb-key.now .kb-up{opacity:.95}.kb-key.now.home:after{background:#fff}.kb-key.shift-now{background:var(--reward-bg);color:var(--reward-ink);border-color:var(--reward-line);box-shadow:0 0 0 3px color-mix(in srgb,var(--reward-line) 45%,transparent),0 2px 0 var(--reward-line)}@media (max-width:900px){:root{--kb-key:34px}.kb-key{font-size:12px}}@media (max-width:699px){.kb{display:none}}.btn-groups{gap:40px}.btn-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hint-btn{font-weight:800;font-size:13px;background:transparent;border:2px solid;border-radius:8px;padding:8px 14px}.hint-btn.ja{color:var(--orange);border-color:var(--orange)}.hint-btn.en{color:var(--clil);border-color:var(--clil)}.qbar-row{display:flex;align-items:center;gap:12px;margin:0 0 14px}.qbar-row .qbar{margin:0}.hint-warn{font-size:12px;font-weight:800;color:var(--orange);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s}.hint-warn.show{opacity:1}@media (hover:none){.hint-warn{display:none}}@media (max-width:560px){.hint-warn{display:none}.btn-groups{gap:16px}}@media (prefers-reduced-motion:reduce){.hint-warn{transition:none}}.battle-rules{margin:0 0 14px;padding-left:20px;font-weight:700;line-height:1.8;color:var(--muted)}.battle-label{display:block;font-weight:800;font-size:13px;margin-bottom:6px}.battle-code{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.battle-code input{flex:1 1 200px;min-width:0}.battle-search{text-align:center;font-weight:700}.battle-search .big{font-size:18px;font-weight:800;margin:4px 0 8px}.battle-search .muted,.confirm-card .muted{color:var(--muted)}.battle-level{display:inline-flex}.battle-board-head,.battle-level{gap:8px;align-items:center;font-weight:800}.battle-board-head{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);margin-bottom:8px}.battle-board{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px}.battle-player{text-align:center;padding:6px 4px;border-radius:10px;background:hsla(0,0%,50%,.08)}.battle-player .name{font-weight:800;font-size:14px;overflow-wrap:anywhere}.battle-player .score{font-size:36px;font-weight:900;line-height:1.1}.battle-player .tags{min-height:18px}.battle-player.me .score{color:var(--go)}.battle-player.left{opacity:.45}.battle-offline{color:var(--alert);font-size:12px}.battle-count{font-size:56px;font-weight:900;text-align:center;color:var(--go);line-height:1.2;margin-bottom:6px}.battle-timer{height:10px;border-radius:6px;background:hsla(0,0%,50%,.25);overflow:hidden;margin:4px 0 12px}.battle-timer>span{display:block;height:100%;background:var(--ok);transition:width .1s linear}.battle-timer.low>span{background:var(--alert)}.battle-progress{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:800;margin-top:12px}.battle-progress-row{display:grid;grid-template-columns:minmax(64px,30%) 1fr;grid-gap:10px;gap:10px;align-items:center}.battle-progress-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.battle-progress .bar{height:8px;border-radius:5px;background:hsla(0,0%,50%,.25);overflow:hidden}.battle-progress .bar>span{display:block;height:100%;background:var(--go);transition:width .15s ease-out}.battle-progress .bar.opp>span{background:var(--pink)}.battle-reveal{font-size:13px;color:var(--orange);margin:0 0 6px}.battle-japanese,.battle-reveal{text-align:center;font-weight:800}.battle-japanese{font-size:16px;margin:0 0 8px;overflow-wrap:anywhere}.battle-wait{text-align:center;font-weight:800;margin:12px 0 0}.battle-answer{font-size:18px;font-weight:800;margin:0 0 4px;overflow-wrap:anywhere}.battle-results{width:100%;border-collapse:collapse;font-weight:700;font-size:14px}.battle-results td,.battle-results th{padding:6px 4px;border-bottom:1px solid hsla(0,0%,50%,.35);text-align:center}.battle-results th{font-size:12px;color:var(--muted)}.battle-results td.who{text-align:left;overflow-wrap:anywhere}.battle-results td.pt{font-weight:900}.battle-results td.gain{font-weight:900;color:var(--go)}.battle-final,.battle-results tr.won td.pt,.battle-results tr.won td.who{color:var(--reward)}.battle-final{font-size:22px;font-weight:900;margin:6px 0}.battle-record{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));grid-gap:8px;gap:8px;text-align:center}.battle-record .num{font-size:24px;font-weight:900}.battle-record .label{font-size:12px;font-weight:700;color:var(--muted)}.battle-recent{list-style:none;padding:0;margin:12px 0 0;font-weight:700;font-size:14px}.battle-recent li{display:flex;gap:10px;align-items:center;padding:4px 0;border-top:1px solid hsla(0,0%,50%,.25)}.battle-recent .win{color:var(--reward);font-weight:900}.battle-recent .lose{color:var(--muted);font-weight:900}.battle-recent .date{color:var(--muted);font-size:12px;min-width:36px}.battle-recent .vs{color:var(--muted);overflow-wrap:anywhere}.battle-range{border:2px dashed hsla(0,0%,50%,.45);border-radius:12px;padding:10px 12px;margin:4px auto 14px;max-width:520px;text-align:left;font-weight:700}.battle-range-title{font-weight:900;margin:0 0 6px}.battle-themes{display:flex;flex-wrap:wrap;gap:6px}.battle-theme{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:2px solid hsla(0,0%,50%,.35);border-radius:999px;font-size:13px;font-weight:800;cursor:pointer}.battle-theme.on{border-color:var(--go);color:var(--go)}.battle-theme input{margin:0}.battle-theme small{color:var(--muted);font-weight:700}.battle-members{list-style:none;padding:0;margin:10px auto 14px;max-width:320px;font-weight:800}.battle-members li{padding:6px 0;border-bottom:1px solid hsla(0,0%,50%,.25)}.battle-members li.offline{opacity:.55}.battle-room-card{border:2px solid var(--border);border-radius:12px;padding:12px;margin:8px auto;max-width:360px}.battle-ranking{list-style:none;padding:0;margin:6px auto 12px;max-width:320px;font-weight:800}.battle-ranking li{display:grid;grid-template-columns:48px 1fr auto;grid-gap:8px;gap:8px;padding:6px 0;border-bottom:1px solid hsla(0,0%,50%,.25);text-align:left}.battle-ranking li.me{color:var(--go)}.battle-ranking .rank{color:var(--reward)}@media (max-width:560px){.battle-player .score{font-size:28px}.battle-results{font-size:13px}}