*{box-sizing:border-box} :root{font-family:"Microsoft YaHei","PingFang SC",sans-serif;color:#62618a;background:#f8f4ee;font-synthesis:none}body{margin:0;background:radial-gradient(ellipse at 20% 0%,#fff7df,transparent 65%),#f5f2f5}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #e39b3b;outline-offset:4px}button{transition:transform .16s,filter .16s,box-shadow .16s}button:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-2px)}button:active:not(:disabled){transform:translateY(1px)}.app{max-width:1840px;margin:auto;padding:22px 26px 16px}.page-caption{display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:1px;margin:0 4px 16px;color:#92869c}.page-caption i{font-style:normal;color:#cdc0cd;margin:0 10px}a{color:#8a759c;text-decoration:none}.game{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:26px;isolation:isolate;background:#d8d5fa;box-shadow:0 18px 55px #66577b22,0 0 0 5px #fffaf5;container-type:inline-size}canvas{width:100%;height:100%;display:block}.hud{position:absolute;inset:0;pointer-events:none}.glass{background:linear-gradient(160deg,#b2c5f3ed,#8e9fdbed 55%,#7588c5f2);border:2px solid #fffdf5;box-shadow:inset 0 0 0 4px #c4d5ff9e,inset 0 -6px 12px #5266ac35,0 3px 0 #6678b65c,0 4px 12px #5c62802e}.brand-panel{position:absolute;top:1.7%;left:1.8%;height:8%;display:flex;align-items:center;border-radius:3cqw;padding:0 1.1cqw 0 .6cqw;gap:.55cqw}.brand-panel h1{font-size:2.65cqw;letter-spacing:.08cqw;color:#fffdf7;line-height:1;margin:0;font-weight:900;-webkit-text-stroke:.075cqw #6967ad;paint-order:stroke fill;text-shadow:0 .22cqw #6665a6}.toast-icon{font-size:3.5cqw;filter:drop-shadow(0 2px 0 #fff);transform:rotate(-13deg)}.brand-spark{color:#ffe7a2;font-size:1.6cqw}.energy-panel{position:absolute;left:2.5%;top:11.1%;height:4.8%;min-width:10.2%;border-radius:2cqw;display:flex;gap:.7cqw;align-items:center;padding:0 1.25cqw 0 .4cqw;color:white}.energy-panel strong{font-size:2cqw;text-shadow:0 2px #59649a}.star-icon{font-size:3.35cqw;color:#ffd263;-webkit-text-stroke:.09cqw #fff9d8;paint-order:stroke fill;filter:drop-shadow(0 2px 1px #bd923f)}.breakfast-panel{position:absolute;left:36%;top:2%;width:29%;height:7%;display:flex;align-items:center;gap:.35cqw}.egg-icon{font-size:3.8cqw;filter:drop-shadow(0 2px 0 white)}.breakfast-body{flex:1;min-width:0}.breakfast-body>span{font-size:1.3cqw;letter-spacing:.1cqw;color:#6369ac;font-weight:900;text-shadow:0 1px #fff}.meter{height:1.65cqw;border:.18cqw solid #fffdf7;border-radius:2cqw;background:#777b9a;padding:.13cqw;box-shadow:0 2px 0 #757fad55}.meter i{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(#cbf8a0,#9ae877 50%,#80d56b 51%,#b1ed85);box-shadow:inset 0 1px #e9ffd7}.bread-end{font-size:3cqw;transform:rotate(7deg)}.top-actions{position:absolute;top:2%;right:1.8%;display:flex;align-items:center;gap:.8cqw;pointer-events:auto}.wave{border-radius:3cqw;padding:.65cqw 1.5cqw;color:#fff;font-size:1.65cqw;font-weight:800;letter-spacing:.12cqw;text-shadow:0 2px #5f69a4}.square{width:4.2cqw;height:4.2cqw;border-radius:1.3cqw;color:white;display:grid;place-items:center}.pause-bars{width:1.3cqw;height:1.8cqw;border-left:.4cqw solid #fffdf9;border-right:.4cqw solid #fffdf9;border-radius:.15cqw;filter:drop-shadow(0 1px 1px #4e629f)}.settings-button{font-size:2.15cqw;width:3.7cqw;height:3.7cqw}.cards{position:absolute;bottom:2%;left:2%;right:2%;display:flex;gap:.7%;align-items:end;justify-content:center}.card{position:relative;width:10.8%;height:8.8cqw;border-radius:1.55cqw;border:.2cqw solid #f7f3ff;background:linear-gradient(140deg,#b6c6f1,#8d9ed6);box-shadow:inset 0 0 0 .3cqw #c3d2fc,0 .3cqw 0 #7e8ab263,0 .4cqw 1cqw #76718d24;padding:0;display:flex;flex-direction:column;align-items:center;color:#5c6599;overflow:visible}.card[aria-pressed=true]{border-color:#fff8cc;box-shadow:0 0 0 .15cqw #ffc85e,0 0 .9cqw .15cqw #ffdc73,inset 0 0 0 .25cqw #fff4c4}.card[aria-pressed=true]:before{content:'✦';position:absolute;top:-.75cqw;right:.6cqw;color:#fff5b0;text-shadow:0 1px #d7a547;font-size:1.5cqw;z-index:2}.card img{height:6.2cqw;width:92%;object-fit:contain;margin-top:-.35cqw;filter:drop-shadow(0 .15cqw .2cqw #6279b02e);pointer-events:none}.card-name{font-size:.85cqw;font-weight:800;line-height:1.2;position:absolute;bottom:2.2cqw;color:white;text-shadow:0 1px 2px #526394}.card-cost{position:absolute;bottom:.23cqw;left:.25cqw;right:.25cqw;border-radius:1cqw .9cqw 1.15cqw 1.15cqw;background:linear-gradient(#fff9e8,#ffecca);height:1.85cqw;display:flex;justify-content:center;gap:.4cqw;align-items:center;font-size:1.4cqw;font-weight:900;box-shadow:inset 0 1px #fff}.card-cost i{font-size:1.7cqw;color:#ffcf59;font-style:normal;-webkit-text-stroke:.06cqw #fff8e1;paint-order:stroke fill}.card-cost small{font-size:.8cqw;color:#9f8aa8;font-weight:500}.selection-bubble{position:absolute;bottom:20%;left:3%;padding:.55cqw .9cqw;border-radius:1cqw;background:#fff9ece8;border:1px solid #fff;color:#78668c;box-shadow:0 2px 8px #77648613;font-size:.95cqw;display:flex;align-items:center;gap:.7cqw;transition:opacity .25s}.selection-bubble b{color:#6567a1}.selection-bubble span{font-size:.82cqw}.loading{position:absolute;inset:0;background:#fbf6edec;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;color:#8b7b9a;z-index:10}.loading>span{font-size:56px;color:#e7ba6a;animation:breathe 1.5s infinite}.loading strong{font-size:20px}.loading small{font-size:12px}.menu{position:absolute;inset:0;z-index:20;width:min(440px,82%);border:3px solid #fffdf6;border-radius:30px;background:linear-gradient(145deg,#fffaf0,#eeeafa);box-shadow:0 18px 70px #4d42734d;padding:30px;text-align:center;color:#7a7191}.menu::backdrop{background:#66638338;backdrop-filter:blur(5px)}.menu h2{font-size:26px;color:#6c65a1;margin:6px 0 12px}.menu p{font-size:13px;line-height:1.8;margin:8px 0 20px}.menu .eyebrow{font-size:10px;letter-spacing:3px;margin:9px 0;color:#b6a0a3}.menu-icon{font-size:40px;color:#eebf66}.menu button.primary,.menu button.secondary{display:block;width:100%;padding:13px;border-radius:16px;font-weight:700;margin-top:12px}.primary{color:#fff;background:linear-gradient(#a6b6e5,#8292ca);border:2px solid #fff;box-shadow:0 3px #6e7dae55,inset 0 0 0 2px #bdc9ed}.secondary{background:#fff9ec;border:1px solid #e4d7ca;color:#998391}.menu small{display:block;font-size:11px;color:#a294ad;margin-top:22px}.close{position:absolute;right:14px;top:10px;background:none;border:none;font-size:28px;color:#8f82a4}.settings-menu label{display:flex;align-items:center;justify-content:space-between;font-size:13px;margin:23px 0;gap:18px}.settings-menu input{width:62%;accent-color:#a09bce}#audio-message{font-size:12px;margin:12px 0 0}.preview-tools{display:flex;align-items:center;gap:20px;padding:20px 4px 8px;font-size:12px;color:#94839f}.preview-tools>div{display:flex;gap:10px;align-items:center;white-space:nowrap}.preview-tools strong{font-weight:500}.preview-dot{width:6px;height:6px;background:#b1bba2;border-radius:50%}.preview-tools input{flex:1;min-width:20px;accent-color:#a6a0c6;height:3px}.preview-tools button{border:0;background:none;color:#8c789a;font-size:12px;white-space:nowrap}.preview-note{font-size:11px;color:#a89aaa;line-height:1.8;margin:6px 4px}.game:fullscreen{border-radius:0;width:100vw;height:100vh;aspect-ratio:auto;background:#eae0d8}.game:fullscreen canvas{object-fit:fill}@keyframes breathe{50%{opacity:.4;transform:scale(.85)}}@media(max-width:700px){.app{padding:12px 9px}.game{border-radius:14px}.page-caption{font-size:10px;margin-bottom:12px}.preview-tools{gap:10px}.preview-tools strong{display:none}.preview-note{font-size:10px}.menu{padding:18px}.menu h2{font-size:21px}.menu-icon{display:none}.menu p{margin-bottom:12px}.menu small{margin-top:12px}.selection-bubble{bottom:20.5%}}@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;transition:none!important}}

.app:fullscreen{max-width:none;width:100vw;height:100vh;padding:0;display:flex;justify-content:center;align-items:center;background:#eee4da}.app:fullscreen .game{flex:none;width:min(100vw,177.7778vh);border-radius:0;box-shadow:none}.app:fullscreen .page-caption,.app:fullscreen .preview-tools,.app:fullscreen .preview-note{display:none}

.selection-bubble{left:auto;right:3%}

/* Reference-inspired raster skins; text and values remain live. */
.ui-skin{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:hidden;opacity:.82;z-index:0}
.brand-panel,.energy-panel,.wave,.square,.card{background:transparent;border:0;box-shadow:none}
.brand-panel{width:24%;padding-left:5.4cqw;border-radius:0}.brand-panel h1{position:relative;font-size:2.45cqw;color:#fffefa;-webkit-text-stroke:.06cqw #8283bf;text-shadow:0 .12cqw #898bc3}.toast-icon,.brand-spark,.energy-panel>.star-icon,.pause-bars,.egg-icon,.bread-end{display:none}.energy-panel{height:5.6%;width:12%;padding-left:4cqw;top:10.4%}.energy-panel strong{position:relative;font-size:1.8cqw;color:#fefcf9;text-shadow:0 1px 2px #838cbb}.wave{position:relative;color:#656ba3;text-shadow:0 1px #fff;font-weight:700;padding:.9cqw 1.8cqw}.wave .ui-skin{z-index:-1}.top-actions{isolation:isolate}.square{position:relative;border-radius:1cqw}.settings-button{font-size:1.5cqw;color:#8b8cbc;width:2.8cqw;height:2.8cqw;border:1px solid #ffffffe6;background:#d9e0f9a8}.breakfast-panel{top:3%;height:5.8%;width:30%;left:35%}.breakfast-body{position:relative;margin-left:13%;margin-right:13%;height:100%;display:flex;align-items:center}.breakfast-body>span{position:absolute;top:-1.3cqw;left:0;font-size:1.15cqw;color:#777caf}.meter{width:100%;height:1.15cqw;border:0;box-shadow:none;background:transparent;padding:0}.meter i{background:linear-gradient(#d5f9ba,#afe889);box-shadow:inset 0 1px #f0ffe2;opacity:.92}.health-skin{opacity:.85}.card{height:7.2cqw;isolation:isolate}.card[aria-pressed=true]{border:0;box-shadow:none}.card[aria-pressed=true]:before{display:none}.card .ui-skin{opacity:.84;z-index:-1}.card .selected-skin{display:none}.card[aria-pressed=true] .normal-skin{display:none}.card[aria-pressed=true] .selected-skin{display:block;opacity:.94}.card img{height:5.1cqw;width:88%;margin-top:-.4cqw}.card-name{bottom:1.75cqw;color:#696d9e;font-size:.75cqw;text-shadow:0 1px #ffffffb3}.card-cost{background:none;box-shadow:none;bottom:.15cqw;height:1.65cqw;font-size:1.25cqw;color:#737cab}.card-cost i.cost-star{position:relative;width:1.65cqw;height:1.65cqw;display:inline-block}.cost-star .ui-skin{opacity:1;z-index:0}.selection-bubble{bottom:16.8%;background:#fffaf0b8;border:1px solid #ffffffad;box-shadow:none}.menu{background:linear-gradient(145deg,#fffbf2f2,#eef0fff0);border-width:1px}.primary{background:linear-gradient(#bac8ee,#a7b8e4);box-shadow:0 2px #9cadd233,inset 0 0 0 1px #edf2ff;border-width:1px}.glass{backdrop-filter:none}