:root{--ink: #1d2a44;--ink-soft: #4b5a7a;--paper: rgba(255, 255, 255, .92);--paper-solid: #ffffff;--sky: #8fdcff;--accent: #ff7a59;--accent-ink: #ffffff;--water: #39c1f0;--lime: #9be15d;--sun: #ffd84f;--radius: 18px;--shadow: 0 10px 30px rgba(29, 42, 68, .18);--font: "Fredoka", "Nunito", "Segoe UI", system-ui, -apple-system, sans-serif;--energy-stored: #ffd84f;--energy-motion: #39c1f0;--energy-lost: #ff9a8a}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--sky);font-family:var(--font);color:var(--ink);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;overscroll-behavior:none}#scene{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}button{font-family:inherit;font-size:inherit;color:inherit;border:0;background:none;cursor:pointer;touch-action:manipulation}input[type=text]{font-family:inherit;-webkit-user-select:text;user-select:text}#topbar{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;gap:12px;padding:10px 14px;padding-top:calc(10px + env(safe-area-inset-top));z-index:20;pointer-events:none}#topbar>*{pointer-events:auto}.logo{display:flex;align-items:center;gap:8px;font-weight:700;font-size:24px;letter-spacing:.5px;color:#fff;text-shadow:0 2px 0 rgba(29,42,68,.25),0 6px 16px rgba(29,42,68,.25)}.logo-wave{width:34px;height:34px;border-radius:50%;background:var(--water) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M18 62 q16 -16 32 0 t32 0' stroke='white' stroke-width='10' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") center/100% no-repeat;box-shadow:0 3px #1d2a4433}.slide-name{flex:0 1 260px;min-width:120px;height:44px;padding:0 14px;border-radius:22px;border:0;background:var(--paper);box-shadow:var(--shadow);font-size:17px;font-weight:600;color:var(--ink);outline:none}.slide-name::placeholder{color:#8d99b5;font-weight:500}.slide-name:focus{box-shadow:var(--shadow),0 0 0 3px #39c1f080}.view-controls{margin-left:auto;display:flex;gap:6px;background:var(--paper);border-radius:26px;padding:4px;box-shadow:var(--shadow)}.icon-btn{width:44px;height:44px;border-radius:22px;font-size:22px;font-weight:700;display:grid;place-items:center;color:var(--ink);transition:transform .08s ease,background .15s ease}.icon-btn:active{transform:scale(.92);background:#39c1f033}.icon-btn.toggle[aria-pressed=true]{background:var(--water);color:#fff}#builder{position:fixed;top:calc(66px + env(safe-area-inset-top));left:14px;width:290px;max-height:calc(100% - 216px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;z-index:15;display:flex;flex-direction:column;gap:10px;scrollbar-width:none}#builder::-webkit-scrollbar{display:none}.panel{background:var(--paper);border-radius:var(--radius);padding:12px 14px;box-shadow:var(--shadow)}.panel h2{margin:0 0 8px;font-size:15px;font-weight:700;color:var(--ink-soft);display:flex;align-items:baseline;justify-content:space-between}.panel h2 .value{font-weight:600;color:var(--ink)}.blurb{margin:8px 0 0;font-size:13.5px;line-height:1.35;color:var(--ink-soft)}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border-radius:18px;background:#eef3fb;font-weight:600;font-size:14px;color:var(--ink);border:2px solid transparent;transition:transform .08s ease}.chip:active{transform:scale(.95)}.chip[aria-checked=true],.chip.on{background:#fff;border-color:var(--water);box-shadow:0 0 0 3px #39c1f02e}.chip .dot{width:12px;height:12px;border-radius:50%;display:inline-block}.chip .face{width:22px;height:22px;border-radius:50%;display:inline-grid;place-items:center;font-size:12px;color:#fff}input[type=range]{width:100%;height:44px;margin:0;-webkit-appearance:none;appearance:none;background:transparent;touch-action:pan-y}input[type=range]::-webkit-slider-runnable-track{height:12px;border-radius:6px;background:linear-gradient(90deg,var(--lime),var(--sun))}input[type=range]::-moz-range-track{height:12px;border-radius:6px;background:linear-gradient(90deg,var(--lime),var(--sun))}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;margin-top:-9px;border-radius:50%;background:#fff;border:4px solid var(--water);box-shadow:0 3px 8px #0003}input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:4px solid var(--water);box-shadow:0 3px 8px #0003}.chain{display:flex;flex-wrap:wrap;gap:6px;min-height:36px;margin-bottom:8px}.chain .piece-chip{display:inline-flex;align-items:center;gap:4px;height:34px;padding:0 6px 0 10px;border-radius:17px;background:#fff;border:2px solid #dfe7f5;font-size:13px;font-weight:600}.chain .piece-chip.locked{background:#eaf7ff;border-color:#bfe6fa;color:var(--ink-soft);padding-right:10px}.chain .piece-chip .x{width:26px;height:26px;border-radius:13px;display:grid;place-items:center;color:var(--ink-soft);font-size:14px;font-weight:700}.chain .piece-chip .x:active{background:#ffe3dc;color:var(--accent)}.chain .empty{font-size:13.5px;color:#8d99b5;align-self:center}.row{display:flex;gap:8px}.btn{border-radius:999px;font-weight:700;background:#fff;color:var(--ink);box-shadow:0 3px #dfe7f5;transition:transform .08s ease}.btn:active{transform:translateY(2px);box-shadow:0 1px #dfe7f5}.btn.small{height:40px;padding:0 16px;font-size:14px;flex:1}.btn.ghost{background:#eef3fb;box-shadow:0 3px #d4ddee}.btn.big{height:56px;font-size:20px;background:var(--accent);color:var(--accent-ink);box-shadow:0 5px #d85a3c;width:100%}.btn.big:active{box-shadow:0 2px #d85a3c;transform:translateY(3px)}.btn.big[disabled]{opacity:.55;transform:none}.panel.actions{display:flex;flex-direction:column;gap:8px}#builder-toggle{position:fixed;left:14px;top:calc(66px + env(safe-area-inset-top));z-index:16;height:44px;padding:0 16px;border-radius:22px;background:var(--paper);box-shadow:var(--shadow);font-weight:700;display:none}#tray{position:fixed;left:0;right:0;bottom:0;z-index:15;padding:8px 14px calc(10px + env(safe-area-inset-bottom));pointer-events:none}.tray-hint{text-align:center;font-size:13px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(29,42,68,.4);margin-bottom:6px}.tray-cards{display:flex;gap:10px;overflow-x:auto;-webkit-overflow-scrolling:touch;touch-action:pan-x;padding:8px 6px 10px;pointer-events:auto;scrollbar-width:none;justify-content:safe center}.tray-cards::-webkit-scrollbar{display:none}.card{flex:0 0 auto;width:96px;height:104px;border-radius:16px;background:var(--paper-solid);box-shadow:0 4px #dfe7f5,0 10px 24px #1d2a4426;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px;cursor:grab;transition:transform .1s ease;position:relative}.card:active{transform:scale(.96)}.card svg{width:56px;height:44px;display:block}.card .card-name{font-size:13px;font-weight:700;text-align:center;line-height:1.1}.card .card-sub{font-size:11px;color:var(--ink-soft);font-weight:600}.drag-ghost{position:fixed;z-index:50;pointer-events:none;width:96px;height:104px;border-radius:16px;background:#fff;box-shadow:0 14px 30px #1d2a444d;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%) scale(1.08) rotate(-4deg);opacity:.95}.drag-ghost svg{width:60px;height:48px}.live{position:fixed;top:calc(66px + env(safe-area-inset-top));left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:14;pointer-events:none}.live-item{background:var(--paper);border-radius:16px;padding:8px 14px;min-width:118px;box-shadow:var(--shadow);text-align:center}.live-item.wide{min-width:220px}.live-label{font-size:12px;font-weight:700;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.5px}.live-value{font-size:26px;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}.live-value small{font-size:13px;font-weight:600;color:var(--ink-soft)}.live-sub{font-size:12px;color:var(--ink-soft);font-weight:600}.energy-bar{display:flex;height:16px;border-radius:8px;overflow:hidden;background:#e8eef8;margin:6px 0 4px}.energy-bar .seg{height:100%;transition:width .1s linear}.seg.stored,.sw.stored{background:var(--energy-stored)}.seg.motion,.sw.motion{background:var(--energy-motion)}.seg.lost,.sw.lost{background:var(--energy-lost)}.legend{font-size:11px;font-weight:600;color:var(--ink-soft);display:flex;gap:6px;justify-content:center;align-items:center}.sw{width:10px;height:10px;border-radius:3px;display:inline-block}.report{position:fixed;top:calc(66px + env(safe-area-inset-top));right:14px;width:360px;max-width:calc(100% - 28px);max-height:calc(100% - 216px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;background:var(--paper);border-radius:var(--radius);box-shadow:var(--shadow);z-index:18;padding:14px 16px 18px;transition:transform .25s ease,opacity .25s ease;-webkit-user-select:text;user-select:text}.report.hidden{transform:translate(30px);opacity:0;pointer-events:none}.report-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.report-kicker{font-size:12px;font-weight:700;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.6px}.report h2{margin:2px 0 10px;font-size:22px}.report h3{margin:16px 0 8px;font-size:14px;font-weight:700;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.5px}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tile{background:#fff;border-radius:12px;padding:8px 10px;box-shadow:0 2px #e6ecf7}.tile .t-label{font-size:11.5px;font-weight:700;color:var(--ink-soft)}.tile .t-value{font-size:20px;font-weight:700;line-height:1.15;font-variant-numeric:tabular-nums}.tile .t-sub{font-size:11.5px;color:var(--ink-soft);font-weight:600}.notes{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.notes li{background:#fff;border-radius:12px;padding:8px 10px;font-size:14px;line-height:1.35;border-left:5px solid #cfe3ff}.notes li.warn{border-left-color:var(--accent)}.notes li.good{border-left-color:var(--lime)}.notes li.info{border-left-color:var(--sun)}.bubbles{display:flex;flex-direction:column;gap:8px}.bubble{display:flex;gap:10px;align-items:flex-start}.bubble .face{flex:0 0 34px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;font-size:14px}.bubble .say{background:#fff;border-radius:14px;padding:8px 12px;font-size:14px;line-height:1.35;position:relative}.bubble .say b{display:block;font-size:12px;color:var(--ink-soft);margin-bottom:2px}.why{background:#fffbe6;border-radius:12px;padding:10px 12px;font-size:13.5px;line-height:1.4;margin-bottom:8px;border-left:5px solid var(--sun)}.why b{color:var(--ink)}.report .energy-bar{height:20px}.report .energy-text{font-size:13px;color:var(--ink-soft);font-weight:600;margin-top:2px}.report .energy-text b{color:var(--ink)}.toast{position:fixed;left:50%;bottom:160px;transform:translate(-50%,20px);background:var(--ink);color:#fff;padding:10px 18px;border-radius:999px;font-weight:600;font-size:15px;opacity:0;transition:opacity .2s ease,transform .2s ease;z-index:60;pointer-events:none;max-width:90%;text-align:center}.toast.show{opacity:1;transform:translate(-50%)}.hidden{display:none!important}.report.hidden{display:block!important}@media(max-height:760px){#builder{gap:8px}.panel{padding:10px 12px}.card{width:86px;height:94px}.card svg{width:50px;height:38px}.tray-hint{display:none}}@media(max-width:900px){#builder{width:260px}.report{width:320px}}@media(max-width:840px),(max-height:560px){#builder-toggle{display:block}#builder{transform:translate(-120%);transition:transform .2s ease;top:calc(116px + env(safe-area-inset-top))}#builder.open{transform:none}#builder{max-height:calc(100% - 266px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}#builder .panel.actions{order:-1}.slide-name{flex-basis:160px}.logo span:last-child{display:none}.live{top:calc(116px + env(safe-area-inset-top))}.live-item{min-width:96px;padding:6px 10px}.live-item.wide{min-width:170px}.live-value{font-size:20px}.report{inset:auto 8px 150px;width:auto;max-height:55%}}.slides-btn{display:flex;align-items:center;gap:8px;height:44px;padding:0 16px 0 12px;border-radius:22px;background:var(--paper);box-shadow:var(--shadow);font-size:17px;font-weight:700;color:var(--ink);max-width:300px}.slides-btn .slides-icon{font-size:20px;color:var(--water)}.slides-btn .chev{font-size:13px;color:var(--ink-soft)}.slides-btn #current-slide-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slides-btn:active{transform:scale(.97)}.user-btn{display:flex;align-items:center;gap:8px;height:44px;padding:0 14px 0 6px;border-radius:22px;background:var(--paper);box-shadow:var(--shadow);font-weight:700;color:var(--ink)}.user-initial{width:32px;height:32px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:15px}.user-btn.guest .user-initial{background:#b7c3d9}.user-menu{position:fixed;top:calc(66px + env(safe-area-inset-top));right:14px;z-index:30;background:var(--paper);border-radius:16px;box-shadow:var(--shadow);padding:12px;display:flex;flex-direction:column;gap:8px;min-width:200px}.um-status{font-size:13px;color:var(--ink-soft);font-weight:600;padding:0 4px 4px}.slides-panel{position:fixed;top:calc(66px + env(safe-area-inset-top));left:50%;transform:translate(-50%);width:420px;max-width:calc(100% - 28px);max-height:calc(100% - 80px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;background:var(--paper);border-radius:var(--radius);box-shadow:var(--shadow);z-index:25;padding:14px 16px 18px}.sp-head{display:flex;align-items:center;justify-content:space-between}.sp-head h2{margin:0;font-size:22px}.sp-current{background:#fff;border-radius:14px;padding:10px 12px 12px;margin:10px 0 6px;box-shadow:0 2px #e6ecf7}.sp-label{display:block;font-size:12px;font-weight:700;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.sp-current .slide-name{width:100%;margin-bottom:10px;background:#eef3fb;box-shadow:none}.sp-sub{margin:14px 0 6px;font-size:13px;font-weight:700;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.5px}.sp-hint{margin:-2px 0 8px;font-size:12.5px;color:var(--ink-soft);font-weight:600}.btn.accent{background:var(--accent);color:#fff;box-shadow:0 3px #d85a3c}.slides-list{display:flex;flex-direction:column;gap:6px}.slide-row{display:flex;align-items:center;gap:8px;background:#fff;border-radius:14px;padding:8px 8px 8px 12px;border:2px solid transparent;box-shadow:0 2px #e6ecf7}.slide-row.current{border-color:var(--water)}.slide-row .sr-dot{width:14px;height:14px;border-radius:50%;flex:0 0 14px}.slide-row .sr-main{flex:1;min-width:0;text-align:left}.slide-row .sr-name{font-weight:700;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slide-row .sr-sub{font-size:12px;color:var(--ink-soft);font-weight:600}.slide-row .sr-open{flex:1;min-width:0;display:flex;align-items:center;gap:10px;text-align:left;height:44px}.slide-row .sr-del,.slide-row .sr-restore{height:36px;padding:0 12px;border-radius:18px;font-weight:700;font-size:13px;background:#eef3fb;color:var(--ink)}.slide-row .sr-del{color:#b03a2e}.slide-row .sr-del.confirm{background:#ffe3dc}.slides-list .empty{font-size:13.5px;color:#8d99b5;padding:6px 4px;font-weight:600}.gate{position:fixed;inset:0;z-index:80;background:#1d2a4459;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:16px;overflow-y:auto}.gate-card{width:340px;max-width:100%;background:#fff;border-radius:24px;box-shadow:0 20px 60px #1d2a4459;padding:20px 20px 16px;display:flex;flex-direction:column;gap:8px}.gate-logo{display:flex;align-items:center;justify-content:center;gap:10px;font-size:26px;font-weight:700;color:var(--ink);margin-bottom:4px}.gate-tabs{display:flex;background:#eef3fb;border-radius:999px;padding:4px;gap:4px}.gate-tab{flex:1;height:40px;border-radius:999px;font-weight:700;font-size:15px;color:var(--ink-soft)}.gate-tab[aria-selected=true]{background:#fff;color:var(--ink);box-shadow:0 2px 6px #1d2a4426}.gate-label{font-size:12px;font-weight:700;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.5px;margin-top:6px}.gate-input{height:48px;border-radius:14px;border:2px solid #dfe7f5;background:#f7f9fd;padding:0 14px;font-family:inherit;font-size:18px;font-weight:600;color:var(--ink);outline:none;-webkit-user-select:text;user-select:text}.gate-input:focus{border-color:var(--water)}.pin-dots{display:flex;justify-content:center;gap:14px;height:36px;align-items:center}.pin-dots span{width:16px;height:16px;border-radius:50%;background:#dfe7f5;transition:transform .1s ease,background .1s ease}.pin-dots span.on{background:var(--water);transform:scale(1.15)}.pin-dots.shake{animation:shake .35s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.keypad button{height:54px;border-radius:14px;background:#eef3fb;font-size:24px;font-weight:700;color:var(--ink);box-shadow:0 3px #d4ddee;transition:transform .06s ease}.keypad button:active{transform:translateY(2px);box-shadow:0 1px #d4ddee}.keypad .key-soft{font-size:20px}.keypad .key-go{background:var(--accent);color:#fff;box-shadow:0 3px #d85a3c;font-size:18px}.keypad .key-go[disabled]{opacity:.5}.gate-error{min-height:18px;margin:0;font-size:13.5px;font-weight:700;color:#b03a2e;text-align:center}.gate-hint{margin:0;font-size:12.5px;color:var(--ink-soft);font-weight:600;text-align:center;line-height:1.35}.gate-guest{margin-top:4px;font-size:13.5px;font-weight:700;color:var(--water);text-decoration:underline;text-underline-offset:3px}.update-banner{position:fixed;left:50%;top:calc(66px + env(safe-area-inset-top));transform:translate(-50%);z-index:70;display:flex;align-items:center;gap:10px;background:var(--ink);color:#fff;padding:12px 20px;border-radius:999px;font-weight:600;font-size:15px;box-shadow:0 10px 30px #1d2a4459;animation:dropin .3s ease}.update-banner b{color:var(--sun)}.ub-dot{width:10px;height:10px;border-radius:50%;background:var(--lime);box-shadow:0 0 #9be15db3;animation:pulse 1.6s infinite}@keyframes pulse{0%{box-shadow:0 0 #9be15db3}to{box-shadow:0 0 0 10px #9be15d00}}@keyframes dropin{0%{transform:translate(-50%,-12px);opacity:0}to{transform:translate(-50%);opacity:1}}@media(max-width:840px),(max-height:560px){.slides-btn{max-width:170px;font-size:15px}.user-btn .user-name{display:none}.user-btn{padding-right:6px}.update-banner{font-size:13.5px;padding:10px 14px;max-width:calc(100% - 28px)}}.sp-current .row .slide-name{margin-bottom:0;flex:1;min-width:0}.sp-current .row .slide-name.pin{flex:0 0 92px;text-align:center;letter-spacing:2px}.sp-current .row{margin-bottom:8px}.switch-row{display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:600;color:var(--ink-soft);padding:8px 4px 0;cursor:pointer}.switch-row input{width:22px;height:22px;accent-color:var(--water)}.slide-row .sr-actions{display:flex;gap:6px}.slide-row .sr-pin{height:36px;width:70px;border-radius:10px;border:2px solid #dfe7f5;text-align:center;font-family:inherit;font-size:15px;font-weight:700;letter-spacing:2px}.btn.tips{background:#fff6cf;box-shadow:0 3px #efd98a}.tips-list{display:flex;flex-direction:column;gap:8px}.tip{background:#fff;border-radius:14px;padding:10px 12px;box-shadow:0 2px #e6ecf7;border-left:5px solid var(--sun)}.tip.warn{border-left-color:var(--accent)}.tip .tip-title{font-weight:700;font-size:15px;margin-bottom:4px}.tip .tip-why{font-size:13.5px;line-height:1.4;color:var(--ink-soft);font-weight:500}.tip .btn{margin-top:8px;width:auto;height:38px;padding:0 14px;font-size:14px;flex:none}body.pov #builder,body.pov #tray,body.pov #builder-toggle,body.pov #slides-panel,body.pov #tips-panel,body.pov #report{display:none!important}.pov-exit{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:30;height:48px;padding:0 22px;border-radius:24px;background:var(--paper);box-shadow:var(--shadow);font-weight:700;font-size:16px}.chain .piece-chip{cursor:grab;touch-action:none;height:auto;min-height:36px;padding:3px 6px 3px 10px}.chain .piece-chip .pc-main{display:flex;flex-direction:column;line-height:1.1}.chain .piece-chip .pc-sub{font-size:10.5px;font-weight:600;color:var(--ink-soft)}.chain .piece-chip.custom .pc-sub{color:#b36cff}.chain .piece-chip.editing{border-color:var(--sun);background:#fffbe6}.chain .piece-chip.dragging{opacity:.35}.chain .piece-chip.drop-here{border-color:var(--water);background:#e9f8ff}.chip-ghost{position:fixed;z-index:60;pointer-events:none;transform:translate(-50%,-50%) rotate(-3deg);background:#fff;border:2px solid var(--water);border-radius:17px;padding:6px 12px;font-weight:700;font-size:13px;box-shadow:0 10px 24px #1d2a444d}.piece-editor{position:fixed;left:318px;top:calc(66px + env(safe-area-inset-top));width:300px;max-width:calc(100% - 332px);z-index:17;background:var(--paper);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px 14px 14px}.piece-editor h2{font-size:18px}.pe-row{display:block;margin:6px 0}.pe-label{display:flex;justify-content:space-between;font-size:13px;font-weight:700;color:var(--ink-soft)}.pe-label b{color:var(--ink);font-variant-numeric:tabular-nums}@media(max-width:840px),(max-height:560px){.piece-editor{inset:auto 8px 150px;width:auto;max-width:none}}.pov-tools{position:fixed;right:14px;bottom:calc(24px + env(safe-area-inset-bottom));z-index:30;display:flex;gap:8px}.pov-tools .btn{flex:none;height:48px;padding:0 18px;font-size:15px}.pov-tools .btn.on{background:#ffe3dc;color:#b03a2e}.panel.actions .row .btn{flex:1}.save-video{position:fixed;right:14px;bottom:calc(150px + env(safe-area-inset-bottom));z-index:31;height:48px;padding:0 18px;font-size:15px;flex:none;animation:dropin .3s ease}body.pov .save-video{bottom:calc(84px + env(safe-area-inset-bottom))}.chip.crazy[aria-checked=true]{border-color:var(--accent);background:#fff1ec;box-shadow:0 0 0 3px #ff7a5938}.notes li.wild{border-left-color:#ff5d8f;background:#fff3f7}.pov-tools{align-items:center;flex-wrap:wrap;justify-content:flex-end;max-width:calc(100% - 28px)}.pov-riders{background:var(--paper);border-radius:22px;padding:4px;box-shadow:var(--shadow)}.undo-controls{margin-left:auto}.undo-controls+.view-controls{margin-left:0}.icon-btn[disabled]{opacity:.35}@media(max-width:840px){.undo-controls{margin-left:0}}.chain .insert-here{background:#fffbe6;border:2px dashed var(--sun);color:#8a6d00;font-size:12.5px;padding:0 10px;cursor:pointer}#builder.drop-target .panel:has(.chain){box-shadow:var(--shadow),0 0 0 3px #39c1f080}.panel.mad{background:linear-gradient(180deg,#fff1ec,#fff8f5)}.panel.mad .pe-label b{color:#c2410c}.menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.menu-item{background:#fff;border-radius:14px;padding:10px 6px;display:flex;flex-direction:column;align-items:center;gap:4px;box-shadow:0 3px #e6ecf7;border:2px solid transparent}.menu-item .mi-emoji{font-size:30px;line-height:1}.menu-item .mi-name{font-size:12px;font-weight:700;text-align:center;line-height:1.1}.menu-item.on{border-color:var(--accent);background:#fff6f2}.menu-item:active{transform:scale(.96)}.shack-options{background:#fff;border-radius:14px;padding:10px 12px;margin-top:8px;box-shadow:0 2px #e6ecf7}.shack-options .opt-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:6px}.shack-options .opt-row .sp-label{margin:0 6px 0 0}.shack-options .btn{margin-top:6px}.shack-log{display:flex;flex-direction:column;gap:8px}.served{background:#fff;border-radius:14px;padding:10px 12px;box-shadow:0 2px #e6ecf7}.served .sv-head{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px}.served .sv-head .face{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:12px}.served .sv-says{font-size:14px;margin:6px 0;font-style:italic}.served .sv-phys{font-size:12.5px;color:var(--ink-soft);font-weight:500;line-height:1.4;border-left:4px solid var(--sun);padding-left:8px}.shack .sp-current .chips{margin-top:4px}.tunnel-dim{position:fixed;inset:0;pointer-events:none;z-index:12;opacity:0;transition:opacity .35s ease;background:radial-gradient(ellipse at center,#050a1e59 30%,#050a1ef2)}.live.slow .live-value{color:#b36cff}.pgraph{width:100%;height:auto;background:#fff;border-radius:12px;box-shadow:0 2px #e6ecf7;display:block}.pgraph .pg-band{cursor:pointer}.pgraph .pg-band:active{fill:#fff6cf}.swatches{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.swatch{width:32px;height:32px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 2px #dfe7f5}.swatch.on{box-shadow:0 0 0 3px var(--water)}.chip.add{background:#fff6cf}.chip-edit{margin-left:4px;width:24px;height:24px;border-radius:12px;background:#eef3fb;font-size:12px}.park-move{padding:6px 4px 2px}.park-pad{display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(3,40px);gap:4px;justify-content:start;margin-top:6px}.park-pad #park-up{grid-column:2;grid-row:1}.park-pad #park-left{grid-column:1;grid-row:2}.park-pad #park-turn{grid-column:2;grid-row:2}.park-pad #park-right{grid-column:3;grid-row:2}.park-pad #park-down{grid-column:2;grid-row:3}.slide-row .sr-park{font-size:11px;color:var(--water);font-weight:800;margin-left:6px}#send-quick{display:none}@media(max-width:600px){#topbar{flex-wrap:wrap;gap:8px;padding:8px 10px;padding-top:calc(8px + env(safe-area-inset-top))}.logo{font-size:20px}.slides-btn{flex:1 1 120px;min-width:0;max-width:none}.user-btn{order:2;margin-left:auto}.undo-controls{order:3;margin-left:0;flex:0 0 30%;justify-content:space-around}.undo-controls+.view-controls{order:4;flex:1 1 60%;justify-content:space-between;overflow-x:auto;scrollbar-width:none}.view-controls .icon-btn{width:40px;height:40px;font-size:20px}#builder-toggle,.live{top:calc(126px + env(safe-area-inset-top))}#builder{top:calc(180px + env(safe-area-inset-top));left:8px;width:calc(100% - 16px);max-height:calc(100% - 330px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}#builder-toggle{left:8px}#send-quick{display:block;position:fixed;right:8px;top:calc(126px + env(safe-area-inset-top));z-index:16;height:44px;padding:0 18px;border-radius:22px;background:var(--accent);color:#fff;font-weight:800;box-shadow:var(--shadow)}#builder.open~#send-quick{display:none}.report{bottom:150px;max-height:50%}.pov-tools{right:8px}}.verdict{background:linear-gradient(135deg,#fff1ec,#fff8e8);border-radius:14px;padding:12px 14px;margin-bottom:12px;border-left:5px solid var(--sun)}.verdict .v-head{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:#b06a00;margin-bottom:4px}.verdict p{margin:0;font-size:15px;line-height:1.4}.verdict b{font-size:17px}