*{margin:0;padding:0;box-sizing:border-box}*:focus:not(.editor-input):not(.aspect-search-input):not(.de-textarea):not(.tile-new-value-input):not(.tile-default-input){outline:none}:root{--primary:#2dd4bf;--primary-dark:#0d9488;--primary-light:#99f6e4;--primary-very-light:#f0fdfa;--bg:#0f1720;--bg-surface:#162032;--bg-elevated:#1c2a40;--bg-input:#1a2538;--border:#263348;--border-accent:#2dd4bf;--text:#e2e8f0;--text-dim:#64748b;--text-muted:#475569;--shadow:0 4px 12px rgba(0,0,0,0.3)}@media (prefers-color-scheme:light){:root{--bg:#f8fafc;--bg-surface:#ffffff;--bg-elevated:#f1f5f9;--bg-input:#e2e8f0;--border:#cbd5e1;--border-accent:#0d9488;--text:#0f172a;--text-dim:#475569;--text-muted:#94a3b8;--shadow:0 4px 12px rgba(0,0,0,0.08)}}body{font-family:'Inter','Segoe UI',system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}.container{max-width:800px;margin:0 auto;padding:2rem}.direction-indicator{text-align:center;font-size:1.2rem;font-weight:bold;color:var(--primary-dark);margin-bottom:1.5rem;letter-spacing:0.2rem;border-bottom:1px solid var(--border);padding-bottom:0.5rem}.state-panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;padding:1.5rem;margin-bottom:1.5rem}.state-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.state-header h2{font-size:0.9rem;text-transform:uppercase;color:var(--text-dim);margin:0;letter-spacing:0.05rem}.state-controls{display:grid;grid-template-columns:repeat(3,auto);gap:0.4rem 0.6rem;justify-content:end}.state-controls form{margin:0}.state-controls-admin{grid-column:1 / -1;display:flex;justify-content:flex-end;margin-top:0.2rem;padding-top:0.3rem;border-top:1px solid var(--border)}.direction-button{background:var(--bg-input);color:var(--text);border:1px solid var(--border);padding:0.3rem 0.8rem;border-radius:6px;cursor:pointer;font-size:0.8rem;font-family:inherit;transition:all 0.2s;outline:none}.direction-button:hover{background:var(--primary-dark);border-color:var(--primary);color:var(--primary-very-light)}.reset-small-button{background:var(--bg-input);color:var(--text);border:1px solid var(--border);padding:0.3rem 0.6rem;border-radius:6px;cursor:pointer;font-size:0.8rem;transition:all 0.2s;outline:none}.reset-small-button:hover{background:var(--primary-dark);border-color:var(--primary);color:var(--primary-very-light)}.aspect-tag{display:inline-flex;margin:0.25rem;border-radius:6px;overflow:hidden;border:1px solid var(--border)}.aspect-name{background:var(--bg-input);padding:0.3rem 0.6rem;font-size:0.85rem;color:var(--text-dim)}.aspect-value{background:var(--primary-dark);padding:0.3rem 0.6rem;font-size:0.85rem;color:var(--primary-very-light)}.default-state{color:var(--text-muted);font-style:italic}.world-stats{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:0.3rem 0;color:var(--text-dim);font-size:0.95rem;margin-bottom:1.2rem}.world-stat{white-space:nowrap}.world-stats-sep{margin:0 0.5rem;color:var(--text-muted)}.choices-panel{margin-bottom:1.5rem}.choices-panel h2{font-size:0.9rem;text-transform:uppercase;color:var(--text-dim);margin-bottom:1rem;letter-spacing:0.05rem}.event-path{font-size:0.6rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.05rem;text-align:right;padding-right:0.5rem;margin-top:1.2rem;margin-bottom:0.15rem}.event-row{display:flex;align-items:stretch;gap:0;margin-bottom:0.75rem;margin-top:0;position:relative}.event-play-form{flex:1;min-width:0;display:flex;align-items:stretch}.event-button{display:block;width:100%;text-align:left;background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;padding:1rem 1.5rem;color:var(--text);cursor:pointer;font-family:inherit;transition:all 0.25s;position:relative;outline:none}.event-button.round-right-none{border-radius:10px 0 0 10px}.event-button.round-left-none{border-radius:0 10px 10px 0}.event-button:hover{background:var(--bg-elevated);border-color:var(--primary-dark)}.event-button.selected{border-color:var(--primary);background:var(--bg-elevated);box-shadow:0 0 0 2px var(--primary-dark)}.event-content{font-size:1.05rem;color:var(--text);line-height:1.5}.event-speaker{position:absolute;top:-0.7rem;left:1rem;background:var(--primary-dark);color:var(--primary-very-light);padding:0.15rem 0.7rem;border-radius:5px;font-size:0.85rem;font-weight:bold;letter-spacing:0.03rem}.event-skip-form{display:flex;align-items:stretch}.skip-event-button{background:var(--bg-input);color:var(--text-dim);border:1px solid var(--border);width:2.8rem;cursor:pointer;font-size:0.9rem;transition:all 0.2s;display:flex;flex-direction:column;align-items:center;justify-content:center;outline:none;position:relative;flex-shrink:0}.skip-event-button.skip-right{border-left:none;border-radius:0 10px 10px 0}.skip-event-button.skip-left{border-right:none;border-radius:10px 0 0 10px}.skip-event-button:hover{background:var(--primary-dark);color:var(--primary-very-light);border-color:var(--primary-dark)}.dialog-panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;padding:1.5rem;margin-bottom:1.5rem;display:flex;flex-direction:column}.dialog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.dialog-header h2{font-size:1.1rem;color:var(--text);margin:0;font-weight:600}.dialog-header-right{display:flex;align-items:center;gap:0.6rem}.dialog-progress{font-size:0.8rem;color:var(--text-muted)}.dialog-stage{height:260px;display:flex;flex-direction:column;justify-content:flex-start;margin-bottom:1rem}.dialog-block{width:100%;position:relative;outline:none;display:flex;flex-direction:column;max-height:100%}.dialog-speaker{background:var(--primary-dark);color:var(--primary-very-light);padding:0.15rem 0.7rem;border-radius:5px;font-size:0.85rem;font-weight:bold;letter-spacing:0.03rem;display:inline-block;width:fit-content;margin-left:1rem;margin-bottom:-0.35rem;position:relative;z-index:2;flex-shrink:0}.dialog-box{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;position:relative;overflow:hidden;outline:none;flex:0 1 auto;min-height:0}.dialog-box-scroll-wrapper{display:flex;flex-direction:column;max-height:240px}.scroll-indicator{text-align:center;font-size:0.8rem;color:var(--primary);height:1.2rem;line-height:1.2rem;transition:opacity 0.2s;opacity:0;pointer-events:none;flex-shrink:0}.dialog-box-content{overflow-y:auto;padding:0.75rem 1.5rem 1rem 1.5rem;scrollbar-width:none;-ms-overflow-style:none;outline:none;flex:1 1 auto;min-height:0}.dialog-box-content::-webkit-scrollbar{display:none}.dialog-line{margin-bottom:0.5rem;line-height:1.7;font-size:1.05rem}.dialog-line:last-child{margin-bottom:0}.dialog-controls{display:flex;gap:0;align-items:stretch;height:50px;flex-shrink:0}.nav-button{flex:1;background:var(--bg-input);color:var(--text);border:1px solid var(--border);cursor:pointer;font-size:1.1rem;font-family:inherit;transition:all 0.2s;outline:none;display:flex;align-items:center;justify-content:center;min-width:3.5rem}.nav-button:hover{background:var(--bg-elevated);border-color:var(--primary-dark)}.nav-button.is-cancel{color:var(--text-muted);font-size:0.9rem}.nav-button.is-finish{color:var(--primary);font-size:0.9rem;border-color:var(--primary-dark)}.nav-button.is-finish:hover{background:var(--primary-dark);color:var(--primary-very-light);border-color:var(--primary)}.dialog-skip-button{background:var(--bg-input);color:var(--text-dim);border:1px solid var(--border);width:3rem;cursor:pointer;font-family:inherit;transition:all 0.2s;outline:none;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;position:relative}.dialog-skip-button:hover{background:var(--bg-elevated);border-color:var(--primary-dark);color:var(--text)}.dialog-skip-button.skip-left{border-right:none;border-radius:8px 0 0 8px}.dialog-skip-button.skip-right{border-left:none;border-radius:0 8px 8px 0}.nav-button:active,.dialog-skip-button:active,.skip-event-button:active,.event-button:active{background:var(--primary-dark);color:var(--primary-very-light)}.ending{text-align:center;padding:2rem}.ending h3{margin-bottom:1rem;color:var(--text-dim)}.ending-actions{display:flex;gap:1rem;justify-content:center}.reverse-button{background:var(--bg-input);color:var(--text);border:1px solid var(--border);padding:0.8rem 2rem;border-radius:8px;cursor:pointer;font-size:1rem;font-family:inherit;transition:all 0.2s;outline:none}.reverse-button:hover{background:var(--primary-dark);border-color:var(--primary);color:var(--primary-very-light)}.reset-button{background:var(--primary-dark);color:var(--primary-very-light);padding:0.8rem 2rem;border:1px solid var(--primary);border-radius:8px;cursor:pointer;font-size:1rem;font-family:inherit;transition:all 0.2s;outline:none}.reset-button:hover{background:var(--primary);color:var(--bg)}.save-small-button,.load-small-button{background:var(--bg-input);color:var(--text);border:1px solid var(--border);padding:0.3rem 0.6rem;border-radius:6px;cursor:pointer;font-size:0.8rem;transition:all 0.2s;outline:none}.save-small-button:hover,.load-small-button:hover{background:var(--primary-dark);border-color:var(--primary);color:var(--primary-very-light)}.save-small-button,.reset-small-button,.load-small-button,.direction-button{width:2rem;text-align:center;display:flex;align-items:center;justify-content:center}.shortcut-label{position:absolute;bottom:0.18rem;left:50%;transform:translateX(-50%);font-size:0.55rem;color:var(--text-muted);font-weight:400;pointer-events:none;white-space:nowrap}.like-buttons{display:flex;gap:0.3rem;align-items:center}.like-button{background:none;border:1px solid transparent;border-radius:6px;cursor:pointer;font-size:1.2rem;padding:0.2rem 0.4rem;transition:all 0.2s;outline:none;opacity:0.4;filter:grayscale(1)}.like-button:hover{opacity:0.8;filter:grayscale(0)}.like-button.like-active{opacity:1;filter:grayscale(0);border-color:#f472b6;background:rgba(244,114,182,0.1)}.like-button.dislike-active{opacity:1;filter:grayscale(0);border-color:#94a3b8;background:rgba(148,163,184,0.1)}.event-path-stats{text-align:right;padding-right:0.5rem;margin-top:-1.1rem}.event-stat{font-size:0.55rem;color:var(--text-muted);margin-left:0.3rem}.stat-like{color:#f472b6}.stat-dislike{color:#94a3b8}.stat-players{color:var(--text-dim)}.event-button.event-played{border-left:3px solid var(--primary-dark)}.event-like-badge{position:absolute;top:0.2rem;right:0.3rem;font-size:0.8rem;pointer-events:none}.event-button{position:relative}.choices-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:0.5rem}.sort-controls{display:flex;align-items:center;gap:0.3rem}.sort-select{background:var(--bg-input);color:var(--text);border:1px solid var(--border);padding:0.3rem 0.5rem;border-radius:6px;font-family:inherit;font-size:0.8rem;outline:none;cursor:pointer}.sort-select:focus{border-color:var(--primary-dark)}.sort-toggle{display:flex;align-items:center;gap:0.2rem;background:var(--bg-input);border:1px solid var(--border);border-radius:6px;padding:0.3rem 0.5rem;cursor:pointer;font-size:0.9rem;color:var(--text);transition:border-color 0.2s;user-select:none}.sort-toggle:hover{border-color:var(--primary-dark)}.sort-toggle input[type="checkbox"]{display:none}.event-button.event-played{border-left:3px solid var(--primary-dark);opacity:0.75}.event-button.event-played:hover{opacity:1}