:root{--bg:#14162b;--surface:#1e2140;--surface-2:#262a4d;--border:#343964;--text:#f1f2f8;--muted:#9a9fbd;--primary:#f5c518;--primary-ink:#1a1a2e;--success:#34d399;--warning:#fb923c;--error:#f87171;--radius:14px;--radius-sm:10px;--shadow:0 10px 30px #00000059}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;line-height:1.4}body{padding-bottom:env(safe-area-inset-bottom);min-height:100dvh}h1,h2,p{margin:0}button{font:inherit;color:inherit}.muted{color:var(--muted)}.tiny{font-size:.8rem}.strong{font-weight:700}.center{text-align:center}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.min-w-0{min-width:0}.grow{flex:1}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.stack{display:flex;flex-direction:column;gap:.5rem}.stack-lg{display:flex;flex-direction:column;gap:1.25rem;padding:0 1rem 1rem}.btn{display:inline-flex;border-radius:var(--radius-sm);background:var(--surface-2);cursor:pointer;touch-action:manipulation;user-select:none;border:1px solid #0000;justify-content:center;align-items: center;gap:.5rem;min-height:48px;padding:.6rem 1rem;transition:background .15s,transform 50ms;font-weight:600}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:default;transform:none}.btn-primary{background:var(--primary);color:var(--primary-ink)}.btn-warning{background:var(--warning);color:var(--primary-ink)}.btn-neutral{color:var(--primary-ink);background:#fff}.btn-outline{border-color:var(--border);background:0 0}.btn-ghost{background:0 0;min-height:40px;padding:.4rem .7rem}.btn-link{color:var(--muted);text-decoration:underline;background:0 0;min-height:40px}.btn-lg{min-height:56px;font-size:1.05rem}.btn-xl{border-radius:var(--radius);min-height:64px;font-size:1.15rem;font-weight:800}.btn-block{width:100%}.btn-square{width:56px;min-height:56px;padding:0;font-size:1.6rem}.btn-icon{border-color:var(--border);background:0 0;width:48px;padding:0;font-size:1.3rem}.select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);font:inherit;width:100%;min-height:56px;padding:0 1rem;font-size:1.05rem}.badge{display:inline-flex;border-radius:999px;justify-content:center;align-items: center;min-width:28px;height:28px;padding:0 .6rem;font-size:.9rem;font-weight:700}.badge-warning{color:var(--warning);background:#fb923c33}.spinner{display:inline-block;border:4px solid #fff3;border-top-color:var(--primary);animation:.8s linear infinite spin;vertical-align:middle;border-radius:50%;width:40px;height:40px}.spinner-sm{border-width:3px;width:18px;height:18px}@keyframes spin{to{transform:rotate(360deg)}}.alert{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);display:flex;flex-direction:column;align-items: flex-start;gap:.5rem;padding:.85rem 1rem}.alert-error{color:#fecaca;background:#f871711f;border-color:#f8717180}.alert-success{background:#34d3991f;border-color:#34d39980}.alert-info{background:#f5c5181a;border-color:#f5c51880}.banner{text-align:center;border-radius:0;align-items: center;margin:0}.fullscreen-center{display:grid;place-items: center;min-height:60dvh}.topbar{display:flex;padding:calc(.5rem + env(safe-area-inset-top)).75rem .5rem;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;z-index:5;justify-content:space-between;align-items: center;gap:.5rem;top:0}.topbar-brand{display:flex;white-space:nowrap;align-items: center;gap:.5rem;font-weight:800}.topbar-brand img{image-rendering:pixelated}.topbar-actions{display:flex;align-items: center;gap:.25rem;min-width:0}.topbar-user{display:inline-flex;color:var(--muted);align-items: center;gap:.4rem;min-width:0;max-width:9rem;font-size:.9rem}.main{display:flex;flex-direction:column;gap:1rem;max-width:560px;margin:0 auto;padding:1rem}.avatar{object-fit:cover;background:var(--surface-2);border-radius:50%;flex-shrink:0}.avatar-sm{width:28px;height:28px}.avatar-lg,.avatar-empty{width:56px;height:56px}.login{display:flex;text-align:center;flex-direction:column;justify-content:center;align-items: center;gap:1rem;max-width:420px;min-height:100dvh;margin:0 auto;padding:2rem 1.5rem}.login-logo{image-rendering:pixelated;width:min(70%,260px)}.login h1{font-size:1.6rem}.login .btn-xl{width:100%}.scanner{display:flex;flex-direction:column;gap:.75rem}.scanner-frame{position:relative;aspect-ratio:1;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);background:#000;width:100%;max-width:440px;margin:0 auto}.scanner-video{position:absolute;object-fit:cover;width:100%;height:100%;inset:0}.viewfinder-wrap{position:absolute;display:grid;pointer-events:none;place-items: center;inset:0}.viewfinder{aspect-ratio:1;border-radius:var(--radius);outline:3px solid #ffffffe6;outline-offset:-3px;width:70%;box-shadow:0 0 0 100vmax #00000073}.scanner-overlay{position:absolute;display:flex;text-align:center;color:#ffffffe6;background:#0009;flex-direction:column;justify-content:center;align-items: center;gap:.75rem;padding:1.5rem;inset:0}.scanner-error{color:#fecaca}.scanner-error-detail{opacity:.75;word-break:break-word;font-family:ui-monospace,monospace}.scanner-pause-icon{opacity:.8;font-size:3rem}.scanner-footer{display:flex;justify-content:center;align-items: center;gap:.25rem;margin-top:auto}.scanner-footer .btn-link{font-size:inherit;min-height:32px;padding:0 .4rem}.panel{display:flex;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column}.panel-header{position:sticky;top:var(--topbar-height,0px);z-index:4;display:flex;background:var(--surface);border-bottom:1px solid var(--border);border-radius:var(--radius)var(--radius)0 0;flex-shrink:0;align-items: flex-start;gap:.75rem;padding:.75rem 1rem}.panel-identity{flex:1;min-width:0}.panel-identity h2{font-size:1.3rem}.panel-stats{display:flex;align-items: center;gap:.4rem;margin-top:.25rem;font-weight:600}.level-badge{display:inline-grid;color:#fff;background:linear-gradient(135deg,#a855f7,#ec4899);border-radius:50%;place-items: center;width:24px;height:24px;font-size:.75rem;font-weight:800}.panel-body{display:flex;flex-direction:column;gap:1rem;padding:1rem}.bonus-grid{display:grid;grid-template-columns:1fr;gap:.75rem}@media (min-width:480px){.bonus-grid{grid-template-columns:1fr 1fr}}.bonus{display:flex;border-radius:var(--radius);background:var(--surface);border:2px solid #0000;align-items: center;gap:.75rem;padding:.9rem 1rem}.bonus-on{border-color:var(--primary);background:#f5c5181f}.bonus-success{border-color:var(--success);background:#34d3991f}.bonus-icon{flex-shrink:0;font-size:1.9rem}.bonus-title{font-size:1.35rem;font-weight:900;line-height:1.15}.card{background:var(--surface);border-radius:var(--radius);display:flex;flex-direction:column;gap:1rem;padding:1rem}.card-collapsible{gap:0;padding:0}.card-title-row{display:flex;justify-content:space-between;align-items: center;gap:.5rem}.card-title{font-size:1.1rem;font-weight:700}.subsection{border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.75rem;padding-top:1rem}.collapse-toggle{display:flex;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items: center;width:100%;min-height:56px;padding:0 1rem;font-size:1.05rem;font-weight:600}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}@media (min-width:480px){.quick-grid{grid-template-columns:repeat(6,1fr)}}.quick{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);cursor:pointer;touch-action:manipulation;min-height:64px;font-size:1.5rem;font-weight:700}.quick-active{background:var(--primary);color:var(--primary-ink);border-color:var(--primary)}.quick:disabled{opacity:.5}.stepper{display:flex;justify-content:center;align-items: center;gap:.75rem}.stepper-value{text-align:center;display:flex;flex-direction:column;min-width:7rem}.stepper-number{font-variant-numeric:tabular-nums;font-size:2.4rem;font-weight:900;line-height:1}.item-row{display:flex;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid #fb923c80;align-items: center;gap:.75rem;padding:.75rem}.item-row-plain{border-color:#0000}.item-icon{flex-shrink:0;font-size:1.8rem}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}@media (min-width:480px){.choice-grid{grid-template-columns:repeat(3,1fr)}}.choice{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);display:flex;text-align:left;cursor:pointer;touch-action:manipulation;align-items: center;gap:.5rem;min-height:56px;padding:.5rem .75rem;font-size:.9rem;font-weight:600}.choice-active{background:var(--primary);color:var(--primary-ink);border-color:var(--primary)}.choice:disabled{opacity:.5}.toasts{position:fixed;left:0;right:0;bottom:calc(1rem + env(safe-area-inset-bottom));z-index:20;display:flex;pointer-events:none;flex-direction:column;align-items: center;gap:.5rem;padding:0 1rem}.toast{pointer-events:auto;border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);box-shadow:var(--shadow);text-align:left;cursor:pointer;animation:.2s ease-out toast-in;border:0;width:100%;max-width:480px;padding:.85rem 1rem;font-weight:600}.toast-success{background:#065f46}.toast-error{background:#7f1d1d}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}