:root{--ink:#20233d;--violet:#6b4eff;--gold:#ffbf36;--paper:#fffaf0;--pink:#ff6e94}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);font-family:ui-rounded,"Microsoft YaHei",system-ui,sans-serif;background:radial-gradient(circle at 20% 10%,#fff3af 0 12%,transparent 32%),linear-gradient(145deg,#63d0fa,#8764e8 62%,#ff9cc1)}.shell{width:min(1020px,100%);min-height:100vh;margin:auto;padding:16px}.back{color:white;font-weight:800;text-decoration:none;text-shadow:0 2px 4px #443a8b}header{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:12px 4px 20px;color:#fff;text-shadow:0 2px 5px #443a8b}.eyebrow{font-size:12px;letter-spacing:2px;margin:0;font-weight:900}h1{font-size:clamp(28px,6vw,48px);margin:3px 0}.coins{background:#fff8cf;color:#754300;text-shadow:none;border:3px solid #fff;padding:10px 15px;border-radius:999px;font-size:18px;box-shadow:0 5px 0 #bc8522}.panel{background:var(--paper);border:4px solid #fff;border-radius:28px;padding:22px;box-shadow:0 15px 40px #241a6640;text-align:center}.hidden{display:none}.panel h2{margin:0 0 8px}.packs{display:grid;grid-template-columns:repeat(3,minmax(130px,1fr));gap:14px;margin:22px 0}.pack,button{border:0;border-radius:18px;font:inherit;font-weight:900;cursor:pointer}.pack{padding:16px;background:linear-gradient(145deg,#fff,#f1e9d1);color:var(--ink);box-shadow:0 5px 0 #c4b693;transition:transform .15s}.pack:hover,.pack:focus{transform:translateY(-3px);outline:3px solid #8f77ff}.pack strong{display:block;font-size:27px;color:var(--violet)}.pack small{display:block;margin-top:5px;color:#705f50}.hint{color:#685c81}.hint kbd{padding:2px 6px;border:1px solid #aaa;border-radius:5px;background:#fff}.hud{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:0 4px 15px;font-size:17px;font-weight:800}.hud #message{color:#8e4795;flex:1 1 220px}.gates{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:12px auto;max-width:800px}.gate{padding:13px 8px;color:#fff;background:linear-gradient(#39cf87,#178d62);box-shadow:0 5px 0 #0e6249;font-size:clamp(21px,5vw,34px);position:relative}.gate::before{content:'🌺';margin-right:5px}.gate.negative{background:linear-gradient(#ff745d,#c73f54);box-shadow:0 5px 0 #92303b}.gate.negative::before{content:'🦷'}.gate:nth-child(2){background:linear-gradient(#7d77ff,#514ec4);box-shadow:0 5px 0 #38349a}.gate:nth-child(2).negative{background:linear-gradient(#ff745d,#c73f54);box-shadow:0 5px 0 #92303b}.gate.selected{outline:5px solid var(--gold);transform:translateY(-2px)}canvas{display:block;width:100%;height:auto;border-radius:20px;border:3px solid #493d89;touch-action:manipulation;box-shadow:inset 0 0 0 3px #ffffff70}.controls{display:flex;justify-content:center;gap:10px;margin-top:18px}.controls button{padding:12px 18px;background:#d9d7f1;color:#36305f}.controls .primary{background:linear-gradient(#ffd852,#f3a916);color:#6d3b00;box-shadow:0 4px 0 #bd780e}.result{padding:20px}.result h2{font-size:clamp(28px,7vw,48px)}.pyramid{font-size:clamp(55px,16vw,110px);line-height:1}.again{padding:13px 22px;background:var(--violet);color:#fff}@media(max-width:520px){.shell{padding:10px}.panel{padding:16px;border-radius:22px}.packs{grid-template-columns:1fr}.gates{gap:7px}.controls button{padding:11px 8px;font-size:14px}}