:root{color:#f4f7ff;background:#05030b;--bg-0: #05030b;--bg-1: #0d1020;--panel: rgba(9, 13, 28, .86);--panel-strong: rgba(14, 18, 39, .94);--line: rgba(119, 226, 255, .2);--cyan: #46f5ff;--magenta: #ff3bc8;--yellow: #ffe66d;--green: #42ff9f;--text-soft: #aeb8d4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#game-root{width:100%;height:100%;margin:0}body{overflow:hidden}button,input,select,textarea{font:inherit}button{min-height:40px;border:1px solid rgba(70,245,255,.28);border-radius:6px;padding:9px 12px;color:#f8fbff;background:linear-gradient(180deg,#1a2242f5,#0d1227f5);box-shadow:inset 0 0 0 1px #ff3bc814;cursor:pointer}button:hover{border-color:#46f5ffc7;background:linear-gradient(180deg,#212d56fa,#111a37fa);box-shadow:0 0 18px #46f5ff24,inset 0 0 0 1px #ff3bc82e}button:disabled{cursor:default;opacity:.45}button:active:not(:disabled){transform:translateY(1px)}.app-shell{position:relative;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;background:linear-gradient(135deg,rgba(70,245,255,.08) 0 1px,transparent 1px 34px),linear-gradient(45deg,rgba(255,59,200,.07) 0 1px,transparent 1px 42px),var(--bg-0)}.game-stage{position:absolute;top:0;right:0;bottom:0;left:0;min-width:0;min-height:0;background:#020409}.game-stage iframe{display:block;width:100%;height:100%;border:0;background:#020409}.menu-panel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:none;overflow:auto;background:linear-gradient(118deg,#05030bfa,#0d1020f7 45%,#1a0823f5 74%,#04191ffa),var(--bg-0)}.app-shell.is-menu .menu-panel{display:block}.app-shell.is-menu .game-stage{filter:saturate(.75) brightness(.38)}.menu-screen{width:min(1080px,calc(100% - 32px));min-height:100%;margin:0 auto;padding:18px 0 76px}.home-screen{display:grid;place-items:center;align-content:center;gap:30px}.home-brand{display:grid;gap:6px;text-align:center}.home-brand span{color:#fff;font-size:clamp(42px,8vw,86px);font-weight:900;letter-spacing:0;line-height:.95;text-shadow:0 0 24px rgba(70,245,255,.34),0 0 38px rgba(255,59,200,.24)}.home-brand small,.screen-header small,.section-heading small,.status-toast,.boss-card span,.empty-state{color:#aeb8c8;font-size:12px}.home-actions{display:grid;gap:12px;width:min(360px,100%)}.home-action{min-height:64px;border-color:#ffe66db8;color:#160d1b;background:linear-gradient(135deg,var(--yellow),#ff9f43);font-size:20px;font-weight:850;box-shadow:0 0 22px #ffe66d33}.home-action+.home-action{border-color:#46f5ffb8;color:#061822;background:linear-gradient(135deg,var(--cyan),#49a8ff);box-shadow:0 0 22px #46f5ff33}.home-action:hover{border-color:#fff2ad;background:#ffe083}.home-action+.home-action:hover{border-color:#caf5ff;background:#a4efff}.screen-header{display:flex;align-items:center;gap:14px;min-width:0;border-bottom:1px solid rgba(70,245,255,.16);padding-bottom:14px}.screen-header>div{display:grid;gap:2px;min-width:0}.screen-header span{color:#fff;font-size:24px;font-weight:850;text-shadow:0 0 18px rgba(70,245,255,.22)}.library-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-top:14px}.panel-section{display:grid;align-content:start;gap:12px;min-width:0;border:1px solid rgba(70,245,255,.16);border-radius:8px;padding:14px;background:linear-gradient(180deg,#12162de0,#080c1be0),var(--panel);box-shadow:0 18px 44px #0000003d,inset 0 0 0 1px #ff3bc80d}.play-screen>.panel-section,.controls-screen>.panel-section,.create-screen>.panel-section,.wizard-nav,.create-tabs{margin-top:14px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.field{display:grid;gap:7px;min-width:0}.field span,.section-heading span{color:#dce8ff;font-size:12px;font-weight:800;text-transform:uppercase}.section-heading button{min-width:42px;min-height:34px;padding:6px 12px;color:#061822;background:linear-gradient(135deg,var(--cyan),var(--green));border-color:#46f5ffbf;font-size:18px;font-weight:900}.field input,.field textarea,.prompt-output{width:100%;min-width:0;border:1px solid rgba(220,229,246,.16);border-radius:6px;padding:10px;resize:vertical;color:#f4f7ff;background:#060a18eb;outline:none}.field input:focus,.field textarea:focus,.prompt-output:focus,.card-field input:focus,.card-field textarea:focus,.card-title-input:focus{border-color:#46f5ffc7;box-shadow:0 0 0 2px #46f5ff1f}.field input{min-height:42px}#import-code{min-height:76px}#edit-request{min-height:105px}#boss-request,#player-request,#player-specifics-request,#terrain-request,#terrain-mechanics-request,#phase-transition-request{min-height:190px}#phase-1-request,#phase-2-request,#phase-3-request{min-height:130px}.prompt-output{min-height:250px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.45}.edit-prompt-output{min-height:180px}.button-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.form-grid-compact{grid-template-columns:minmax(180px,.45fr) minmax(0,1fr)}.phase-help{border:1px solid rgba(255,230,109,.24);border-radius:6px;padding:10px;color:#f5dc81;background:linear-gradient(90deg,#ffe66d1a,#ff3bc814);font-size:12px;line-height:1.45}.toggle-field{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 10px;align-items:start;border:1px solid rgba(255,59,200,.3);border-radius:6px;padding:10px;background:linear-gradient(135deg,#230c30e0,#071725e0);box-shadow:inset 0 0 0 1px #46f5ff14}.toggle-field input{margin-top:3px}.toggle-field span{color:#fff;font-size:13px;font-weight:800}.toggle-field small{grid-column:2;color:var(--text-soft);font-size:12px;line-height:1.35}.checkbox-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.checkbox-grid label{display:flex;align-items:center;gap:8px;min-width:0;border:1px solid rgba(70,245,255,.18);border-radius:6px;padding:9px 10px;color:#dce8ff;background:linear-gradient(180deg,#121932e6,#090c1ce6);font-size:13px;font-weight:700}.action-builder,.auto-action-list,.boss-attack-list,.custom-action-list,.weapon-list{display:grid;gap:8px}.auto-action,.custom-action-row,.editable-row{border:1px solid rgba(220,229,246,.14);border-radius:6px;padding:10px;background:#121a27d1}.design-card{position:relative;display:grid;gap:12px;overflow:hidden;border:1px solid rgba(70,245,255,.22);border-radius:8px;padding:12px;background:linear-gradient(135deg,rgba(255,59,200,.12),transparent 34%),linear-gradient(180deg,#111734f2,#070a18f5);box-shadow:0 18px 34px #0000003d,inset 0 0 0 1px #ffffff08}.design-card:before{position:absolute;top:0;right:0;left:0;height:2px;content:"";background:linear-gradient(90deg,var(--cyan),var(--magenta),var(--yellow))}.design-card:hover{border-color:#46f5ff80;box-shadow:0 18px 34px #00000047,0 0 24px #ff3bc81f}.design-card-header{display:flex;align-items:start;justify-content:space-between;gap:12px}.design-card-header>div{display:grid;gap:6px;min-width:0;flex:1}.card-kicker{color:var(--cyan);font-size:11px;font-weight:900;text-transform:uppercase}.card-title-input{width:100%;min-width:0;border:0;border-bottom:1px solid rgba(70,245,255,.28);border-radius:0;padding:0 0 6px;color:#fff;background:transparent;font-size:18px;font-weight:900;outline:none}.card-remove{min-height:32px;border-color:#ff3bc857;padding:6px 9px;color:#ffd5f4;background:#460a2e6b;font-size:12px}.card-field{display:grid;gap:6px}.card-field span{color:var(--text-soft);font-size:11px;font-weight:800;text-transform:uppercase}.card-field input,.card-field textarea{width:100%;min-width:0;border:1px solid rgba(70,245,255,.16);border-radius:6px;padding:9px;color:#f4f7ff;background:#040814bd}.auto-action p{margin:0;color:var(--text-soft);font-size:12px;line-height:1.4}.key-pill{border:1px solid rgba(255,230,109,.45);border-radius:6px;padding:6px 8px;color:#20120b;background:linear-gradient(135deg,var(--yellow),#ffb14d);font-size:12px;font-weight:900}.action-card-grid{display:grid;grid-template-columns:minmax(130px,.5fr) minmax(0,1.5fr);gap:8px}.auto-action strong{color:#fff;font-size:18px;line-height:1}.auto-action span{color:#cbd6e8;font-size:12px}.custom-action-row textarea,.editable-row textarea{min-height:42px;resize:vertical}.boss-attack-row textarea,.weapon-row textarea{min-height:58px}.phase-picker{display:flex;gap:6px;align-items:center;min-height:42px;flex-wrap:wrap}.phase-picker label{display:flex;align-items:center;justify-content:center;gap:5px;min-width:58px;border:1px solid rgba(70,245,255,.18);border-radius:6px;padding:8px;color:#dce8ff;background:#040814bd;font-size:12px;font-weight:800}.phase-picker label:has(input:checked){border-color:#ff3bc8b8;color:#fff;background:linear-gradient(135deg,#ff3bc847,#46f5ff2e);box-shadow:0 0 16px #ff3bc824}.boss-list{display:grid;gap:8px}.boss-card{display:grid;gap:3px;min-height:64px;text-align:left;border-color:#46f5ff33;background:linear-gradient(180deg,#101732e6,#070a17e6)}.boss-card strong{color:#fff;font-size:15px}.empty-state{border:1px dashed rgba(70,245,255,.2);border-radius:6px;padding:18px;text-align:center}.control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.control-bind{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:48px;text-align:left;background:linear-gradient(180deg,#101732f0,#060a18f0)}.control-bind span{min-width:0;overflow:hidden;color:#dce5f4;font-size:13px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.control-bind strong{min-width:62px;border-radius:5px;padding:5px 8px;color:#061822;background:var(--cyan);font-size:12px;text-align:center}.control-bind.is-listening{border-color:#f8d86bc7}.control-bind.is-listening strong{background:#f3cf64}.control-bind.is-conflict{border-color:#ff4f73db;box-shadow:0 0 18px #ff4f7329}.control-bind.is-conflict strong{color:#fff;background:#ff3f70}.bind-capture{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:24px;background:#02040cc7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bind-capture-panel{display:grid;gap:10px;width:min(460px,100%);border:1px solid rgba(70,245,255,.42);border-radius:8px;padding:24px;text-align:center;background:linear-gradient(135deg,#ff3bc82e,#46f5ff1a),#080c1cf5;box-shadow:0 28px 80px #00000085,0 0 34px #46f5ff29}.bind-capture-panel span{color:var(--cyan);font-size:13px;font-weight:900;text-transform:uppercase}.bind-capture-panel strong{color:#fff;font-size:30px;line-height:1.05}.bind-capture-panel small{color:var(--text-soft);line-height:1.45}.primary-action{border-color:#ffe66db8;color:#1b1020;background:linear-gradient(135deg,var(--yellow),#ff9f43);font-weight:850}.primary-action:hover{border-color:#fff2ad;background:#ffe083}.controls-screen .primary-action{min-height:58px;font-size:18px}.create-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.create-tabs button{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.create-tabs button.is-active{border-color:#ff3bc8ad;background:linear-gradient(135deg,#ff3bc83d,#46f5ff24);box-shadow:0 0 18px #ff3bc81f}.wizard-nav{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tutorial-box{display:grid;gap:6px;border:1px solid rgba(70,245,255,.22);border-radius:6px;padding:12px;color:#dce5f4;background:linear-gradient(135deg,#09212db8,#1f0a2a9e)}.tutorial-box strong{color:var(--cyan);font-size:13px}.tutorial-box span{color:#cbd6e8;font-size:13px;line-height:1.45}.tutorial-box a{color:var(--cyan);font-weight:800}.enhanced-toggle{border-color:#ff3bc875;box-shadow:0 0 22px #ff3bc81f,inset 0 0 0 1px #46f5ff1a}.random-toggle{border-color:#46f5ff75;background:linear-gradient(135deg,#46f5ff24,#ff3bc81f,#ffe66d14);box-shadow:0 0 22px #46f5ff1f,inset 0 0 0 1px #ffe66d14}.random-theme-field textarea{min-height:86px}.menu-toggle{position:absolute;top:14px;left:14px;z-index:4;min-width:88px;background:#0c121de0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.app-shell.is-menu .menu-toggle{display:none}.countdown{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:grid;place-items:center;color:var(--yellow);background:#020409b8;font-size:clamp(90px,18vw,220px);font-weight:900;line-height:1;text-shadow:0 8px 24px rgba(0,0,0,.7)}.status-toast{position:absolute;right:14px;bottom:14px;z-index:6;max-width:min(620px,calc(100% - 28px));min-height:36px;border:1px solid rgba(70,245,255,.16);border-radius:6px;padding:10px 12px;overflow:hidden;color:#cbd6e8;text-overflow:ellipsis;white-space:nowrap;background:#060914eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.status-toast.is-error{border-color:#ff767680;color:#ffb4b4}.hidden-file,[hidden]{display:none!important}@media(max-width:900px){body{overflow:hidden}.menu-screen{width:min(100% - 20px,680px);padding:12px 0 78px}.screen-header{align-items:stretch;flex-direction:column}.library-grid,.button-grid,.control-grid,.form-grid,.form-grid-compact,.checkbox-grid,.custom-action-row,.editable-row,.create-tabs,.wizard-nav{grid-template-columns:1fr}.status-toast{right:10px;bottom:10px}}