:root{--bg:#1e1e1e;--surface:#2a2a2a;--surface-2:#242424;--border:#3a3a3a;--border-light:#4a4a4a;--text:#ccc;--text-secondary:#888;--text-muted:#666;--accent:#3d5a80;--accent-hover:#3d6a9a;--success:#5a9e5a;--danger:#c0564b;--warning:#c99a3a;color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{overscroll-behavior:none;width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{background-color:var(--bg);color:var(--text);-webkit-user-select:none;user-select:none}input,textarea,[contenteditable=true],.selectable{-webkit-user-select:text;user-select:text}a{color:var(--accent-hover);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{white-space:nowrap;margin:0;font-weight:600}button{color:var(--text);background-color:var(--surface);border:1px solid var(--border-light);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;white-space:nowrap;text-overflow:ellipsis;border-radius:4px;justify-content:center;align-items:center;max-width:100%;padding:.5rem .9rem;font-family:inherit;font-size:.9rem;transition:background-color .12s,border-color .12s,transform .1s;display:inline-flex;overflow:hidden}button p,button .allow-wrap{white-space:normal;text-overflow:clip;overflow:visible}button:hover:not(:disabled){background-color:var(--border)}button:active:not(:disabled){background-color:var(--border-light);transform:scale(.97)}button.card{transition:transform .12s,border-color .15s,background-color .12s}button.card:hover:not(:disabled){background-color:var(--surface);border-color:#d9a94a73}button.card:active:not(:disabled){background-color:var(--surface);transform:scale(.985)}button:disabled{opacity:.45;cursor:default}button.primary{background-color:var(--accent);border-color:var(--accent)}button.primary:hover:not(:disabled){background-color:var(--accent-hover)}button.pill-icon:hover:not(:disabled),button.pill-icon:active:not(:disabled){color:var(--text);background-color:#0000}button.danger{border-color:var(--danger);color:#e0897f}button.danger:hover:not(:disabled){background-color:#3a2826}input[type=text],input[type=number],select{color:var(--text);background-color:var(--surface-2);border:1px solid var(--border-light);border-radius:4px;outline:none;padding:.5rem .7rem;font-family:inherit;font-size:.9rem}input[type=text]:focus,input[type=number]:focus,select:focus{border-color:var(--accent-hover)}input[type=number]::-webkit-inner-spin-button{filter:invert(.8);opacity:.5}input[type=number]::-webkit-outer-spin-button{filter:invert(.8);opacity:.5}.page{max-width:1200px;margin:0 auto;padding:1.5rem}@media (width<=820px){.page{padding:.75rem}}.row{gap:1rem;display:flex}.col{flex-direction:column;gap:1rem;display:flex}.card{background-color:var(--surface);border:1px solid var(--border);border-radius:6px;padding:1rem}.muted{color:var(--text-secondary)}.scrollbar::-webkit-scrollbar{width:10px}.scrollbar::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:5px}@keyframes dlgFade{0%{opacity:0}to{opacity:1}}@keyframes dlgPop{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bannerPop{0%{opacity:0;transform:translate(-50%)translateY(-8px)scale(.85)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.banner-pop{animation:.28s cubic-bezier(.34,1.56,.64,1) both bannerPop}@keyframes overlayPop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.overlay-pop{animation:.24s cubic-bezier(.34,1.56,.64,1) both overlayPop}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:.22s both fadeUp}@keyframes confettiFall{0%{opacity:1;transform:translate(0)rotate(0)}85%{opacity:1}to{transform:translate(var(--drift), 78vh) rotate(var(--spin));opacity:0}}@keyframes quizRight{0%{transform:scale(1)}40%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes quizWrong{0%,to{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}}.quiz-right{animation:.3s quizRight}.quiz-wrong{animation:.32s quizWrong}.m-tabbar{-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);background:#202020f5;flex:none;display:flex}.m-tab{color:var(--text-secondary);letter-spacing:.02em;background:0 0;border:none;border-radius:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:.4rem 0 .45rem;font-size:.6rem;font-weight:600;display:flex}.m-tab:hover:not(:disabled),.m-tab:active:not(:disabled){background:0 0;transform:none}.m-tab .m-tab-icon{font-size:1.35rem;line-height:1.15;transition:transform .15s}.m-tab.active{color:#d9a94a}.m-tab.active .m-tab-icon{transform:translateY(-1px)scale(1.12)}:root{--brass:#c8a45c;--brass-dark:#8f7439;--cream:#e9e2d0;--ink:#17181a;--font-display:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif}.pnp-display{font-family:var(--font-display);letter-spacing:0}.lp-brand-grad{color:var(--brass);font-style:italic;font-family:var(--font-display)}@keyframes lpFadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.lp-reveal{animation:.7s cubic-bezier(.16,1,.3,1) both lpFadeUp}.lp-video{background:#0f1113;border:1px solid #3d3f42;border-radius:3px;width:100%;display:block;box-shadow:6px 6px #00000073}.lp-cta{background:var(--brass);color:var(--ink);font-weight:750;font-family:var(--font-display);border:1px solid var(--brass-dark);cursor:pointer;box-shadow:3px 3px 0 0 var(--brass-dark);border-radius:3px;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.6rem;font-size:1rem;transition:transform .1s,box-shadow .1s;display:inline-flex}.lp-cta:hover{box-shadow:4px 4px 0 0 var(--brass-dark);filter:none;transform:translate(-1px,-1px)}.lp-cta:active{box-shadow:1px 1px 0 0 var(--brass-dark);transform:translate(2px,2px)}.lp-forge-card{transition:border-color .15s,transform .12s}.lp-forge-card:hover{border-color:var(--brass);transform:translate(-1px,-1px);box-shadow:3px 3px #0006}.lp-chip{letter-spacing:.22em;text-transform:uppercase;color:var(--brass);font-size:.74rem;font-weight:650;font-family:var(--font-display);align-items:baseline;gap:.5rem;display:inline-flex}.lp-chip:before{content:"";background:var(--brass-dark);align-self:center;width:1.6rem;height:1px}.lp-input{width:100%;color:var(--cream);background:#1d1f21;border:1px solid #3d3f42;border-radius:3px;outline:none;padding:.7rem .85rem;font-family:inherit;font-size:.95rem;transition:border-color .12s}.lp-input:focus{border-color:var(--brass)}.pnp-board{aspect-ratio:1;border:1px solid #3d3f42;grid-template-columns:repeat(8,1fr);display:grid;position:relative;box-shadow:6px 6px #00000073}.pnp-sq{aspect-ratio:1;justify-content:center;align-items:center;display:flex}.pnp-sq.d{background:#23262a}.pnp-sq.l{background:#2c3034}.pnp-pawn{font-size:min(4.2vw,2rem);line-height:1}