:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:#0f172a;background:#e5e7eb;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.55}.app{background:linear-gradient(#f1f5f9,#e5e7eb);min-height:100vh;padding:8px 10px 96px}.app.dark{color:#e5e7eb;background:radial-gradient(circle at top,#1e1b4b 0,#09090b 40%,#020617 100%)}.shell{max-width:620px;margin:0 auto}.top{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding-bottom:8px;position:sticky;top:0}.top.compact{padding-top:2px}.brand,.card,.panel,.bottom,.sheet{background:#ffffffeb;border:1px solid #0f172a14;box-shadow:0 12px 30px #0f172a14}.dark .brand,.dark .card,.dark .panel,.dark .bottom,.dark .sheet{background:#0f172ae0;border-color:#94a3b838;box-shadow:0 20px 40px #00000059}.brand{border-radius:28px;align-items:center;gap:12px;padding:12px;display:flex}.logo{color:#fff;background:#020617;border-radius:16px;place-items:center;width:48px;height:48px;font-weight:900;display:grid}.title{flex:1;min-width:0}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:#64748b;font-size:11px;font-weight:900}.dark .eyebrow,.muted{color:#94a3b8}.scene-head{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin:0 0 8px;display:grid}.scene-head h1{font-size:clamp(18px,5vw,26px);line-height:1.05}.round{text-align:center;color:#0f172a;background:#0f172a14;border:1px solid #0f172a2e;border-radius:18px;min-width:96px;padding:6px 8px;font-weight:900;box-shadow:inset 0 1px #ffffff73}.dark .round{color:#f8fafc;background:#e2e8f029;border-color:#e2e8f04d}.round.new{color:#065f46;background:#10b9812e;border-color:#34d399;box-shadow:0 0 16px #10b98147}.dark .round.new{color:#a7f3d0}.round small{text-transform:uppercase;letter-spacing:.08em;opacity:.85;font-size:10px;display:block}.icon-btn,.small-btn{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:999px;font-weight:900}.icon-btn{width:40px;height:40px}.small-btn{padding:7px 10px;font-size:12px}.small-btn.suggested{color:#92400e;background:#fef3c7;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b24}.dark .icon-btn,.dark .small-btn{color:#e2e8f0;background:#1e293b;border-color:#475569}.dark .small-btn.suggested{color:#fde68a;background:#78350f;border-color:#f59e0b}.menu-theme{justify-content:flex-end;margin-bottom:8px;display:flex}.theme-toggle{color:#64748b;background:#f8fafc;border:1px solid #cbd5e1;border-radius:999px;justify-content:space-between;align-items:center;width:92px;height:42px;padding:0 5px;font-weight:900;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px 4px #0f172a1f,0 6px 18px #0f172a1f}.theme-toggle span{z-index:2;text-align:center;place-items:center;width:34px;height:34px;line-height:1;display:grid;position:relative}.theme-toggle span:last-of-type{transform:translate(1px,1px)}.theme-toggle i{z-index:1;background:#fbbf24;border-radius:999px;width:34px;height:34px;transition:transform .2s,background .2s;position:absolute;top:4px;left:4px;box-shadow:0 4px 12px #0f172a47}.theme-toggle.dark-on{color:#e2e8f0;background:#111827;border-color:#475569}.theme-toggle.dark-on i{background:#60a5fa;transform:translate(50px)}.restore-row{background:#94a3b81f;border-radius:20px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-top:12px;padding:8px;display:grid}.restore-row.discreet{opacity:.86;background:0 0;border-top:1px solid #94a3b840;border-radius:0;margin-top:16px;padding:12px 0 0}.restore-row label{color:#64748b;font-size:12px;font-weight:900}.restore-row select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:14px;min-width:0;padding:8px 10px;font-weight:800}.dark .restore-row{background:#0f172a73}.dark .restore-row.discreet{background:0 0}.dark .restore-row select{color:#e2e8f0;background:#020617;border-color:#475569}.scene-notes{border-radius:22px;margin-bottom:8px;padding:10px 12px;line-height:1.45}.turn-row{grid-template-columns:auto 1fr auto;gap:8px;display:grid}.turn-btn{color:#fff;background:#020617;border:1px solid #0f172a33;border-radius:18px;place-items:center;width:44px;min-height:44px;font-size:20px;font-weight:900;display:grid}.turn-btn.compact{border-radius:16px;width:40px;min-height:40px;font-size:18px}.turn-btn.next-round{background:#059669;box-shadow:0 0 16px #10b98159}.turn-btn.blocked{background:#a21caf}.dark .turn-btn{border-color:#94a3b840}.primary{color:#fff;background:#020617;border-radius:24px;padding:12px 16px;font-weight:900}.primary.next-round{background:#059669;box-shadow:0 0 16px #10b98159}.primary.blocked{background:#a21caf}.active-box{border-radius:22px;padding:9px 12px}.card{border-radius:28px;margin:12px 0;scroll-margin:112px 0 100px;transition:all .2s;overflow:hidden}.card.active{border:4px solid var(--accent,#38bdf8);transform:scale(1.01)}.card.triggered{border:2px solid #d946ef}.card-head{text-align:left;width:100%;color:inherit;background:0 0;align-items:flex-start;gap:12px;padding:14px;display:flex}.card-main{min-width:0;color:inherit;text-align:left;background:0 0;border:0;flex:1;align-items:flex-start;gap:12px;padding:0;display:flex}.avatar{color:#fff;border-radius:16px;flex:none;place-items:center;width:46px;height:46px;font-weight:900;display:grid}.avatar.slate{background:#020617}.avatar.red{background:#7f1d1d}.avatar.orange{background:#c2410c}.avatar.amber{color:#111827;background:#b45309}.avatar.emerald{background:#047857}.avatar.cyan{background:#0e7490}.avatar.blue{background:#1e3a8a}.avatar.violet{background:#4c1d95}.avatar.pink{background:#9d174d}.avatar.rose{background:#9f1239}.info{flex:1;min-width:0}.name-line{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.name-line strong{font-size:16px}.chip{color:#475569;background:#e2e8f0;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:900}.dark .chip{color:#cbd5e1;background:#334155}.chip.hot{color:#fff;background:#d946ef}.trackers{border-top:1px solid #94a3b833;gap:8px;padding:12px;display:grid}.tracker{background:#f8fafcbf;border:1px solid #0f172a14;border-radius:20px;padding:10px}.dark .tracker{background:#02061773;border-color:#94a3b833}.tracker.triggered{background:#d946ef24;border-color:#d946ef}.tracker-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;font-weight:900;display:flex}.tracker-top.with-clock{min-height:52px;margin-bottom:0}.tracker-top.with-clock>span:first-child{flex:1;min-width:0}.clock-inline{flex:none;align-items:center;gap:5px;display:flex}.clock-inline button:not(.clock-face){background:#fff;border:1px solid #cbd5e1;border-radius:999px;width:28px;height:28px;font-weight:900}.dark .clock-inline button:not(.clock-face){color:#e2e8f0;background:#0f172a;border-color:#475569}.controls{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;display:grid}.controls button{background:#fff;border:1px solid #cbd5e1;border-radius:999px;width:34px;height:34px;font-weight:900}.dark .controls button{color:#e2e8f0;background:#0f172a;border-color:#475569}.delta{justify-content:center;margin-bottom:4px;display:flex}.delta button,.delta-pop button{color:#fff;background:#020617;border-radius:999px;padding:5px 12px;font-size:11px;font-weight:900}.delta-pop{justify-content:center;gap:6px;margin-bottom:8px;display:flex}.delta-pop input{border:1px solid #cbd5e1;border-radius:14px;width:82px;padding:6px 8px;font-weight:900}.bar-bg{background:#cbd5e1;border-radius:999px;height:16px;position:relative;overflow:hidden}.bar-fill{background:#0f172a;border-radius:999px;height:100%}.bar-fill.warn{background:#f59e0b}.bar-fill.danger{background:#ef4444}.bar-over{opacity:.85;background:#10b981;height:100%;position:absolute;top:0;right:0}.bar-under{opacity:.85;background:#991b1b;height:100%;position:absolute;top:0;left:0}.dots,.clock,.boxes{flex-wrap:wrap;gap:6px;display:flex}.dot{background:#fff;border:1px solid #64748b;border-radius:999px;width:22px;height:22px}.dot.on{background:#020617}.dark .dot{background:#0f172a}.dark .dot.on{background:#38bdf8}.clock-face{color:#0f172a;flex:none;grid-template-rows:1fr auto;position:relative;overflow:hidden;background:conic-gradient(#0f172a var(--clock-progress), #e2e8f0 0)!important;border:2px solid #64748b!important;border-radius:999px!important;place-items:center!important;width:46px!important;height:46px!important;padding:7px 0 5px!important;display:grid!important}.clock-face:before{content:"";background:#fff;border-radius:999px;position:absolute;inset:6px}.clock-face span,.clock-face small{z-index:1;line-height:1;position:relative}.clock-face span{align-self:end;font-size:15px;font-weight:900}.clock-face small{color:#64748b;font-size:8px;font-weight:900}.clock-face.warning{box-shadow:0 0 0 2px #eab3081c;background:conic-gradient(#ca8a04 var(--clock-progress), #fef3c7 0)!important;border-color:#eab308!important}.clock-face.near{box-shadow:0 0 0 3px #f59e0b2e,0 0 12px #f59e0b3d;background:conic-gradient(#f59e0b var(--clock-progress), #fed7aa 0)!important;border-color:#f59e0b!important}.clock-face.triggered{animation:1.2s ease-in-out infinite statusPulse;background:conic-gradient(#d946ef var(--clock-progress), #f5d0fe 0)!important;border-color:#d946ef!important}.dark .clock-face{color:#e2e8f0;background:conic-gradient(#38bdf8 var(--clock-progress), #334155 0)!important;border-color:#94a3b8!important}.dark .clock-face.warning{background:conic-gradient(#ca8a04 var(--clock-progress), #422006 0)!important;border-color:#eab308!important}.dark .clock-face.near{background:conic-gradient(#f59e0b var(--clock-progress), #78350f 0)!important;border-color:#fbbf24!important}.dark .clock-face:before{background:#0f172a}.seg{background:#fff;border:1px solid #64748b;border-radius:8px;width:28px;height:24px}.seg.on{background:#020617}.seg.triggered.on{background:#d946ef;border-color:#f0abfc}.box-row{align-items:flex-start;gap:8px;width:100%;display:flex}.box-label{color:#64748b;width:70px;padding-top:5px;font-size:10px;font-weight:900}.box{background:#fff;border:2px solid #64748b;border-radius:4px;place-items:center;width:26px;height:26px;font-size:12px;font-weight:900;display:grid}.box.full{color:#fff;background:#020617;border-color:#020617}.statuses{flex-wrap:wrap;gap:6px;display:flex}.status{color:#fff;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900}.status.permanent{background:#020617}.status.temporary{background:#0e7490}.status.loop{background:#6d28d9}.status.temporary.expired{background:#dc2626;animation:1.2s ease-in-out infinite statusPulse;box-shadow:0 0 0 3px #dc26262e,0 0 14px #dc262657}.status.loop.expired{background:#c026d3;animation:1.2s ease-in-out infinite statusPulse;box-shadow:0 0 0 3px #c026d32e,0 0 14px #c026d357}.status button{color:inherit;background:0 0;margin-left:4px;font-weight:900}@keyframes statusPulse{0%,to{filter:brightness();transform:scale(1)}50%{filter:brightness(1.18);transform:scale(1.06)}}.choice-row{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.choice-row.status-duration-row{grid-template-columns:repeat(4,1fr)}.choice{color:#0f172a;background:#f8fafc;border:1px solid #cbd5e1;border-radius:16px;padding:10px 0;font-weight:900}.choice.selected{color:#fff;background:#020617;border-color:#020617}.dark .choice{color:#e2e8f0;background:#0f172a;border-color:#475569}.dark .choice.selected{color:#082f49;background:#38bdf8;border-color:#38bdf8}.reserve{margin-top:18px}.bottom{z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:28px;grid-template-columns:auto 1fr auto auto;gap:8px;width:min(620px,100% - 24px);padding:8px;display:grid;position:fixed;bottom:10px;left:50%;transform:translate(-50%)}.overlay{z-index:50;background:#0000008c;align-items:flex-end;padding:10px;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:620px;max-height:92vh;color:inherit;border-radius:30px;margin:0 auto;padding:16px;overflow:auto}.field{text-transform:uppercase;color:#64748b;gap:4px;margin:10px 0;font-size:12px;font-weight:900;display:grid}.field input,.field textarea,.field select{color:#0f172a;text-transform:none;background:#fff;border:1px solid #cbd5e1;border-radius:16px;padding:10px}.dark .field input,.dark .field textarea,.dark .field select{color:#e2e8f0;background:#020617;border-color:#475569}.grid2{grid-template-columns:1fr 1fr;gap:8px;display:grid}.row{align-items:center;gap:8px;display:flex}.stack{gap:8px;display:grid}.danger-btn{color:#7f1d1d;background:#fee2e2;border:1px solid #fecaca;border-radius:20px;padding:10px;font-weight:900}@media (width>=640px){.overlay{align-items:center}}