:root{--color-bg:#0e0e1a;--color-surface:#16162a;--color-surface-raised:#1e1e36;--color-border:#2a2a45;--color-text:#e8e4d9;--color-muted:#7a7896;--color-hope:#c9a044;--color-hope-glow:#c9a04480;--color-fear:#7c5cbf;--color-fear-glow:#7c5cbf80;--color-danger:#c94c4c;--color-armor:#4a8fbf;--color-stress:#9060c0;--font-display:"Cinzel", serif;--font-ui:"Rajdhani", sans-serif;--font-body:"Inter", sans-serif;--font-size-base:14px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:40px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--color-bg);width:100%;height:100%;color:var(--color-text);font-family:var(--font-body);font-size:var(--font-size-base);-webkit-font-smoothing:antialiased}.chisei-bg{background:var(--color-bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.chisei-container{align-items:center;gap:var(--space-xl);flex-direction:column;display:flex}.chisei-title{font-family:var(--font-display);color:var(--color-muted);letter-spacing:.3em;text-transform:uppercase;margin:0;font-size:2rem;font-weight:400}.chisei-cards{gap:var(--space-lg);flex-wrap:wrap;justify-content:center;display:flex}.chisei-card{align-items:center;gap:var(--space-md);padding:var(--space-xl) var(--space-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--color-border);cursor:pointer;min-width:140px;color:var(--color-text);background:#16162ad9;border-radius:8px;flex-direction:column;transition:box-shadow .15s,transform .15s,border-color .15s;display:flex}.chisei-card:hover:not(:disabled){border-color:var(--color-hope);box-shadow:0 0 0 2px var(--color-hope);transform:translateY(-2px)}.chisei-card:disabled{opacity:.5;cursor:not-allowed}.chisei-card-avatar{background:var(--color-border);width:72px;height:72px;font-family:var(--font-display);color:var(--color-text);border-radius:50%;justify-content:center;align-items:center;font-size:2rem;font-weight:600;display:flex}.player-card .chisei-card-avatar{background:color-mix(in srgb, var(--color-hope) 15%, var(--color-surface));color:var(--color-hope)}.gm-card .chisei-card-avatar{background:color-mix(in srgb, var(--color-fear) 20%, var(--color-surface));font-size:1.5rem}.chisei-card-name{font-family:var(--font-ui);letter-spacing:.08em;color:var(--color-text);font-size:1rem;font-weight:500}.pin-overlay{z-index:100;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pin-modal{background:var(--color-surface);border:1px solid var(--color-border);padding:var(--space-xl);align-items:center;gap:var(--space-md);border-radius:8px;flex-direction:column;min-width:240px;display:flex}.pin-modal h2{font-family:var(--font-display);color:var(--color-muted);letter-spacing:.2em;text-transform:uppercase;margin:0;font-size:1rem;font-weight:400}.pin-input{background:var(--color-bg);border:1px solid var(--color-border);width:100%;padding:var(--space-sm) var(--space-md);color:var(--color-text);text-align:center;letter-spacing:.3em;box-sizing:border-box;border-radius:4px;outline:none;font-size:1.5rem}.pin-input:focus{border-color:var(--color-fear)}.pin-error{font-family:var(--font-ui);color:var(--color-danger);margin:0;font-size:.8rem}.pin-submit{width:100%;padding:var(--space-sm) var(--space-md);background:var(--color-fear);color:var(--color-text);font-family:var(--font-ui);letter-spacing:.1em;cursor:pointer;border:none;border-radius:4px;font-size:.9rem;font-weight:600;transition:opacity .15s}.pin-submit:hover:not(:disabled){opacity:.85}.pin-submit:disabled{opacity:.4;cursor:not-allowed}.scene-token-layer{pointer-events:none;transform-origin:0 0;position:absolute;inset:0}.scene-token{pointer-events:auto;cursor:grab;box-sizing:border-box;-webkit-user-select:none;user-select:none;border:3px solid;border-radius:50%;justify-content:center;align-items:center;transition:box-shadow .15s;display:flex;position:absolute}.scene-token:hover{z-index:10}.scene-token:active{cursor:grabbing}.scene-token--character{border-color:var(--token-color,#f0c060);box-shadow:0 0 8px var(--token-color,#f0c06066);background:#111;overflow:hidden}.scene-token--adversary{background:#1c0a0a;border-color:#e74c3c;flex-direction:column;box-shadow:0 0 8px #e74c3c66}.scene-token--adversary:hover{box-shadow:0 0 14px #e74c3cb3}.scene-token--character:hover{box-shadow:0 0 14px var(--token-color,#f0c060b3)}.scene-token-portrait{object-fit:cover;pointer-events:none;border-radius:50%;width:100%;height:100%;display:block}.scene-token-char-label{color:#fff;text-shadow:0 1px 4px #000,0 0 8px #000000e6;pointer-events:none;letter-spacing:.5px;justify-content:center;align-items:center;font-family:Rajdhani,sans-serif;font-weight:800;display:flex;position:absolute;inset:0}.scene-token-number{color:#e74c3c;pointer-events:none;font-family:Rajdhani,sans-serif;font-weight:800;line-height:1}.scene-token-label{color:#e74c3c;white-space:nowrap;text-shadow:0 1px 4px #000,0 0 6px #000;pointer-events:none;letter-spacing:.5px;font-family:Rajdhani,sans-serif;font-size:11px;font-weight:700;position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%)}.token-ctx-menu{z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#140f1ef7;border:1px solid #ffffff1f;border-radius:6px;padding:6px;position:fixed;box-shadow:0 4px 20px #000000b3}.token-ctx-sizes{gap:4px;margin-bottom:0;display:flex}.token-ctx-size{color:#aaa;cursor:pointer;letter-spacing:.5px;background:#ffffff12;border:1px solid #ffffff1f;border-radius:4px;padding:4px 10px;font-family:Rajdhani,sans-serif;font-size:11px;font-weight:700}.token-ctx-size:hover{color:#fff;background:#ffffff24}.token-ctx-size--active{color:#f0c060;background:#f0c0602e;border-color:#f0c06080}.token-ctx-remove{color:#e74c3c;letter-spacing:.5px;cursor:pointer;background:#e74c3c1f;border:1px solid #e74c3c40;border-radius:4px;width:100%;margin-top:5px;padding:4px 8px;font-family:Rajdhani,sans-serif;font-size:11px;font-weight:700;display:block}.token-ctx-remove:hover{background:#e74c3c47}.scene-ctrl-btn--token{color:#888;letter-spacing:.5px;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:4px;padding:3px 10px;font-family:Rajdhani,sans-serif;font-size:11px;font-weight:700}.scene-ctrl-btn--token:hover{color:#ccc;background:#ffffff1f}.scene-ctrl-btn--token.scene-ctrl-btn--active{color:#f0c060;background:#f0c06026;border-color:#f0c06066}.avatar-bar{z-index:20;justify-content:center;align-items:flex-end;gap:var(--space-xl);padding:var(--space-sm) var(--space-lg) var(--space-md);pointer-events:none;display:flex;position:fixed;bottom:0;left:0;right:0}.avatar-slot{pointer-events:auto;flex-direction:column;align-items:center;gap:4px;display:flex;position:relative}.avatar-tokens{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;border-radius:6px;flex-direction:column;align-items:flex-start;gap:3px;padding:4px 6px;display:flex}.avatar-token-group{align-items:center;gap:3px;display:flex}.avatar-token-label{font-family:var(--font-ui);letter-spacing:.08em;color:var(--color-muted);text-align:left;width:22px;font-size:8px}.token{cursor:pointer;border:1px solid #0000;border-radius:50%;width:10px;height:10px;transition:transform .1s}.token:hover{transform:scale(1.2)}.token.token--filled{opacity:1}.token.token--empty{opacity:.25;border-color:currentColor;background:0 0!important}.token--hp{color:#c94c4c;background:#c94c4c}.token--stress{color:#7c5cbf;background:#7c5cbf}.token--armor{color:#4a7fb0;background:#4a7fb0;border-radius:2px}.token--hp.token--filled{box-shadow:0 0 4px #c94c4cb3}.token--stress.token--filled{box-shadow:0 0 4px #7c5cbfb3}.token--armor.token--filled{box-shadow:0 0 4px #4a8fbfb3}.token--hope.token--filled{box-shadow:0 0 5px #c9a044cc}.token--hope{background:var(--color-hope);width:9px;height:9px;color:var(--color-hope);border-radius:1px;transform:rotate(45deg)}.token--hope:hover{transform:rotate(45deg)scale(1.2)}.avatar-img-wrap{cursor:pointer;position:relative}.avatar-img{object-fit:cover;object-position:top;filter:drop-shadow(0 4px 12px #000c);background:0 0;border-radius:8px 8px 0 0;width:144px;height:192px;transition:filter .15s}.avatar-img:hover{filter:brightness(1.08)drop-shadow(0 2px 12px #c8a84c80)}.avatar-img-placeholder{background:var(--color-surface);border:1px dashed var(--color-border);width:144px;height:192px;color:var(--color-muted);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;font-size:10px;display:flex}.avatar-name{font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted);font-size:9px}.emotion-carousel{background:var(--color-surface);border:1px solid var(--color-border);padding:var(--space-sm);gap:var(--space-xs);z-index:30;border-radius:8px;grid-template-columns:repeat(3,52px);display:grid;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0009}.emotion-thumb{cursor:pointer;border-radius:4px;flex-direction:column;align-items:center;gap:2px;padding:4px;transition:background .1s;display:flex}.emotion-thumb:hover{background:var(--color-border)}.emotion-thumb img{object-fit:cover;object-position:top;border-radius:4px;width:44px;height:44px}.emotion-thumb span{color:var(--color-muted);text-transform:capitalize;font-size:8px}.sheet-overlay{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#05050ed9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sheet-modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;flex-direction:column;width:min(92vw,980px);max-height:88vh;display:flex;overflow:hidden;box-shadow:0 12px 60px #000000e6,0 0 0 1px #c9a04412}.sheet-header{border-bottom:1px solid var(--color-border);background:var(--color-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 16px;display:flex}.sheet-title{font-family:var(--font-display);letter-spacing:.15em;color:var(--color-hope);font-size:13px;font-weight:600}.sheet-close{border:1px solid var(--color-border);color:var(--color-muted);font-family:var(--font-ui);letter-spacing:.1em;cursor:pointer;background:0 0;border-radius:4px;padding:3px 8px;font-size:11px;transition:color .15s,border-color .15s}.sheet-close:hover{color:var(--color-text);border-color:var(--color-text)}.sheet-tabs{border-bottom:1px solid var(--color-border);background:#12121e;flex-shrink:0;display:flex}.sheet-tab{font-family:var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted);cursor:pointer;border-bottom:2px solid #0000;padding:8px 20px;font-size:11px;transition:color .15s,border-color .15s}.sheet-tab.active{color:var(--color-hope);border-bottom-color:var(--color-hope)}.sheet-tab:hover:not(.active){color:var(--color-text)}.sheet-body{flex:1;padding:16px;overflow-y:auto}.sheet-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.sheet-section{margin-bottom:12px}.sheet-stat-box{background:#c9a0440f;border:1px solid #c9a04459;border-radius:6px;margin-bottom:8px;padding:6px 8px}.sheet-section-header{width:100%;font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--color-hope);background:#c9a04414;border:1px solid #c9a04459;border-radius:4px;margin-bottom:8px;padding:4px 10px;font-size:10px;font-weight:600;display:block}.sheet-field{margin-bottom:var(--space-sm);flex-direction:column;gap:3px;display:flex}.sheet-field label{font-family:var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--color-muted);font-size:9px}.sheet-input{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text);font-size:13px;font-family:var(--font-body);border-radius:4px;width:100%;padding:5px 8px;transition:border-color .15s}.sheet-input:focus{border-color:#c9a04480;outline:none}.sheet-textarea{resize:vertical;min-height:50px;font-size:12px;line-height:1.5}.sheet-identity-row{grid-template-columns:1fr 1fr 1fr auto;align-items:end;gap:10px;margin-bottom:14px;display:grid}.sheet-level-box{border:2px solid var(--color-hope);background:var(--color-bg);border-radius:6px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:1px;width:46px;height:46px;display:flex}.sheet-level-label{font-family:var(--font-ui);letter-spacing:.12em;color:var(--color-muted);text-transform:uppercase;font-size:8px}.sheet-level-input{font-family:var(--font-display);color:var(--color-hope);text-align:center;background:0 0;border:none;width:40px;padding:0;font-size:18px;font-weight:700;line-height:1}.sheet-level-input:focus{outline:none}.sheet-traits-bar{background:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;grid-template-columns:repeat(6,1fr);margin-bottom:10px;display:grid;overflow:hidden}.sheet-trait-cell{border-right:1px solid var(--color-border);flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:7px 4px;transition:background .12s;display:flex}.sheet-trait-cell:last-child{border-right:none}.sheet-trait-cell:focus-within{background:#c9a0440a}.trait-name{font-family:var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted);order:1;font-size:8px}.trait-value-input{font-family:var(--font-display);text-align:center;width:52px;color:var(--color-text);background:0 0;border:none;order:2;padding:0;font-size:22px;font-weight:700;line-height:1}.trait-value-input:focus{outline:none}.sheet-evade-row{align-items:stretch;gap:8px;width:calc(50% - 7px);margin-bottom:12px;display:flex}.sheet-stat-badge{background:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:1px;padding:4px 12px;display:flex}.sheet-stat-badge-label{font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted);font-size:8px}.sheet-stat-badge-input{font-family:var(--font-display);color:var(--color-text);text-align:center;background:0 0;border:none;width:48px;padding:0;font-size:20px;font-weight:700;line-height:1}.sheet-stat-badge-input:focus{outline:none}.sheet-soglie-compact{background:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;flex-direction:column;flex:1;justify-content:center;gap:3px;padding:4px 10px;display:flex}.sheet-soglie-compact-label{font-family:var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--color-muted);font-size:8px}.sheet-soglie-scale{align-items:center;width:100%;display:flex}.sheet-soglie-start{background:var(--color-border);border-radius:50%;flex-shrink:0;width:5px;height:5px}.sheet-soglie-line{flex:1;height:2px}.sheet-soglie-line-1{background:linear-gradient(90deg,#3a3a5a,#c94c4c4d)}.sheet-soglie-line-2{background:linear-gradient(90deg,#c94c4c4d,#c94c4c99)}.sheet-soglie-line-3{background:linear-gradient(90deg,#c94c4c99,#c94c4c)}.sheet-soglie-node{flex-direction:column;flex-shrink:0;align-items:center;gap:1px;display:flex}.sheet-soglia-dot-sm{background:var(--color-danger);border-radius:50%;width:6px;height:6px}.sheet-soglia-dot-md{background:var(--color-danger);border-radius:50%;width:8px;height:8px;box-shadow:0 0 4px #c94c4c99}.sheet-soglia-dot-lg{background:var(--color-danger);border-radius:50%;width:9px;height:9px;box-shadow:0 0 5px #c94c4ccc}.sheet-soglia-lbl{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.06em;color:#fff9;font-size:7px}.sheet-soglie-inputs{justify-content:space-around;margin-top:3px;display:flex}.sheet-soglia-field{flex-direction:column;align-items:center;gap:1px;display:flex}.sheet-soglia-val{font-family:var(--font-display);color:#fff;-webkit-text-fill-color:#fff;text-align:center;background:0 0;border:none;border-bottom:1px solid #ffffff4d;width:44px;padding:1px 0;font-size:18px;font-weight:700;line-height:1.2}.sheet-soglia-val:focus{border-bottom-color:#fff;outline:none}.sheet-soglia-val::placeholder{color:#fff;-webkit-text-fill-color:#fff;opacity:.8}.sheet-stat-label{font-family:var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted);align-items:baseline;gap:4px;margin-bottom:4px;font-size:9px;display:flex}.sheet-stat-cur{font-family:var(--font-display);color:var(--color-text);font-size:13px}.sheet-stat-sep{color:var(--color-muted);font-size:11px}.sheet-stat-max-input{font-family:var(--font-display);color:var(--color-text);text-align:center;-moz-appearance:textfield;background:0 0;border:none;border-bottom:1px dotted #7a789666;width:28px;padding:0;font-size:13px}.sheet-stat-max-input::-webkit-outer-spin-button{-webkit-appearance:none}.sheet-stat-max-input::-webkit-inner-spin-button{-webkit-appearance:none}.sheet-stat-max-input:focus{border-bottom-color:#c9a04480;outline:none}.sheet-token-row{flex-wrap:wrap;align-items:center;gap:4px;min-height:20px;display:flex}.sheet-token{cursor:pointer;box-sizing:border-box;flex-shrink:0;width:15px;height:15px;transition:transform .1s}.sheet-token:hover{transform:scale(1.18)}.sheet-token.hp{border:1.5px solid var(--color-danger);background:#c94c4ca6;border-radius:50%}.sheet-token.stress{border:1.5px solid var(--color-stress);background:#9060c099;border-radius:50%}.sheet-token.armor{border:1.5px solid var(--color-armor);background:#4a8fbf80;border-radius:3px}.sheet-token.hope{border:1.5px solid var(--color-hope);background:#c9a04414;border-radius:2px;width:13px;height:13px;margin:2px 3px;transform:rotate(45deg)}.sheet-token.hope:hover{transform:rotate(45deg)scale(1.18)}.sheet-token.filled.hp{box-shadow:0 0 5px #c94c4c8c}.sheet-token.filled.stress{box-shadow:0 0 5px #9060c08c}.sheet-token.filled.armor{box-shadow:0 0 5px #4a8fbf8c}.sheet-token.filled.hope{box-shadow:0 0 6px #c9a044b3;background:#c9a04480!important}.sheet-token.empty{opacity:.25;box-shadow:none!important;background:0 0!important}.sheet-oro-input{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text);font-family:var(--font-display);text-align:center;border-radius:4px;width:100%;padding:4px;font-size:15px;transition:border-color .15s}.sheet-oro-input:focus{border-color:#c9a04480;outline:none}.sheet-weapon{background:var(--color-bg);border:1px solid var(--color-border);padding:var(--space-sm);margin-bottom:var(--space-sm);border-radius:6px}.sheet-weapon-title{font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted);border-bottom:1px solid var(--color-border);margin-bottom:5px;padding-bottom:3px;font-size:9px}.sheet-weapon-grid{gap:var(--space-xs);grid-template-columns:1fr 1fr;display:grid}.ability-block{background:var(--color-bg);border:1px solid var(--color-border);padding:var(--space-sm);margin-bottom:var(--space-sm);border-radius:6px}.ability-block input{border:none;border-bottom:1px solid var(--color-border);color:var(--color-text);font-size:.85rem;font-family:var(--font-body);background:0 0;width:100%;margin-bottom:6px;padding:2px 0}.ability-block input:focus{border-bottom-color:#c9a04480;outline:none}.ability-block textarea{color:var(--color-muted);font-size:.8rem;font-family:var(--font-body);resize:vertical;background:0 0;border:none;width:100%;min-height:50px}.ability-block textarea:focus{outline:none}.ability-add-btn{border:1px dashed var(--color-border);color:var(--color-muted);font-family:var(--font-ui);letter-spacing:.05em;padding:var(--space-sm);cursor:pointer;background:0 0;border-radius:6px;width:100%;font-size:.78rem;transition:border-color .15s,color .15s}.ability-add-btn:hover{border-color:var(--color-hope);color:var(--color-hope)}.sheet-print{border:1px solid var(--color-border);color:var(--color-muted);font-family:var(--font-ui);letter-spacing:.1em;cursor:pointer;background:0 0;border-radius:4px;padding:3px 10px;font-size:11px;transition:color .15s,border-color .15s}.sheet-print:hover{color:var(--color-text);border-color:var(--color-text)}.print-layout{display:none}@page{size:A4;margin:15mm}@media print{body>*{display:none!important}#print-root{display:block!important}.print-layout{color:#000;background:#fff;width:100%;font-family:sans-serif;font-size:10px;display:block!important}.print-char-name{border-bottom:2px solid #000;margin:0 0 4px;padding-bottom:4px;font-size:16px;font-weight:700}.print-identity-row{color:#444;flex-wrap:wrap;gap:12px;margin-bottom:10px;font-size:9px;display:flex}.print-cols{grid-template-columns:1fr 1fr;gap:14px;display:grid}.print-section{margin-bottom:7px}.print-section-title{text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid #aaa;margin-bottom:3px;padding-bottom:1px;font-size:9px;font-weight:700}.print-traits{grid-template-columns:1fr 1fr;gap:1px 8px;display:grid}.print-trait-row{border-bottom:1px dotted #ddd;justify-content:space-between;align-items:center;padding:1px 0;display:flex}.print-trait-label{color:#555;font-size:9px}.print-trait-value{text-align:right;min-width:28px;font-size:10px;font-weight:700}.print-field-row{border-bottom:1px dotted #ddd;justify-content:space-between;align-items:baseline;gap:8px;padding:1px 0;display:flex}.print-label{color:#555;white-space:nowrap;font-size:9px}.print-value{text-align:right;font-size:9px;font-weight:700}.print-text{white-space:pre-wrap;margin:2px 0 0;font-size:9px;line-height:1.4}.print-weapon{border:1px solid #ccc;border-radius:2px;margin-bottom:5px;padding:3px 4px}.print-weapon-title{color:#666;text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px;font-size:8px;font-weight:700}.print-page-abilities{page-break-before:always;break-before:page}.print-abilities-header{border-bottom:2px solid #000;margin:0 0 10px;padding-bottom:4px;font-size:14px;font-weight:700}.print-ability{page-break-inside:avoid;break-inside:avoid;border-bottom:1px solid #ddd;margin-bottom:8px;padding-bottom:7px}.print-ability-title{margin-bottom:2px;font-size:10px;font-weight:700}.print-ability-desc{white-space:pre-wrap;color:#222;margin:0;font-size:9px;line-height:1.4}}.dice-panel{gap:var(--space-sm);padding:var(--space-sm) var(--space-md) var(--space-md);background:var(--color-surface);flex-direction:column;flex-shrink:0;display:flex}.dice-panel-title{font-family:var(--font-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--color-muted);font-size:.58rem}.dice-icons-grid{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.die-icon{border:1px solid var(--color-border);color:var(--color-muted);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border-radius:6px;flex-direction:column;align-items:center;gap:2px;padding:6px 4px 4px;transition:color .12s,border-color .12s,background .12s,transform .12s,filter .12s;display:flex;position:relative}.die-icon:hover{color:var(--color-text);border-color:var(--color-muted);filter:brightness(1.15);transform:scale(1.05)}.die-icon--selected{color:var(--color-hope);border-color:var(--color-hope);background:color-mix(in srgb, var(--color-hope) 10%, transparent)}.die-icon--duality{grid-column:span 2}.die-icon--duality.die-icon--selected{color:var(--color-text);border-color:var(--color-fear);background:color-mix(in srgb, var(--color-fear) 10%, transparent)}.die-label{font-family:var(--font-ui);letter-spacing:.06em;text-transform:uppercase;font-size:.58rem;line-height:1}.die-count{color:var(--color-hope);font-size:.6rem;font-weight:700;line-height:1;position:absolute;top:3px;right:5px}.dice-preview{color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);text-align:center;border-radius:4px;justify-content:center;align-items:center;min-height:26px;padding:4px 8px;font-size:.78rem;display:flex}.dice-preview--empty{color:var(--color-muted)}.dice-mod-row{align-items:center;gap:var(--space-sm);display:flex}.dice-mod-label{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted);font-size:.68rem}.dice-modifier-input{background:var(--color-bg);border:1px solid var(--color-border);width:64px;color:var(--color-text);text-align:center;font-size:.85rem;font-family:var(--font-body);border-radius:4px;padding:4px 6px}.dice-modifier-input:focus{border-color:var(--color-hope);outline:none}.dice-toggles{flex-wrap:wrap;gap:5px;display:flex}.dice-toggle{font-family:var(--font-ui);border:1px solid var(--color-border);color:var(--color-muted);cursor:pointer;background:0 0;border-radius:4px;padding:3px 8px;font-size:.65rem;transition:background .12s,color .12s,border-color .12s}.dice-toggle.active.adv{border-color:var(--color-hope);color:var(--color-hope);background:color-mix(in srgb, var(--color-hope) 10%, transparent)}.dice-toggle.active.disadv{border-color:var(--color-danger);color:var(--color-danger);background:color-mix(in srgb, var(--color-danger) 10%, transparent)}.dice-toggle.active.hidden-toggle{color:#7c5cbf;background:#7c5cbf1a;border-color:#7c5cbf}.dice-actions{gap:var(--space-xs);display:flex}.dice-btn-reset{border:1px solid var(--color-border);color:var(--color-muted);cursor:pointer;background:0 0;border-radius:5px;flex-shrink:0;padding:7px 14px;font-size:.8rem;transition:border-color .12s,color .12s}.dice-btn-reset:hover:not(:disabled){border-color:var(--color-text);color:var(--color-text)}.dice-btn-roll{background:var(--color-hope);color:#0d0d0f;font-family:var(--font-ui);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border:none;border-radius:5px;flex:1;padding:7px;font-size:.85rem;font-weight:700;transition:opacity .15s}.dice-btn-roll:hover:not(:disabled){opacity:.85}.dice-btn-reset:disabled,.dice-btn-roll:disabled{opacity:.3;cursor:default}.dice-animation-container{z-index:100;pointer-events:auto;cursor:pointer;flex-direction:column;align-items:center;gap:20px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.dice-animation-overlay{flex-wrap:wrap;justify-content:center;gap:24px;max-width:80vw;display:flex}.dice-anim-wrapper{flex-direction:column;align-items:center;animation:.4s ease-out both die-wrapper-in;display:flex}.die-anim-face{animation:.55s ease-out both dice-flip}.d12-label{font-family:var(--font-ui);letter-spacing:.14em;text-transform:uppercase;text-align:center;margin-top:8px;font-size:.62rem;font-weight:600}.dice-svg--speranza{filter:drop-shadow(0 0 14px #c9a044a6)drop-shadow(0 0 4px #c9a044a6);animation:2.8s ease-in-out .6s infinite pulse-hope}.dice-svg--paura{filter:drop-shadow(0 0 14px #7c5cbfa6)drop-shadow(0 0 4px #7c5cbfa6);animation:2.8s ease-in-out .6s infinite pulse-fear}.dice-svg--bonus{filter:drop-shadow(0 0 10px #3c8c3c73)drop-shadow(0 0 3px #3c8c3c73)}.dice-svg--formula{filter:drop-shadow(0 0 10px #5a5aa066)drop-shadow(0 0 3px #5a5aa066)}.dice-result-badge{font-family:var(--font-ui);letter-spacing:.16em;text-transform:uppercase;text-align:center;border:1px solid;border-radius:4px;padding:6px 24px;font-size:.72rem;font-weight:700;animation:.4s ease-out .35s both die-wrapper-in}.dice-result-badge--speranza{color:#f0d580;background:#c9a0441f;border-color:#c9a04473}.dice-result-badge--paura{color:#c4b0ff;background:#7c5cbf1f;border-color:#7c5cbf73}.dice-result-badge--critico{border-color:var(--color-hope);box-shadow:0 0 8px var(--color-hope-glow);color:#fce88a;font-family:var(--font-display);letter-spacing:.22em;background:#c9a04414}@keyframes dice-flip{0%{opacity:0;transform:rotateY(0)scale(.4)}45%{opacity:1;transform:rotateY(180deg)scale(1.1)}72%{transform:rotateY(360deg)scale(.94)}to{opacity:1;transform:rotateY(360deg)scale(1)}}@keyframes die-wrapper-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-hope{0%,to{filter:drop-shadow(0 0 14px #c9a044a6)drop-shadow(0 0 4px #c9a044a6)}50%{filter:drop-shadow(0 0 24px #c9a044f2)drop-shadow(0 0 8px #c9a044cc)}}@keyframes pulse-fear{0%,to{filter:drop-shadow(0 0 14px #7c5cbfa6)drop-shadow(0 0 4px #7c5cbfa6)}50%{filter:drop-shadow(0 0 24px #7c5cbff2)drop-shadow(0 0 8px #7c5cbfcc)}}.chat-panel{border-bottom:1px solid var(--color-border);flex-direction:column;flex:1;display:flex;overflow:hidden}.chat-messages{padding:var(--space-sm);flex-direction:column;flex:1;gap:6px;display:flex;overflow-y:auto}.chat-msg{font-family:var(--font-body);font-size:.81rem;line-height:1.45}.chat-msg-sender{font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted);margin-bottom:2px;font-size:.62rem;font-weight:600}.chat-msg--text .chat-msg-text{color:var(--color-text)}.chat-msg--dice{background:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;padding:6px 8px}.chat-msg--dice.outcome-critico{border-color:var(--color-hope)}.chat-msg--dice.outcome-speranza{border-color:#c9a04480}.chat-msg--dice.outcome-paura{border-color:#7c5cbf80}.dice-result-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dice-result-dice{font-family:var(--font-body);color:var(--color-muted);font-size:.7rem}.dice-result-dice .speranza{color:var(--color-hope)}.dice-result-dice .paura{color:var(--color-fear)}.dice-result-total{font-family:var(--font-display);color:var(--color-text);font-size:1.15rem;font-weight:700;line-height:1}.outcome-speranza .dice-result-total{color:var(--color-hope)}.outcome-paura .dice-result-total{color:var(--color-fear)}.outcome-critico .dice-result-total{color:#fce88a}.dice-result-outcome{font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;border-radius:3px;padding:2px 7px;font-size:.62rem;font-weight:700}.outcome-critico .dice-result-outcome{background:var(--color-hope);color:#0d0d0f;font-family:var(--font-display);letter-spacing:.16em}.outcome-speranza .dice-result-outcome{color:var(--color-hope);background:#c9a04426}.outcome-paura .dice-result-outcome{color:var(--color-fear);background:#7c5cbf26}.dice-result-formula{font-family:var(--font-body);color:var(--color-muted);margin-top:2px;font-size:.68rem}.chat-msg--hidden{font-family:var(--font-body);color:var(--color-muted);font-size:.75rem;font-style:italic}.chat-input-row{border-top:1px solid var(--color-border);padding:var(--space-xs) var(--space-sm);gap:var(--space-xs);flex-shrink:0;display:flex}.chat-input{color:var(--color-text);font-size:.82rem;font-family:var(--font-body);background:0 0;border:none;flex:1}.chat-input:focus{outline:none}.chat-input::placeholder{color:var(--color-muted)}.chat-send-btn{color:var(--color-muted);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:.8rem}.chat-send-btn:hover{color:var(--color-hope)}.fear-bar{z-index:20;align-items:center;gap:var(--space-md);padding:5px var(--space-md);background:color-mix(in srgb, var(--color-bg) 80%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--color-border);white-space:nowrap;pointer-events:auto;border-radius:20px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.fear-label{letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted);font-size:.65rem}.fear-tokens{align-items:center;gap:5px;display:flex}.fear-token{border:1.5px solid var(--color-fear);cursor:default;background:0 0;border-radius:50%;width:16px;height:16px;padding:0;transition:background .1s,box-shadow .1s}.fear-token--active{background:var(--color-fear);box-shadow:0 0 5px color-mix(in srgb, var(--color-fear) 60%, transparent)}.fear-token--clickable{cursor:pointer}.fear-token--clickable:hover{background:color-mix(in srgb, var(--color-fear) 50%, transparent)}.fear-token--clickable.fear-token--active:hover{background:color-mix(in srgb, var(--color-fear) 70%, transparent)}@keyframes fear-flash{0%,to{border-color:var(--color-border);box-shadow:none}50%{border-color:var(--color-fear);box-shadow:0 0 22px 5px color-mix(in srgb, var(--color-fear) 95%, transparent)}}.fear-bar--flash{animation:.4s ease-in-out 3 fear-flash}.adv-float{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#16162ae0;border:1px solid #2a2a45b3;border-radius:6px;flex-direction:column;width:340px;max-height:80vh;display:flex;position:fixed;overflow:hidden;box-shadow:0 8px 32px #000000b3}.adv-float-header{padding:var(--space-sm) var(--space-md);background:color-mix(in srgb, var(--color-border) 60%, transparent);border-bottom:1px solid var(--color-border);cursor:grab;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.adv-float-header:active{cursor:grabbing}.adv-float-title{font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;font-weight:500;overflow:hidden}.adv-float-close{color:var(--color-muted);cursor:pointer;background:0 0;border:none;border-radius:3px;flex-shrink:0;padding:2px 4px;font-size:.9rem;transition:color .12s}.adv-float-close:hover{color:var(--color-danger)}.adv-float-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.adv-create{padding:var(--space-sm);border-bottom:1px solid var(--color-border);gap:var(--space-xs);flex-direction:column;flex-shrink:0;display:flex}.adv-paste-zone{border:1px dashed var(--color-border);background:var(--color-bg);border-radius:3px;justify-content:center;align-items:center;min-height:38px;transition:border-color .15s;display:flex;position:relative;overflow:hidden}.adv-paste-zone--filled{border-style:solid;border-color:var(--color-muted);min-height:70px;max-height:120px}.adv-paste-hint{color:var(--color-muted);letter-spacing:.03em;padding:var(--space-xs);font-size:.68rem}.adv-paste-preview{object-fit:contain;width:100%;max-height:120px;display:block}.adv-paste-clear{border:1px solid var(--color-border);color:var(--color-muted);cursor:pointer;background:#000000a6;border-radius:3px;padding:1px 4px;font-size:.7rem;line-height:1.3;transition:color .12s,border-color .12s;position:absolute;top:3px;right:3px}.adv-paste-clear:hover{color:var(--color-danger);border-color:var(--color-danger)}.adv-input{box-sizing:border-box;background:var(--color-bg);border:1px solid var(--color-border);width:100%;padding:var(--space-xs) var(--space-sm);color:var(--color-text);border-radius:3px;outline:none;font-size:.82rem}.adv-input:focus{border-color:var(--color-muted)}.adv-stats-row{align-items:flex-end;gap:var(--space-sm);display:flex}.adv-stat-label{color:var(--color-muted);letter-spacing:.05em;flex-direction:column;flex:1;gap:2px;font-size:.68rem;display:flex}.adv-stat-input{background:var(--color-bg);border:1px solid var(--color-border);padding:4px var(--space-xs);color:var(--color-text);box-sizing:border-box;border-radius:3px;outline:none;width:100%;font-size:.82rem}.adv-stat-input:focus{border-color:var(--color-muted)}.adv-stat-input::-webkit-inner-spin-button{-webkit-appearance:none}.adv-stat-input::-webkit-outer-spin-button{-webkit-appearance:none}.adv-btn{cursor:pointer;border:1px solid var(--color-border);color:var(--color-muted);background:0 0;border-radius:3px;flex-shrink:0;padding:3px 7px;font-size:.72rem;line-height:1.4;transition:color .12s,border-color .12s}.adv-btn:hover{color:var(--color-text);border-color:var(--color-text)}.adv-btn-create{background:color-mix(in srgb, var(--color-hope) 12%, transparent);border-color:var(--color-hope);color:var(--color-hope);align-self:flex-end;padding:4px 10px;font-size:1rem}.adv-btn-create:disabled{opacity:.35;cursor:default}.adv-btn-create:not(:disabled):hover{background:color-mix(in srgb, var(--color-hope) 22%, transparent)}.adv-btn-clone{font-size:.9rem}.adv-btn-clone:hover{color:var(--color-hope);border-color:var(--color-hope)}.adv-btn-delete:hover{color:var(--color-danger);border-color:var(--color-danger)}.adv-list{padding:var(--space-xs) 0;flex:1;overflow-y:auto}.adv-empty{padding:var(--space-md);color:var(--color-muted);text-align:center;margin:0;font-size:.78rem;line-height:1.5}.adv-card{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);flex-direction:column;gap:5px;display:flex}.adv-card:hover{background:color-mix(in srgb, var(--color-border) 25%, transparent)}.adv-card-top{align-items:center;gap:var(--space-xs);display:flex}.adv-card-thumb{object-fit:cover;border:1px solid var(--color-border);border-radius:2px;flex-shrink:0;width:44px;height:34px;transition:border-color .12s}.adv-card-thumb:hover{border-color:var(--color-hope)}.adv-card-thumb-empty{border:1px dashed var(--color-border);background:var(--color-bg);border-radius:2px;flex-shrink:0;width:44px;height:34px}.adv-card-name{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.82rem;overflow:hidden}.adv-tracker-row{align-items:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}.adv-tracker-label{color:var(--color-muted);flex-shrink:0;min-width:60px;font-size:.65rem}.adv-tokens{flex-wrap:wrap;gap:3px;display:flex}.adv-tokens-empty{color:var(--color-muted);font-size:.65rem}.adv-token{border:1px solid var(--color-border);cursor:pointer;background:0 0;border-radius:50%;width:11px;height:11px;padding:0;transition:background .1s,border-color .1s}.adv-token--hp:hover{border-color:var(--color-danger)}.adv-token--hp.adv-token--active{background:var(--color-danger);border-color:var(--color-danger)}.adv-token--stress:hover{border-color:var(--color-fear)}.adv-token--stress.adv-token--active{background:var(--color-fear);border-color:var(--color-fear)}.statblock-win{z-index:200;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#16162af5;border:1px solid #2a2a45d9;border-radius:6px;flex-direction:column;width:55vw;max-width:820px;height:70vh;display:flex;position:fixed;overflow:hidden;box-shadow:0 12px 48px #000000d9}.statblock-win-header{padding:var(--space-sm) var(--space-md);cursor:grab;-webkit-user-select:none;user-select:none;background:#2a2a4559;border-bottom:1px solid #2a2a458c;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.statblock-win-header:active{cursor:grabbing}.statblock-win-title{font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;font-weight:500;overflow:hidden}.statblock-win-close{color:var(--color-muted);cursor:pointer;background:0 0;border:none;border-radius:3px;flex-shrink:0;padding:2px 4px;font-size:.9rem;transition:color .12s}.statblock-win-close:hover{color:var(--color-danger)}.statblock-win-body{background:#0a0a14;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;overflow:auto}.statblock-win-img{object-fit:contain;max-width:100%;max-height:100%;display:block}.adv-btn-token{color:#e74c3c}.adv-btn-token:hover{color:var(--color-hope);border-color:var(--color-hope)}.countdown-area{z-index:20;pointer-events:auto;flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;top:12px;right:12px}.countdown-add-btn{border:1.5px solid var(--color-border);background:color-mix(in srgb, var(--color-bg) 80%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:28px;height:28px;color:var(--color-muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;line-height:1;transition:color .15s,border-color .15s;display:flex}.countdown-add-btn:hover,.countdown-add-btn--active{color:var(--color-hope);border-color:var(--color-hope)}.countdown-form{background:color-mix(in srgb, var(--color-bg) 90%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--color-border);border-radius:16px;align-items:center;gap:4px;padding:5px 10px;display:flex}.countdown-form-name{border:none;border-bottom:1px solid var(--color-border);color:var(--color-text);background:0 0;outline:none;width:110px;padding:2px 4px;font-size:.75rem}.countdown-form-name::placeholder{color:var(--color-muted)}.countdown-form-stepper{align-items:center;gap:2px;display:flex}.countdown-form-step{border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-size:1rem;line-height:1;transition:border-color .15s,color .15s;display:flex}.countdown-form-step:hover{border-color:var(--color-hope);color:var(--color-hope)}.countdown-form-ticks-val{color:var(--color-text);text-align:center;width:20px;font-size:.8rem}.countdown-form-ok,.countdown-form-cancel{cursor:pointer;background:0 0;border:none;border-radius:3px;padding:2px 4px;font-size:.8rem}.countdown-form-ok{color:var(--color-hope)}.countdown-form-cancel{color:var(--color-muted)}.countdown-form-ok:hover,.countdown-form-cancel:hover{color:var(--color-text)}.countdown-item{background:color-mix(in srgb, var(--color-bg) 80%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--color-border);white-space:nowrap;border-radius:16px;flex-direction:column;gap:4px;padding:5px 12px;transition:border-color .15s,box-shadow .15s;display:flex}.countdown-item-header{align-items:center;gap:var(--space-sm);justify-content:space-between;display:flex}.countdown-item-name{letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted);font-size:.65rem}.countdown-item-controls{align-items:center;gap:4px;display:flex}.countdown-vis-btn{cursor:pointer;color:var(--color-muted);background:0 0;border:none;padding:0 2px;font-size:.7rem;line-height:1;transition:color .15s}.countdown-vis-btn--on{color:var(--color-hope)}.countdown-vis-btn:hover{color:var(--color-text)}.countdown-del-btn{cursor:pointer;color:var(--color-muted);background:0 0;border:none;padding:0 2px;font-size:.65rem;line-height:1;transition:color .15s}.countdown-del-btn:hover{color:var(--color-danger)}.countdown-tokens{align-items:center;gap:4px;display:flex}.countdown-token{border:1.5px solid var(--color-hope);cursor:default;background:0 0;border-radius:50%;width:14px;height:14px;padding:0;transition:background .1s,box-shadow .1s}.countdown-token--active{background:var(--color-hope);box-shadow:0 0 4px color-mix(in srgb, var(--color-hope) 60%, transparent)}.countdown-token--clickable{cursor:pointer}.countdown-token--clickable:hover{background:color-mix(in srgb, var(--color-hope) 50%, transparent)}.countdown-token--clickable.countdown-token--active:hover{background:color-mix(in srgb, var(--color-hope) 70%, transparent)}@keyframes countdown-flash{0%{border-color:var(--color-hope);box-shadow:0 0 22px 5px color-mix(in srgb, var(--color-hope) 95%, transparent)}35%{border-color:var(--color-hope);box-shadow:0 0 22px 5px color-mix(in srgb, var(--color-hope) 90%, transparent)}to{border-color:var(--color-border);box-shadow:none}}.countdown-item--flash{animation:.7s ease-out forwards countdown-flash}@keyframes countdown-pulse{0%,to{border-color:var(--color-border);box-shadow:none}50%{border-color:var(--color-hope);box-shadow:0 0 14px color-mix(in srgb, var(--color-hope) 60%, transparent)}}.countdown-item--complete{animation:.7s ease-in-out infinite countdown-pulse}.shell-bg{background:var(--color-bg);flex-direction:column;display:flex;position:fixed;inset:0}.shell-header{z-index:10;padding:var(--space-sm) var(--space-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0e0e1ae0;border-bottom:1px solid #2a2a4599;justify-content:space-between;align-items:center;display:flex;position:relative}.shell-identity{font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted);font-size:.85rem;font-weight:500}.shell-logout{border:1px solid var(--color-border);padding:var(--space-xs) var(--space-md);color:var(--color-muted);font-family:var(--font-ui);letter-spacing:.08em;cursor:pointer;background:0 0;border-radius:4px;font-size:.8rem;font-weight:500;transition:color .15s,border-color .15s}.shell-logout:hover{color:var(--color-text);border-color:var(--color-text)}.shell-scene{flex:1}.shell-preview-badge{font-family:var(--font-ui);letter-spacing:.14em;background:color-mix(in srgb, var(--color-hope) 15%, transparent);border:1px solid var(--color-hope);color:var(--color-hope);border-radius:3px;padding:2px 8px;font-size:.65rem}.shell-main{flex:1;min-height:0;display:flex;overflow:hidden}.shell-canvas-wrap{flex:1;min-width:0;display:flex;position:relative;overflow:hidden}.shell-right{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#16162ad9;border-left:1px solid #2a2a4580;flex-direction:column;width:280px;min-width:280px;padding-bottom:20px;display:flex;overflow:hidden}.scene-canvas{cursor:grab;background:var(--color-bg);-webkit-user-select:none;user-select:none;flex:1;position:relative;overflow:hidden}.scene-bg{transform-origin:0 0;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.scene-bg.scene-fade-in{animation:.4s ease-out scene-fade}@keyframes scene-fade{0%{opacity:0}to{opacity:1}}.scene-placeholder{color:var(--color-muted);letter-spacing:.05em;pointer-events:none;justify-content:center;align-items:center;font-size:.9rem;display:flex;position:absolute;inset:0}.scene-sync-btn{bottom:var(--space-lg);right:var(--space-lg);z-index:20;background:color-mix(in srgb, var(--color-surface) 85%, transparent);border:1px solid var(--color-border);padding:var(--space-sm) var(--space-md);color:var(--color-text);cursor:pointer;border-radius:4px;font-size:.8rem;transition:background .15s,border-color .15s;position:absolute}.scene-sync-btn:hover{background:var(--color-surface);border-color:var(--color-hope);color:var(--color-hope)}.remote-cursor{pointer-events:none;z-index:40;position:absolute;transform:translate(-2px,-2px)}.remote-cursor svg{filter:drop-shadow(0 1px 2px #000c);display:block}.remote-cursor-label{color:#fff;white-space:nowrap;letter-spacing:.03em;background:#000000a6;border-radius:3px;padding:2px 6px;font-size:11px;line-height:1;position:absolute;top:18px;left:8px}.scene-panel{background:var(--color-surface);border-right:1px solid var(--color-border);flex-direction:column;flex-shrink:0;width:220px;display:flex;overflow-y:auto}.scene-panel-header{padding:var(--space-sm) var(--space-md);letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted);border-bottom:1px solid var(--color-border);font-size:.7rem}.scene-list{padding:var(--space-xs) 0;flex:1}.scene-empty{padding:var(--space-md);color:var(--color-muted);margin:0;font-size:.8rem}.scene-item{align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) var(--space-sm);border-bottom:1px solid var(--color-border);transition:background .1s;display:flex}.scene-item:hover{background:color-mix(in srgb, var(--color-border) 40%, transparent)}.scene-item.active{background:color-mix(in srgb, var(--color-hope) 8%, transparent)}.scene-item-thumb{border:1px solid var(--color-border);background-position:50%;background-size:cover;border-radius:2px;flex-shrink:0;width:40px;height:28px}.scene-item-info{gap:var(--space-xs);flex-direction:column;flex:1;min-width:0;display:flex}.scene-item-name{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;overflow:hidden}.scene-item.active .scene-item-name{color:var(--color-hope)}.scene-item-actions{flex-wrap:wrap;gap:4px;display:flex}.scene-btn{cursor:pointer;border:1px solid var(--color-border);color:var(--color-muted);background:0 0;border-radius:3px;padding:2px 6px;font-size:.7rem;transition:color .12s,border-color .12s}.scene-btn:hover{color:var(--color-text);border-color:var(--color-text)}.scene-btn-activate:not(:disabled):hover{color:var(--color-hope);border-color:var(--color-hope)}.scene-btn-activate.current{color:var(--color-hope);border-color:var(--color-hope);opacity:.5;cursor:default}.scene-btn-delete:hover{color:var(--color-danger);border-color:var(--color-danger)}.scene-create{padding:var(--space-sm);border-top:1px solid var(--color-border);gap:var(--space-xs);flex-direction:column;display:flex}.scene-create-title{letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted);margin-bottom:2px;font-size:.7rem}.scene-input{box-sizing:border-box;background:var(--color-bg);border:1px solid var(--color-border);width:100%;padding:var(--space-xs) var(--space-sm);color:var(--color-text);border-radius:3px;outline:none;font-size:.82rem}.scene-input:focus{border-color:var(--color-muted)}.scene-btn-adv:hover{color:var(--color-fear);border-color:var(--color-fear)}.scene-btn-create{background:color-mix(in srgb, var(--color-hope) 15%, transparent);border-color:var(--color-hope);color:var(--color-hope)}.scene-btn-create:disabled{opacity:.4;cursor:default}.scene-btn-create:not(:disabled):hover{background:color-mix(in srgb, var(--color-hope) 25%, transparent)}.scene-btn-bg{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.handout-float{z-index:30;background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;flex-direction:column;min-width:120px;min-height:80px;display:flex;position:absolute;overflow:hidden;box-shadow:0 4px 24px #0009}.handout-float.handout-hidden{opacity:.45;border-style:dashed}.handout-header{padding:4px var(--space-sm);background:color-mix(in srgb, var(--color-border) 60%, transparent);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:var(--space-sm);flex-shrink:0;min-height:28px;display:flex}.handout-header-gm{cursor:grab}.handout-header-gm:active{cursor:grabbing}.handout-name{color:var(--color-muted);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.72rem;overflow:hidden}.handout-controls{flex-shrink:0;gap:4px;display:flex}.handout-btn{border:1px solid var(--color-border);cursor:pointer;color:var(--color-muted);background:0 0;border-radius:3px;padding:1px 5px;font-size:.75rem;line-height:1.4;transition:color .12s,border-color .12s}.handout-btn:hover{color:var(--color-text);border-color:var(--color-text)}.handout-btn-visible{color:var(--color-hope);border-color:var(--color-hope)}.handout-btn-remove:hover{color:var(--color-danger);border-color:var(--color-danger)}.handout-img-wrap{background:#000;flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.handout-img{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block}.handout-resize{cursor:se-resize;background:linear-gradient(135deg, transparent 40%, var(--color-border) 40%, var(--color-border) 55%, transparent 55%, transparent 65%, var(--color-border) 65%, var(--color-border) 80%, transparent 80%);width:14px;height:14px;position:absolute;bottom:0;right:0}.handout-section{margin-top:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:color-mix(in srgb, var(--color-bg) 50%, transparent);border-radius:3px;flex-direction:column;gap:4px;display:flex}.handout-list-item{justify-content:space-between;align-items:center;gap:var(--space-xs);display:flex}.handout-list-name{color:var(--color-muted);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.72rem;overflow:hidden}.handout-list-name.handout-list-visible{color:var(--color-hope)}.handout-list-empty{color:var(--color-muted);margin:0;padding:2px 0;font-size:.72rem}.handout-add-btn{align-self:flex-start;margin-top:2px}.asset-picker-overlay{z-index:100;background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.asset-picker{background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;flex-direction:column;width:800px;max-width:95vw;height:560px;max-height:90vh;display:flex;overflow:hidden}.asset-picker-header{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);color:var(--color-text);justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.asset-picker-close{color:var(--color-muted);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:2px 6px;font-size:1rem}.asset-picker-close:hover{color:var(--color-text)}.asset-picker-empty{text-align:center;color:var(--color-muted);padding:var(--space-xl);flex:1;justify-content:center;align-items:center;font-size:.85rem;line-height:1.6;display:flex}.asset-picker-empty code{color:var(--color-text);font-family:monospace}.asset-picker-body{flex:1;display:flex;overflow:hidden}.asset-picker-folders{border-right:1px solid var(--color-border);width:160px;padding:var(--space-xs) 0;flex-shrink:0;overflow-y:auto}.asset-folder-btn{width:100%;padding:var(--space-sm) var(--space-md);text-align:left;color:var(--color-muted);cursor:pointer;text-transform:capitalize;background:0 0;border:none;font-size:.82rem;transition:background .1s,color .1s;display:block}.asset-folder-btn:hover{background:color-mix(in srgb, var(--color-border) 50%, transparent);color:var(--color-text)}.asset-folder-btn.active{background:color-mix(in srgb, var(--color-hope) 10%, transparent);color:var(--color-hope)}.asset-picker-grid{gap:var(--space-sm);padding:var(--space-md);flex:1;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));align-content:start;display:grid;overflow-y:auto}.asset-thumb-btn{align-items:center;gap:var(--space-xs);border:1px solid var(--color-border);padding:var(--space-xs);cursor:pointer;background:0 0;border-radius:4px;flex-direction:column;transition:border-color .12s;display:flex;overflow:hidden}.asset-thumb-btn:hover{border-color:var(--color-hope)}.asset-thumb-btn img{aspect-ratio:16/9;object-fit:cover;border-radius:2px;width:100%;display:block}.asset-thumb-btn span{color:var(--color-muted);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.7rem;overflow:hidden}.ping-circle{border:3px solid var(--color-hope,#f59e0b);pointer-events:none;z-index:45;border-radius:50%;width:48px;height:48px;animation:2.5s ease-out forwards ping-expand;position:absolute;transform:translate(-50%,-50%)}.ping-label{color:#fff;white-space:nowrap;letter-spacing:.03em;background:#000000a6;border-radius:3px;padding:2px 6px;font-size:11px;line-height:1;animation:2.5s ease-out forwards ping-fade;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}@keyframes ping-expand{0%{opacity:1;transform:translate(-50%,-50%)scale(.5)}70%{opacity:.8}to{opacity:0;transform:translate(-50%,-50%)scale(3.5)}}.folder-row{background:var(--color-bg);border-bottom:1px solid var(--color-border);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:5px;min-height:32px;padding:5px 8px;transition:background .1s;display:flex}.folder-row:hover{background:color-mix(in srgb, var(--color-bg) 70%, var(--color-border))}.folder-row--drag-over{background:color-mix(in srgb, var(--color-hope) 8%, transparent);border-bottom-color:#c9a04480}.folder-chevron{color:var(--color-muted);flex-shrink:0;font-size:9px;transition:transform .15s;display:inline-block}.folder-chevron--open{transform:rotate(90deg)}.folder-icon-glyph{flex-shrink:0;font-size:11px;line-height:1}.folder-name{font-family:var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:10px;font-weight:500;overflow:hidden}.folder-rename-input{background:var(--color-bg);color:var(--color-text);font-size:10px;font-family:var(--font-ui);letter-spacing:.08em;border:1px solid #c9a04480;border-radius:3px;outline:none;flex:1;min-width:0;padding:2px 5px}.folder-count{font-family:var(--font-ui);color:var(--color-muted);opacity:.5;flex-shrink:0;font-size:9px}.folder-action-btn{color:var(--color-muted);cursor:pointer;opacity:0;background:0 0;border:none;flex-shrink:0;padding:0 2px;font-size:10px;line-height:1;transition:opacity .1s,color .1s}.folder-row:hover .folder-action-btn{opacity:1}.folder-action-btn--delete:hover{color:var(--color-danger)}.scene-row{border-bottom:1px solid var(--color-border);cursor:pointer;align-items:center;gap:5px;min-height:34px;padding:4px 6px 4px 0;transition:background .1s;display:flex}.scene-row:hover{background:color-mix(in srgb, var(--color-border) 30%, transparent)}.scene-row--active{background:color-mix(in srgb, var(--color-hope) 6%, transparent)}.scene-row-thumb{background-position:50%;background-size:cover;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:2px;flex-shrink:0;width:36px;height:24px}.scene-row-name{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:12px;overflow:hidden}.scene-row--active .scene-row-name{color:var(--color-hope)}.scene-row-active-dot{background:var(--color-hope);border-radius:50%;flex-shrink:0;width:5px;height:5px}.scene-row-chevron{color:var(--color-muted);opacity:.4;flex-shrink:0;padding-right:4px;font-size:9px}.scene-controls{background:var(--color-surface-raised);border-bottom:1px solid var(--color-border);flex-wrap:wrap;gap:3px;padding:5px 6px 6px 22px;display:flex}.scene-uncategorized-header{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.1em;color:var(--color-muted);opacity:.45;border-top:1px solid var(--color-border);cursor:default;padding:6px 8px 3px;font-size:9px;transition:opacity .15s,color .15s,background .15s}.scene-folder-row{align-items:center;gap:6px;width:100%;padding:4px 0 2px;display:flex}.scene-folder-label{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted);opacity:.7;flex-shrink:0;font-size:9px}.scene-folder-select{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text);font-family:var(--font-ui);cursor:pointer;border-radius:3px;outline:none;flex:1;padding:2px 4px;font-size:11px}.scene-folder-select:focus{border-color:var(--color-hope)}.scene-folder-form{background:var(--color-bg);border-top:1px solid #c9a04433;border-bottom:1px solid #c9a04433;align-items:center;gap:4px;padding:5px 6px;display:flex}.scene-folder-form span{flex-shrink:0;font-size:11px}.scene-folder-form input{background:var(--color-surface);color:var(--color-text);font-size:10px;font-family:var(--font-ui);border:1px solid #c9a04473;border-radius:3px;outline:none;flex:1;min-width:0;padding:3px 6px}.scene-folder-form input:focus{border-color:var(--color-hope)}.scene-create-actions{gap:var(--space-xs);display:flex}.scene-create-actions .scene-btn{flex:1}@keyframes ping-fade{0%{opacity:1}60%{opacity:.8}to{opacity:0}}