:root{--ground: #14161a;--card: #fbfaf6;--ink: #1c1a17;--muted: #6f6c63;--accent: #1f5c8c;--accent-soft: #e9f0f5;--gold: #d9a441;--gold-soft: #fbf3df;--sienna: #a0522d;--line: rgba(0, 0, 0, .08);--display: "Fraunces", Georgia, serif;--read: "Newsreader", Georgia, serif;--mono: "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{background:var(--ground);color:var(--ink);font-family:var(--read);display:flex;justify-content:center;align-items:stretch;overflow:hidden}@media(max-width:480px){html,body{background:var(--card)}}app-root,app-feed,app-login{display:contents}#app{width:100%;max-width:480px;height:100dvh;background:var(--card);position:relative;display:flex;flex-direction:column;box-shadow:0 0 60px #0006}.bar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:14px 18px 10px;border-bottom:1px solid var(--line)}.brand{font-family:var(--mono);font-size:12px;letter-spacing:.14em;color:var(--muted);text-transform:uppercase}.brand b{color:var(--ink)}.right{display:flex;align-items:center;gap:10px}.count{font-family:var(--mono);font-size:12px;color:var(--accent);cursor:pointer;appearance:none;background:none;border:0;padding:0;font-weight:inherit;line-height:inherit}.lang{font-family:var(--mono);font-size:11px;letter-spacing:.06em;border:1px solid var(--line);border-radius:999px;background:none;color:var(--muted);padding:5px 9px;cursor:pointer}.lang:active{background:var(--accent-soft)}.stage{flex:1 1 auto;position:relative;overflow:hidden}.card{position:absolute;inset:0;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;will-change:transform,opacity}.card::-webkit-scrollbar{display:none}.card.enter{animation:rise .42s cubic-bezier(.2,.7,.2,1)}@keyframes rise{0%{transform:translateY(34px);opacity:0}to{transform:translateY(0);opacity:1}}.hero{position:relative;width:100%;aspect-ratio:16/10;flex:0 0 auto;background:#23262c center/cover no-repeat}.hero.no-img{aspect-ratio:auto;height:14px}.hero .tint{position:absolute;inset:0;background:linear-gradient(180deg,#14161a00 55%,#14161a80)}.meta{position:relative;font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--muted);padding:14px 22px 0;text-transform:uppercase;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.src{display:inline-flex;align-items:center;gap:5px;color:var(--src, var(--accent));font-weight:500}.meta .dot{opacity:.4}.meta .views{color:var(--accent)}.title{font-family:var(--display);font-weight:600;line-height:1.04;font-size:clamp(28px,7.5vw,38px);letter-spacing:-.01em;padding:8px 22px 0}.extract{font-family:var(--read);font-size:18px;line-height:1.55;color:#34312b;padding:16px 22px 30px}.actions{flex:0 0 auto;display:flex;gap:10px;align-items:center;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--card)}.btn{font-family:var(--mono);font-size:13px;letter-spacing:.03em;border:1px solid var(--line);background:none;color:var(--ink);padding:13px 14px;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px}.btn:active{transform:translateY(1px)}.btn.ghost{flex:0 0 auto}.btn.open{flex:0 0 auto;color:var(--accent);border-color:var(--accent-soft)}.btn.next{flex:1 1 auto;background:var(--ink);color:var(--card);border-color:var(--ink);font-weight:500}.btn.saved{color:var(--accent);border-color:var(--accent)}.state{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:40px}.spin{width:30px;height:30px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:sp .8s linear infinite}@keyframes sp{to{transform:rotate(360deg)}}.state p{font-family:var(--mono);font-size:12px;color:var(--muted);letter-spacing:.04em;max-width:300px;line-height:1.6}.drawer{position:absolute;inset:0;background:var(--card);z-index:5;transform:translateY(100%);transition:transform .3s cubic-bezier(.2,.7,.2,1);display:flex;flex-direction:column}.drawer.open{transform:translateY(0)}.drawer h2{font-family:var(--display);font-weight:600;font-size:24px;padding:18px 22px 6px}.drawer .sub{font-family:var(--mono);font-size:11px;color:var(--muted);padding:0 22px 12px;letter-spacing:.05em;text-transform:uppercase}.list{flex:1;overflow-y:auto;padding:0 14px 20px}.item{display:flex;gap:12px;padding:12px;border-bottom:1px solid var(--line);text-decoration:none;color:inherit}.item img{width:54px;height:54px;border-radius:10px;object-fit:cover;background:#ddd;flex:0 0 auto}.item .t{font-family:var(--display);font-weight:600;font-size:17px;line-height:1.15}.item .d{font-family:var(--read);font-size:13px;color:var(--muted);margin-top:3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.empty{font-family:var(--mono);font-size:12px;color:var(--muted);text-align:center;padding:40px;letter-spacing:.04em}@media(prefers-reduced-motion:reduce){.card.enter{animation:none}.drawer{transition:none}}.challenge{padding-bottom:24px}.challenge .meta{padding-top:22px}.level{display:inline-flex;gap:3px}.level i{width:6px;height:6px;border-radius:50%;background:var(--line)}.level i.on{background:var(--src, var(--accent))}.again{color:#b5452b}.prompt{padding-top:14px}.prompt.math{font-family:var(--mono);font-weight:500;font-size:clamp(24px,7.4vw,38px);letter-spacing:0;white-space:pre}.prompt.small{font-size:clamp(22px,6vw,28px)}.hint{font-family:var(--mono);font-size:11px;letter-spacing:.05em;color:var(--muted);text-transform:uppercase;padding:8px 22px 0}.choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:22px}.choices.list{grid-template-columns:1fr}.choice{font-family:var(--mono);font-size:20px;color:var(--ink);background:none;border:1px solid var(--line);border-radius:14px;padding:18px 12px;cursor:pointer;transition:background .15s,border-color .15s,opacity .15s}.choices.list .choice{font-family:var(--read);font-size:17px;line-height:1.35;text-align:left;padding:14px 16px}.choices.list.mono .choice{font-family:var(--mono)}.choice:not(:disabled):active{background:var(--accent-soft)}.choice:disabled{cursor:default}.choice.right{background:#e6f2ea;border-color:#2f7a4f;color:#1d4d31}.choice.wrong{background:#f8e6e1;border-color:#b5452b;color:#7a2a17}.choice.dim{opacity:.45}.verdict{margin:0 22px;padding:12px 14px;border-radius:12px;font-family:var(--mono);font-size:13px;line-height:1.5;background:#f8e6e1;color:#7a2a17;animation:rise .25s ease-out}.verdict.ok{background:#e6f2ea;color:#1d4d31}.btn.next.quiet{background:none;color:var(--muted);border-color:var(--line)}.score{color:#2f7a4f}.board-wrap{padding:18px 22px}.board{display:grid;grid-template-columns:repeat(8,1fr);aspect-ratio:1;border-radius:6px;overflow:hidden;box-shadow:0 1px 0 var(--line)}.sq{position:relative;border:0;padding:0;background:#efe6d2;display:flex;align-items:center;justify-content:center;cursor:pointer;aspect-ratio:1}.sq.dark{background:#b58d63}.sq.last{background:#e2d37a}.sq.dark.last{background:#bfa94f}.sq.sel{background:#9cc3a4}.sq.bad{background:#d97762}.board.locked .sq{cursor:default}.pc{font-size:min(9vw,40px);line-height:1;color:#1c1a17;pointer-events:none;-webkit-user-select:none;user-select:none}.pc.w{color:#fbfaf6;text-shadow:0 0 1px #1c1a17,0 0 1px #1c1a17,0 0 2px #1c1a17}.tgt{position:absolute;width:28%;height:28%;border-radius:50%;background:#1c1a1747;pointer-events:none}.tgt.cap{width:88%;height:88%;background:none;border:4px solid rgba(28,26,23,.28)}.solution{font-family:var(--mono);font-size:13px;color:var(--muted);padding-top:12px}.solution b{color:var(--ink)}.login{margin:auto 0;padding:32px 22px;display:flex;flex-direction:column;gap:16px}.login .title{padding:0 0 8px}.login label{display:flex;flex-direction:column;gap:6px}.login label span{font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--muted);text-transform:uppercase}.login input{font-family:var(--read);font-size:18px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink)}.login input:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.login .error{font-family:var(--mono);font-size:12px;color:#b5452b}.login .btn{margin-top:8px}.login .btn:disabled{opacity:.5}.count{white-space:nowrap}@media(max-width:440px){.bar .tagline{display:none}}.bar{gap:12px}.hud{display:flex;align-items:center;gap:8px;text-decoration:none;font-family:var(--mono);font-size:12px;white-space:nowrap}.streak{color:#b5452b}.streak.off{filter:grayscale(1);opacity:.55}.xp{color:#2f7a4f}.verdict .earned{font-weight:500;margin-left:6px}.verdict .unlocked{display:block;margin-top:4px;color:#4a3f8a}a.lang{text-decoration:none;line-height:1}@media(max-width:440px){.bar .brand.feed-brand{display:none}}app-army,app-stats{display:contents}.page{flex:1 1 auto;position:relative;overflow-y:auto;padding:16px 16px calc(24px + env(safe-area-inset-bottom))}.page .sub{font-family:var(--mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);padding:0 4px 12px}.hurt{color:#b5452b}.army{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.unit{display:flex;flex-direction:column;gap:8px;text-align:left;padding:12px;border:1px solid var(--line);border-left:4px solid #b9b5aa;border-radius:12px;background:#fff;color:var(--ink);font-family:var(--mono);font-size:11px;cursor:default}.unit.rare{border-left-color:#1f5c8c}.unit.epic{border-left-color:#7a4fc0}.unit.wounded{cursor:pointer;background:#fdf3f0;border-color:#f0c9bd}.unit.wounded:active{transform:translateY(1px)}.u-top{display:flex;justify-content:space-between;align-items:center}.u-icon{font-size:26px;line-height:1}.u-lv{letter-spacing:.06em;color:var(--muted)}.u-label{font-family:var(--read);font-size:15px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hp{display:block;height:6px;border-radius:3px;background:var(--line);overflow:hidden}.hp i{display:block;height:100%;border-radius:3px;background:#2f7a4f}.unit.wounded .hp i{background:#b5452b}.u-meta{display:flex;justify-content:space-between;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px}.unit.wounded .u-meta span:last-child{color:#b5452b}.drawer .stage{flex:1 1 auto}.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.tile{display:flex;flex-direction:column;gap:2px;padding:12px 10px;border:1px solid var(--line);border-radius:12px}.tile b{font-family:var(--display);font-size:24px;font-weight:600}.tile span{font-family:var(--mono);font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.readout{font-family:var(--mono);font-size:11px;color:var(--muted);padding:16px 2px 4px;min-height:2.6em}.readout b{color:var(--ink);font-weight:500}.chart{padding-top:14px}.chart h3{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;display:flex;justify-content:space-between;padding-bottom:8px}.chart h3 span{color:var(--muted)}.bars{display:flex;align-items:flex-end;gap:2px;height:110px;border-bottom:1px solid var(--line)}.col{flex:1 1 0;height:100%;display:flex;align-items:flex-end;background:none;border:0;padding:0;cursor:pointer}.col i{display:block;width:100%;background:var(--accent);border-radius:4px 4px 0 0;min-height:0}.col i.zero{height:0!important}.col.on i{background:var(--ink)}.axis{display:flex;justify-content:space-between;font-family:var(--mono);font-size:10px;color:var(--muted);padding-top:4px}.table{margin-top:20px;font-family:var(--mono);font-size:11px}.table summary{cursor:pointer;color:var(--accent);padding:4px 0}.table table{width:100%;border-collapse:collapse;margin-top:8px}.table th,.table td{text-align:right;padding:5px 4px;border-bottom:1px solid var(--line)}.table th:first-child,.table td:first-child{text-align:left}.table th{color:var(--muted);font-weight:500}.update{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:20;display:flex;align-items:center;gap:10px;white-space:nowrap;font-family:var(--mono);font-size:12px;background:var(--ink);color:var(--card);padding:8px 8px 8px 14px;border-radius:999px;box-shadow:0 4px 18px #0000004d}.update button{font:inherit;background:var(--card);color:var(--ink);border:0;border-radius:999px;padding:6px 10px;cursor:pointer}.bar{padding-top:calc(14px + env(safe-area-inset-top))}.page .sub .tier{margin-left:6px}.page .sub a.hurt{text-decoration:none}.mode{display:flex;flex-direction:column;gap:12px;padding:16px;margin-bottom:16px;border:1px solid var(--line);border-radius:16px}.mode h2{font-family:var(--display);font-size:24px;margin:0}.mode p{font-family:var(--read);margin:0;color:var(--muted)}.mode a.btn{text-decoration:none}.arena{flex:1 1 auto;min-height:0;position:relative;touch-action:none;user-select:none;-webkit-user-select:none}.arena canvas{display:block}.lang.skip{color:var(--card);background:var(--ink);border-color:var(--ink)}.arena-panel{position:absolute;inset:57px 0 0;overflow-y:auto;padding:16px 16px calc(24px + env(safe-area-inset-bottom));background:var(--card);display:flex;flex-direction:column;gap:12px}.arena-panel.short{inset:auto 0 0;border-top:1px solid var(--line);border-radius:16px 16px 0 0}.arena-panel h3{font-family:var(--display);font-size:22px;margin:0}.arena-panel h3 span,.how{font-family:var(--read);font-size:15px;font-weight:400;color:var(--muted);margin:0}.arena-panel .sub{font-family:var(--mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin:0}.arena-panel .sub.hurt,.arena-panel .sub.hurt a{color:#b03a2e}.arena-panel .row{display:flex;gap:8px}.arena-panel .row .btn{flex:1;text-align:center;text-decoration:none}.pets{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.pet{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:none;font-family:var(--mono);font-size:13px;color:var(--ink);text-align:left;cursor:pointer}.pet small{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.pet.on{border:2px solid var(--accent);background:var(--accent-soft)}.pet.wounded small:after{content:" \b7  wounded";color:#b03a2e}.skills{display:flex;flex-direction:column;gap:8px;padding:0 16px}.skill{display:grid;grid-template-columns:1fr auto;gap:4px 8px;padding:14px;border:1px solid var(--line);border-radius:12px;background:none;text-align:left;font-family:var(--mono);color:var(--ink);cursor:pointer}.skill b{font-family:var(--display);font-size:18px}.skill span{font-size:11px;color:var(--accent);align-self:center}.skill small{grid-column:1 / -1;font-family:var(--read);font-size:14px;color:var(--muted)}.skill:active{background:var(--accent-soft)}.skill.evo{border:2px solid var(--gold);background:var(--gold-soft)}.skill.evo:active{background:var(--accent-soft)}.skill.evo span:after{content:" \b7  evolution"}.recap{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:4px 16px;font-family:var(--read);font-size:15px}.recap li{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid var(--line);padding:4px 0}.recap b{font-family:var(--mono);font-size:13px}.recap li.evo span{color:var(--sienna)}