:root{--bg-primary:#f8efe2;--bg-accent:#fff1dc;--panel:#fff8ed;--panel-border:#d8bc95;--text-main:#3d2f21;--text-muted:#6d5b47;--soft-shadow:rgba(94,66,44,.2);--highlight:#eec170;--muted:#c8b49e;--fp-bg:rgba(30,25,20,.75);--fp-border:rgba(255,220,180,.2);--fp-text:#f0e0cc;--fp-accent:#ffd9ae;--fp-icon:#c4a882;--fp-shadow:rgba(0,0,0,.35);--fp-radius:14px;--fp-blur:14px}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:Nunito,Trebuchet MS,Segoe UI,Helvetica Neue,Arial,sans-serif;color:var(--text-main)}body{min-height:100vh;background:radial-gradient(circle at top left,#ffe9cb 0,#f8efe2 40%,#f0dbbf 100%)}body:has(.game-viewport){overflow:hidden;height:100%;background:#0a0e17}html:has(.game-viewport){overflow:hidden;height:100%}.game-container-fullscreen,.game-viewport{position:fixed;inset:0;overflow:hidden}.game-container-fullscreen{z-index:0}.game-container-fullscreen canvas{display:block;width:100%!important;height:100%!important}.floating-panel{position:fixed;z-index:50;backdrop-filter:blur(var(--fp-blur));-webkit-backdrop-filter:blur(var(--fp-blur));background:var(--fp-bg);border-radius:var(--fp-radius);border:1px solid var(--fp-border);box-shadow:0 4px 30px var(--fp-shadow);color:var(--fp-text);padding:12px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);max-width:340px;pointer-events:auto}.floating-panel--collapsed{padding:8px 10px;max-width:none;width:auto}.floating-panel__header{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.floating-panel__header:hover .floating-panel__toggle{color:var(--fp-accent)}.floating-panel__title{margin:0;font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--fp-accent)}.floating-panel__toggle{background:none;border:none;padding:2px;cursor:pointer;color:var(--fp-icon);font-size:1rem;line-height:1;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;transition:background .2s,color .2s}.floating-panel__toggle:hover{background:rgba(255,220,180,.12);color:var(--fp-accent)}.floating-panel__body{overflow:hidden;transition:max-height .2s cubic-bezier(.4,0,.2,1),opacity .2s ease,margin-top .2s ease;max-height:500px;opacity:1;margin-top:8px}.floating-panel--collapsed .floating-panel__body{max-height:0;opacity:0;margin-top:0}.floating-panel--progress{top:16px;left:16px}.floating-panel--actions,.floating-panel--controls-help{top:16px;right:16px}.floating-panel--audio{bottom:16px;right:16px;max-width:320px}.fp-checkpoint-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:4px;gap:4px}.fp-checkpoint-item{display:flex;align-items:center;gap:6px;font-size:.82rem;line-height:1.4;color:var(--fp-text);margin:0;padding:3px 0}.fp-checkpoint-icon{flex-shrink:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:.75rem}.fp-checkpoint-icon--done{color:#8cd97a}.fp-checkpoint-icon--pending{color:var(--fp-icon)}.fp-controls-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:4px;gap:4px}.fp-controls-list li{font-size:.82rem;color:var(--fp-text);padding:2px 0;margin:0}.fp-controls-key{font-weight:700;color:var(--fp-accent)}.fp-action-row{display:flex;gap:8px;align-items:center}.fp-action-btn{border:1px solid var(--fp-border);background:rgba(255,220,180,.1);color:var(--fp-text);border-radius:10px;padding:6px 12px;font-weight:600;font-family:inherit;font-size:.8rem;text-decoration:none;cursor:pointer;transition:background .2s,border-color .2s;display:inline-flex;align-items:center;gap:4px}.fp-action-btn:hover{background:rgba(255,220,180,.2);border-color:var(--fp-accent)}.fp-audio-section{display:grid;grid-gap:8px;gap:8px}.fp-audio-row{display:grid;grid-template-columns:52px 1fr auto;grid-gap:8px;gap:8px;align-items:center}.fp-audio-row--preset{grid-template-columns:60px 1fr auto}.fp-audio-row--mute{grid-template-columns:20px 1fr 20px}.fp-audio-label{font-size:.82rem;font-weight:600;color:var(--fp-text)}.fp-audio-value{font-size:.78rem;color:var(--fp-icon);white-space:nowrap}.fp-audio-row select{border-radius:8px;border:1px solid var(--fp-border);padding:4px 6px;background:rgba(30,25,20,.8);color:var(--fp-text);font-family:inherit;font-size:.82rem;width:100%}.fp-audio-row input[type=range]{width:100%;accent-color:var(--fp-accent);min-width:100px}.fp-audio-row button{width:100%;border:1px solid var(--fp-border);background:rgba(255,220,180,.1);color:var(--fp-text);border-radius:8px;padding:4px 8px;font-weight:600;font-family:inherit;font-size:.8rem;cursor:pointer;transition:background .2s}.fp-audio-row button:hover{background:rgba(255,220,180,.2)}.fp-audio-row img{width:20px;height:20px;opacity:.7}.fp-icon-btn{background:none;border:none;padding:0;cursor:pointer;color:var(--fp-icon);font-size:1.1rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:color .2s}.fp-icon-btn:hover{color:var(--fp-accent)}.page-shell{min-height:100vh;padding:1.5rem;display:grid;grid-gap:1rem;gap:1rem;justify-content:center;align-content:start}.card{width:min(960px,100%);border-radius:1rem;border:1px solid var(--panel-border);background:var(--panel);padding:1.25rem;box-shadow:0 12px 30px var(--soft-shadow)}.card h1,.card h2{margin:0}.game-session-card{padding:1rem}h1,h2,h3{color:#5b3d29;line-height:1.2}.small{color:var(--text-muted);margin:.25rem 0 .9rem}.button-row{margin-top:.8rem;display:flex;gap:.7rem;flex-wrap:wrap}.button-row a,.button-row button,button{border:1px solid #7e5e3f;background:linear-gradient(180deg,#f5b06b,#ec985b);color:#40271b;border-radius:.65rem;padding:.52rem .9rem;font-weight:700;font-family:inherit;text-decoration:none;cursor:pointer}button,input,select{font-family:inherit}.button-row a:hover,button:hover{filter:brightness(.95)}ol{margin:.5rem 0 0;padding-left:1.2rem}li{margin-bottom:.6rem}.game-shell{margin:.75rem 0 0;display:grid;grid-gap:.8rem;gap:.8rem}.game-canvas{aspect-ratio:800/520;border:1px solid #e0bf8f;overflow:hidden;background:#f5ebdd;box-shadow:inset 0 2px 20px rgba(86,58,35,.1)}.controls-card,.game-canvas{width:min(800px,100%);border-radius:.8rem}.controls-card{padding:.8rem;background:linear-gradient(180deg,#fffdf9,#f8ecd3);border:1px solid #e3c3a0;display:grid;grid-gap:.6rem;gap:.6rem}.control-row{display:grid;grid-template-columns:56px 1fr auto;grid-gap:.65rem;gap:.65rem;align-items:center}.control-row--preset{grid-template-columns:72px 1fr auto}.control-row--mute{grid-template-columns:24px 1fr 24px}.control-label{font-size:.95rem;color:#684b33}.control-value{font-size:.85rem;color:#6e5a42}.selected-preset{color:#7b5f45;font-size:.85rem;font-weight:600}.control-row input[type=range],.control-row select{width:100%;accent-color:#d8a63b}select{border-radius:.55rem;border:1px solid #bfa37e;padding:.4rem;background:#fff8ef}.control-row--mute button{width:100%}.controls-card img{width:24px;height:24px}input[type=range]{width:100%;min-width:100px}