:root{--ink:#2a2340;--bg:#fff8ec;--muted:#7a7290;--accent:#ff7a3d;--accent-dark:#c9541f;--line:#e6dff2}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:var(--font-nunito), ui-rounded, "Segoe UI", system-ui, sans-serif;color:var(--ink);background:var(--bg);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit}h1{letter-spacing:-.02em;margin:4px 0;font-size:clamp(32px,7vw,52px);font-weight:900}h2{margin:0 0 12px;font-size:21px;font-weight:900}.wrap{max-width:880px;margin:0 auto;padding:20px 16px 48px}.back{color:var(--muted);margin-bottom:-6px;padding:10px 12px 10px 0;font-weight:800;text-decoration:none;display:inline-block}.tagline{color:var(--muted);margin:4px 0 0;font-size:18px}.hint{color:var(--muted);margin:10px 0 0}.card{background:#fff;border-radius:22px;margin:16px 0;padding:18px 20px;box-shadow:0 4px #2a234014}.row{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.row.center{justify-content:center}.lbl{margin:12px 0 6px;font-weight:800;display:block}.big-btn{background:var(--accent);color:#fff;width:100%;box-shadow:0 6px 0 var(--accent-dark);border:none;border-radius:20px;padding:16px;font-size:26px;font-weight:900;display:block}.big-btn:active:not(:disabled){box-shadow:0 2px 0 var(--accent-dark);transform:translateY(4px)}.big-btn:disabled{cursor:default;background:#cfc8da;box-shadow:0 6px #ada5bb}.btn{background:#eee8f7;border:none;border-radius:14px;padding:12px 20px;font-size:17px;font-weight:800}.btn.primary{background:var(--accent);color:#fff}.btn.big{padding:14px 26px;font-size:20px}.btn:disabled{opacity:.5;cursor:default}.seg{flex-wrap:wrap;gap:10px;display:flex}.seg button{border:3px solid var(--line);background:#fff;border-radius:14px;min-width:64px;padding:10px 18px;font-size:20px;font-weight:900}.seg button.on{border-color:var(--accent);background:#fff0e6}.chip{border:3px solid var(--line);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:3px 16px 3px 4px;font-size:17px;font-weight:800;display:inline-flex}.chip .av{width:38px;height:38px}.chip.on{border-color:var(--c,var(--accent));background:color-mix(in srgb, var(--c,var(--accent)) 18%, #fff)}.chip.add{color:var(--muted);border-style:dashed;padding:9px 16px}input[type=text]{font:inherit;border:3px solid var(--line);border-radius:12px;width:100%;max-width:320px;padding:10px 14px;font-size:18px}select{font:inherit;border:3px solid var(--line);background:#fff;border-radius:12px;width:100%;max-width:320px;padding:8px 12px;font-size:16px;font-weight:700}.plan-toggles{flex-wrap:wrap;gap:8px 18px;display:flex}.deck-topic small{color:var(--muted);margin-bottom:4px;font-weight:800;display:block}.plan-toggle{align-items:center;gap:8px;font-weight:800;display:flex}.plan-toggle input{width:22px;height:22px;accent-color:var(--accent)}input[type=text]:focus,select:focus{border-color:var(--accent);outline:none}.swatches{flex-wrap:wrap;gap:10px;display:flex}.swatch{width:44px;height:44px;box-shadow:0 0 0 2px var(--line);border:4px solid #fff;border-radius:50%;padding:0}.swatch.on{box-shadow:0 0 0 4px var(--ink)}.new-player{background:#faf6ff;border-radius:18px;align-items:flex-start;gap:20px;margin-top:14px;padding:16px;display:flex}.new-player-preview{flex:none;width:110px;height:110px}.new-player-fields{flex:1;min-width:0}.new-player-fields .lbl:first-child{margin-top:0}@media (max-width:520px){.new-player{flex-direction:column;align-items:center}.new-player-fields{width:100%}}.overlay{z-index:50;background:#2a234099;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{text-align:center;background:#fff;border-radius:26px;width:100%;max-width:540px;max-height:100%;padding:24px;position:relative;overflow:auto}h3{margin:20px 0 8px;font-size:17px;font-weight:900}.wrap.narrow{max-width:560px}.text-input,input[type=email]{font:inherit;border:3px solid var(--line);border-radius:12px;width:100%;max-width:320px;padding:10px 14px;font-size:18px}.text-input:focus,input[type=email]:focus{border-color:var(--accent);outline:none}.code-input{letter-spacing:6px;text-align:center;max-width:240px;font-size:26px;font-weight:900}.error{color:#c23b3b;font-weight:800}.callout{background:#faf6ff;border-radius:16px;margin-top:12px;padding:14px 16px}.callout p:first-child{margin-top:0}.hint-inline{color:var(--muted);margin-left:6px;font-size:14px}.link-danger{color:#c23b3b;background:0 0;border:none;padding:4px;font-weight:800}.btn.danger{color:#fff;background:#c23b3b}a.btn{text-decoration:none;display:inline-block}.account-chip{border:3px solid var(--line);text-overflow:ellipsis;white-space:nowrap;background:#fff;border-radius:999px;max-width:45vw;padding:6px 14px;font-size:15px;font-weight:800;text-decoration:none;position:absolute;top:16px;right:16px;overflow:hidden}.monster-types{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px;max-width:440px;display:grid}.monster-type{border:3px solid var(--line);background:#fff;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:6px 4px 4px;display:flex}.monster-type svg{width:44px;height:44px}.monster-type small{font-size:12px;font-weight:800}.monster-type.on{border-color:var(--accent);background:#fff0e6}.twin-hint{text-align:center;margin-top:4px;font-size:13px}.link-edit{color:var(--accent-dark);background:0 0;border:none;padding:4px;font-weight:800}