:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0e1820;color:#fff9ed;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}button,input,select{font:inherit}button{border:0;border-radius:7px;color:#111820;background:#ffe66d;min-height:42px;padding:0 16px;font-weight:800;cursor:pointer;box-shadow:0 10px 24px #0003}button:hover{filter:brightness(1.08)}#app,#game{width:100vw;height:100vh}#game{display:block;background:#172532}.hud{position:fixed;z-index:5;inset:16px 16px auto;display:flex;align-items:center;justify-content:space-between;gap:16px;pointer-events:none}.brand,.meters,.side-panel,.start-card,.result-card,.editor,.help-card{background:#0d181fc7;border:1px solid rgba(255,255,255,.2);box-shadow:0 18px 42px #00000047;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:12px;min-width:250px;padding:10px 14px;border-radius:8px}.brand p,.brand strong,.meters span,.meters strong{display:block;margin:0}.brand p,.meters span,.eyebrow{color:#9fd9d0;font-size:.78rem;font-weight:800;text-transform:uppercase}.brand strong{margin-top:2px;font-size:1.04rem}.brand-mark{display:grid;place-items:center;width:42px;height:42px;flex:0 0 auto;border-radius:50%;background:#ff5b6e;color:#fff;font-weight:900}.meters{display:grid;grid-template-columns:repeat(5,minmax(80px,1fr));gap:1px;border-radius:8px;overflow:hidden}.meters div{padding:10px 14px;background:#ffffff14}.meters strong{margin-top:2px;font-size:1.2rem}.side-panel{position:fixed;z-index:6;right:16px;bottom:16px;width:min(360px,calc(100vw - 32px));max-height:calc(100vh - 128px);overflow-y:auto;padding:14px;border-radius:8px}.mini-map{height:10px;border-radius:999px;overflow:hidden;background:#ffffff29}.mini-map span{display:block;height:100%;width:0;background:linear-gradient(90deg,#62e6a7,#ffe66d,#ff5b6e)}.combo-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:12px 0}.combo{min-height:54px;padding:8px;border-radius:7px;background:#ffffff1a}.combo strong,.combo span{display:block}.combo strong{font-size:.86rem}.combo span{margin-top:3px;color:#d8eee9;font-size:.75rem}.combo.active{background:#ffe66d38;outline:1px solid rgba(255,230,109,.7)}.best-panel,.challenge-panel{margin:12px 0;padding:10px;border-radius:7px;background:#ffffff1a}.best-panel span,.best-panel strong,.best-panel small,.challenge-panel span,.challenge-panel strong,.challenge-panel small{display:block}.best-panel span,.best-panel small,.challenge-panel span,.challenge-panel small{color:#d8eee9}.best-panel span,.challenge-panel span{font-size:.75rem;font-weight:900;text-transform:uppercase}.best-panel strong,.challenge-panel strong{margin-top:3px;color:#ffe66d;font-size:1.25rem}.best-panel small,.challenge-panel small{margin-top:2px;font-size:.74rem;line-height:1.35}.challenge-panel.complete{background:#62e6a72e;outline:1px solid rgba(98,230,167,.65)}.actions,.start-buttons{display:flex;gap:8px}.actions button{flex:1;padding:0 10px}.actions button:nth-child(2),#againButton{color:#111820;background:#9fd9d0}.actions button:nth-child(3),.start-buttons button:nth-child(2),.start-buttons button:nth-child(3),#againButton{color:#fff9ed;background:#2db9a3}.actions button:nth-child(4),#closeEditor,#closeHelp{color:#fff9ed;background:#ff5b6e}.start-card,.result-card,.help-card{position:fixed;z-index:7;left:50%;top:50%;width:min(520px,calc(100vw - 32px));transform:translate(-50%,-50%);padding:28px;border-radius:8px;max-height:calc(100vh - 32px);overflow-y:auto}.start-card h1,.result-card h2,.editor h2,.help-card h2{margin:4px 0 12px;line-height:.95;letter-spacing:0}.start-card h1{font-size:clamp(3rem,9vw,5.6rem)}.start-card p,.result-card p,.help-card p{max-width:48ch;color:#f6e8c8;line-height:1.55}.quick-rules{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:18px 0}.quick-rules span,.help-grid div{border-radius:7px;background:#ffffff1a;padding:10px}.quick-rules span{color:#fff9ed;font-size:.88rem;font-weight:800}.help-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:16px}.help-grid div{grid-column:span 2}.help-grid div:last-child{grid-column:span 1}.help-grid strong{display:block;margin-bottom:4px;color:#ffe66d}.help-grid p{margin:0;font-size:.9rem}.hidden{display:none!important}.editor{position:fixed;z-index:8;left:16px;bottom:16px;width:min(390px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow-y:auto;padding:18px;border-radius:8px}.editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.editor label{display:grid;gap:7px;margin-top:12px;color:#d8eee9;font-weight:800}.editor input,.editor select{width:100%;min-height:42px;border:1px solid rgba(255,255,255,.2);border-radius:7px;padding:0 12px;color:#fff9ed;background:#ffffff1a}.editor option,select option{color:#111820;background:#fff9ed}.check-row{display:flex!important;align-items:center;grid-template-columns:none!important;gap:10px!important}.check-row input{width:18px;height:18px;min-height:18px;accent-color:#ffe66d}.swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:14px}.swatches button{min-height:34px;padding:0;border:2px solid rgba(255,255,255,.7);box-shadow:none}.toast{position:fixed;z-index:10;left:50%;bottom:22px;transform:translate(-50%,18px);max-width:min(520px,calc(100vw - 32px));padding:12px 16px;border-radius:7px;background:#fff9ed;color:#111820;font-weight:900;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease}.toast.show{opacity:1;transform:translate(-50%)}.finish-banner{position:fixed;z-index:9;left:50%;top:26%;transform:translate(-50%,-12px);width:min(520px,calc(100vw - 32px));padding:14px 18px;border-radius:8px;background:#ffe66deb;color:#111820;box-shadow:0 20px 48px #00000052;font-weight:900;text-align:center;opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease}.finish-banner.show{opacity:1;transform:translate(-50%)}.finish-banner strong,.finish-banner span{display:block}.finish-banner span{margin-top:3px;font-size:.9rem}.touch-controls{position:fixed;z-index:6;left:16px;bottom:16px;display:flex;gap:10px}.touch-controls button{width:54px;height:54px;min-height:54px;padding:0;border-radius:50%;color:#fff9ed;background:#2db9a3d1;font-size:1.7rem;line-height:1}.editor:not(.hidden)~.touch-controls,.help-card:not(.hidden)~.editor~.touch-controls{display:none}@media(max-width:720px){.hud{align-items:stretch;flex-direction:column}.brand,.meters{width:100%}.meters{grid-template-columns:repeat(5,1fr)}.meters div{padding:7px 5px}.meters span{font-size:.62rem}.meters strong{font-size:.92rem}.side-panel{right:10px;bottom:10px;width:calc(100vw - 20px);max-height:38vh}.start-card,.result-card{padding:22px}.start-buttons{flex-direction:column}.quick-rules,.help-grid{grid-template-columns:1fr}.help-grid div,.help-grid div:last-child{grid-column:auto}.editor{left:10px;bottom:82px;width:calc(100vw - 20px);max-height:calc(100vh - 104px)}.touch-controls{left:10px;bottom:calc(38vh + 22px)}}@media(min-width:721px)and (max-width:1100px){.hud{align-items:flex-start}.brand{min-width:220px}.meters{grid-template-columns:repeat(5,minmax(72px,1fr))}.meters div{padding:9px 10px}.side-panel{width:min(340px,calc(100vw - 32px))}}@media(max-height:620px){.hud{inset:8px 8px auto;gap:8px}.brand{min-width:190px;padding:8px 10px}.brand-mark{width:34px;height:34px}.meters div{padding:7px 8px}.side-panel{right:8px;bottom:8px;max-height:50vh}.combo-list{grid-template-columns:1fr 1fr}.touch-controls{left:8px;bottom:8px}}@media(max-width:420px){.meters strong{font-size:.82rem}.meters span{font-size:.56rem}.combo-list{grid-template-columns:1fr}.actions{display:grid;grid-template-columns:repeat(2,1fr)}}