:root{
  --paper:#f5eedc;
  --paper2:#efe5cd;
  --ink:#674938;
  --ink2:#87664f;
  --gold:#c58315;
  --drop:#4db1ed;
  --drop-soft:#d6e9f4;
  --white:#fffef9;
  --shadow:0 12px 26px rgba(90,67,43,.18);
  --line:#755541;
  --bad:#ef7e6e;
  --hint:#56b6ee;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;min-height:100%;background:var(--paper);color:var(--ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden;}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 0%,rgba(255,255,255,.42),transparent 30%),linear-gradient(180deg,#f7f0de 0%,#f1e7ce 70%,#e8d8b6 100%);z-index:-2}
body:after{content:"";position:fixed;left:0;right:0;bottom:0;height:22vh;pointer-events:none;background:linear-gradient(180deg,rgba(194,151,90,.2),rgba(184,137,72,.32)),repeating-linear-gradient(0deg,rgba(92,65,35,.05) 0 1px,transparent 1px 5px);border-top:2px solid rgba(139,94,54,.35);z-index:-1}
button,input{font:inherit;color:inherit}
button{border:0;background:none;cursor:pointer}
.game-shell{width:min(100vw,480px);min-height:100svh;margin:0 auto;display:flex;flex-direction:column;position:relative;padding:env(safe-area-inset-top) 12px env(safe-area-inset-bottom)}
.top-zone{padding-top:10px;flex:0 0 auto}.top-bar{height:58px;display:grid;grid-template-columns:74px 1fr 88px;align-items:center}.level-title{text-align:center;color:var(--gold);font-size:clamp(18px,5.4vw,31px);font-weight:850;letter-spacing:.01em}.top-actions{display:flex;justify-content:flex-end;gap:12px}.top-icon{width:44px;height:44px;display:grid;place-items:center;color:var(--ink);font-size:44px;line-height:1;border-radius:999px}.top-icon.palette{font-size:34px;font-weight:900;position:relative}.top-icon.palette:after{content:"A";font-size:15px;font-weight:900;position:absolute;right:4px;bottom:3px}.top-icon.gear{font-size:38px}.rule-line{height:3px;background:rgba(126,91,59,.28);box-shadow:0 1px 0 rgba(255,255,255,.45);margin:-2px 0 26px}.lives-row{display:flex;align-items:center;gap:12px;padding:0 0 12px 25px;min-height:56px}.drop{width:31px;height:37px;display:block;background:linear-gradient(180deg,#52b9f2,#399ae0);border-radius:55% 55% 58% 58%;transform:rotate(45deg);box-shadow:inset 0 1px 2px rgba(255,255,255,.42),0 4px 8px rgba(58,143,206,.18)}.drop.empty{background:linear-gradient(180deg,#ded5bd,#cfc3a7);opacity:.75;box-shadow:none}.play-zone{position:relative;flex:1 1 auto;display:flex;align-items:flex-start;justify-content:center;min-height:0}#mazeCanvas{width:min(88vw,390px);height:min(88vw,390px);max-height:52svh;display:block;margin:6px auto 0;touch-action:manipulation}.controls-zone{flex:0 0 auto;margin-top:16px}.round-buttons{display:flex;justify-content:center;gap:58px;align-items:center}.round-btn{width:88px;height:88px;background:var(--white);border-radius:999px;box-shadow:0 10px 22px rgba(111,88,58,.22),inset 0 1px 0 rgba(255,255,255,.9);display:grid;place-items:center;position:relative;color:var(--ink)}.round-btn:active{transform:scale(.96)}.grid-icon{width:43px;height:43px;display:block;border:4px solid var(--ink);border-radius:8px;background:linear-gradient(90deg,transparent 30%,var(--ink) 30% 37%,transparent 37% 63%,var(--ink) 63% 70%,transparent 70%),linear-gradient(0deg,transparent 30%,var(--ink) 30% 37%,transparent 37% 63%,var(--ink) 63% 70%,transparent 70%)}.bulb-icon{font-size:48px;line-height:1;transform:rotate(180deg);font-family:Georgia,serif;font-weight:900}.hint-badge{position:absolute;right:8px;top:7px;min-width:22px;height:22px;border-radius:999px;background:#ed5863;color:white;font-size:13px;font-weight:900;display:grid;place-items:center;border:2px solid #fff}.mini-actions{display:flex;justify-content:center;gap:14px;margin-top:13px}.mini-actions button{font-size:13px;font-weight:750;color:rgba(95,67,43,.72);padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.32);border:1px solid rgba(125,91,62,.16)}.bottom-banner{height:105px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:24px;margin:14px -12px 0;padding-top:0;background:rgba(225,203,161,.48)}.banner-line{height:10px;width:100%;border-top:2px solid rgba(125,88,52,.38);border-bottom:2px solid rgba(255,255,255,.38);box-shadow:0 2px 5px rgba(93,63,33,.15)}.bottom-banner strong{font-size:clamp(29px,9.8vw,49px);line-height:1;color:#8a6b16;font-weight:950;letter-spacing:-.04em;text-align:center;text-shadow:0 1px 0 rgba(255,255,255,.35)}.toast{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%) scale(.92);background:rgba(103,73,56,.94);color:#fffbea;padding:10px 16px;border-radius:999px;font-weight:800;opacity:0;pointer-events:none;transition:.18s ease;box-shadow:var(--shadow);white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.modal{position:fixed;inset:0;z-index:50;background:rgba(92,70,43,.26);display:none;place-items:center;padding:20px;backdrop-filter:blur(5px)}.modal.show{display:grid}.modal-card{width:min(390px,100%);background:#fffaf0;border:1px solid rgba(111,78,46,.18);box-shadow:0 22px 55px rgba(74,52,31,.28);border-radius:28px;padding:24px;text-align:center}.modal-card h1,.modal-card h2{margin:6px 0 8px;color:#7f5b1a;letter-spacing:-.04em}.modal-card h1{font-size:36px}.modal-card h2{font-size:30px}.modal-card p{margin:0 0 18px;color:rgba(103,73,56,.72);line-height:1.5}.mini-logo{width:64px;height:64px;border-radius:22px;background:#f5e4bf;margin:0 auto 10px;display:grid;place-items:center;font-size:35px;color:#7c573d}.primary,.secondary{width:100%;min-height:48px;border-radius:16px;margin-top:10px;font-weight:900}.primary{background:#ca8821;color:#fffdf7;box-shadow:0 10px 18px rgba(188,124,24,.22)}.secondary{background:#efe2c5;color:#6e4b34}.primary.small{width:auto;min-width:82px;margin:0}.stats-line{display:flex;justify-content:center;gap:20px;margin-top:16px;font-size:13px;color:rgba(103,73,56,.67)}.stats-line b{font-size:18px;color:#805816}.modal-head{display:flex;justify-content:space-between;align-items:center;text-align:left}.modal-head h2{margin:0}.close-btn{width:38px;height:38px;border-radius:999px;background:#f0dfbf;font-size:24px}.jump-row{display:flex;gap:10px;margin:20px 0 12px}.jump-row input{min-width:0;flex:1;border:1px solid rgba(107,76,47,.22);background:#fffdf8;border-radius:15px;padding:0 14px;height:48px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.quick-grid button{height:44px;border-radius:14px;background:#f1e2c4;font-weight:850;color:#75513a}.note{font-size:12px;margin-top:16px!important}.result-icon{font-size:44px;color:#2e9e63}.result-icon.fail{color:#d85b49}@media (max-height:720px){.rule-line{margin-bottom:14px}.lives-row{min-height:42px;padding-bottom:4px}.drop{width:24px;height:29px}.round-btn{width:72px;height:72px}.round-buttons{gap:44px}.bottom-banner{height:82px;gap:16px}.bottom-banner strong{font-size:32px}.controls-zone{margin-top:8px}#mazeCanvas{max-height:48svh}}
@media (max-width:360px){.top-bar{grid-template-columns:55px 1fr 76px}.top-icon{width:36px;height:36px;font-size:38px}.top-icon.palette{font-size:28px}.top-icon.gear{font-size:32px}.round-buttons{gap:38px}.round-btn{width:74px;height:74px}.grid-icon{width:36px;height:36px}.bulb-icon{font-size:40px}.lives-row{padding-left:20px;gap:10px}}

/* V1.3 professional hard-mode additions */
.move-praise{position:absolute;left:50%;top:28%;transform:translate(-50%,-50%) scale(.8);pointer-events:none;opacity:0;color:#b47512;font-size:clamp(30px,10vw,54px);font-weight:1000;letter-spacing:-.05em;text-shadow:0 2px 0 rgba(255,255,255,.65),0 8px 18px rgba(115,81,45,.18);z-index:4;white-space:nowrap}.move-praise.show{animation:praisePop .82s ease forwards}@keyframes praisePop{0%{opacity:0;transform:translate(-50%,-38%) scale(.72)}20%{opacity:1;transform:translate(-50%,-54%) scale(1.08)}72%{opacity:1;transform:translate(-50%,-70%) scale(1)}100%{opacity:0;transform:translate(-50%,-92%) scale(.92)}}.game-shell.wrong-shake .play-zone{animation:wrongShake .28s ease}@keyframes wrongShake{0%,100%{transform:translateX(0)}20%{transform:translateX(-5px)}45%{transform:translateX(5px)}70%{transform:translateX(-3px)}}.pro-home{padding:22px;text-align:left}.home-topline{display:flex;gap:14px;align-items:center;margin-bottom:16px}.pro-home .mini-logo{flex:0 0 62px;margin:0;border-radius:22px;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 10px 22px rgba(120,84,42,.14)}.home-copy h1{margin:0 0 4px;font-size:31px;line-height:1}.home-copy p{margin:0;color:rgba(103,73,56,.68);font-size:13.5px;line-height:1.35}.home-status-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:12px 0 16px}.status-card{background:#f4e8cd;border:1px solid rgba(115,81,45,.13);border-radius:18px;padding:13px 14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.52)}.status-card small{display:block;color:rgba(103,73,56,.56);font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px}.status-card strong{display:block;color:#815a17;font-size:24px;font-weight:1000;letter-spacing:-.04em;line-height:1}.progress-wrap{background:#f7eedc;border-radius:18px;padding:13px 14px;margin-bottom:12px;border:1px solid rgba(115,81,45,.12)}.progress-label{display:flex;justify-content:space-between;font-size:12px;color:rgba(103,73,56,.68);font-weight:850;margin-bottom:8px}.progress-track{height:10px;background:#e5d2aa;border-radius:999px;overflow:hidden;box-shadow:inset 0 1px 3px rgba(105,74,42,.16)}.progress-track span{display:block;height:100%;width:0;background:linear-gradient(90deg,#c98620,#e0ae4f);border-radius:999px;transition:width .28s ease}.home-actions-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.home-actions-row .secondary{margin-top:10px}.home-note{margin:13px 0 0!important;text-align:center;font-size:12px;color:rgba(103,73,56,.56)!important}@media (max-width:360px){.home-copy h1{font-size:27px}.pro-home .mini-logo{flex-basis:54px;width:54px;height:54px}.status-card{padding:10px}.status-card strong{font-size:20px}}