.panel,.dock,.card{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.panel{background:rgba(255,253,248,.78);border:1px solid rgba(255,255,255,.65)}
.tool,.back,.ghost,.select,.pad b,.buy{box-shadow:6px 6px 14px rgba(80,55,25,.12),-4px -4px 10px rgba(255,255,255,.7);transition:transform .12s ease,box-shadow .12s ease}
.tool:active,.back:active,.ghost:active,.pad b:active,.buy:active{transform:translateY(2px);box-shadow:inset 3px 3px 8px rgba(80,55,25,.18)}
.scell.on,.pc.sel,.tile.sel,.card:focus{box-shadow:0 0 0 3px #e8c86a,0 12px 28px rgba(80,55,25,.2)}
body.dark{background:#000;color:#f3ece3;filter:none}
body.dark .home,body.dark .panel{background:rgba(20,16,12,.72);color:#f3ece3}
body.dark .card{background:rgba(32,26,20,.8);color:#f3ece3;border-color:rgba(255,255,255,.08)}
body.dark .sboard{background:#1a1612}
body.dark .scell{background:#2a241c;color:#f3ece3}
body.shift{background-size:200% 200%;animation:shiftbg 18s ease-in-out infinite}
@keyframes shiftbg{0%,100%{background-position:0 0}50%{background-position:100% 40%}}
body.float:after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.08),transparent 28%),radial-gradient(circle at 80% 70%,rgba(201,164,90,.1),transparent 32%);animation:drift 14s linear infinite}
@keyframes drift{to{transform:translateY(-30px)}}
.brand{animation:breathe 3.6s ease-in-out infinite}
@keyframes breathe{50%{transform:scale(1.03)}}
body.reduce .brand,body.reduce .card,body.reduce .float:after{animation:none}
html.hc *{outline:1px solid #000}
body.cb{filter:saturate(1.4) hue-rotate(18deg)}
.settings{position:fixed;right:16px;top:16px;z-index:25;border:0;border-radius:999px;padding:8px 12px;background:rgba(255,255,255,.7);cursor:pointer;font-family:"Source Sans 3",system-ui;font-size:12px}
.tog{display:flex;justify-content:space-between;align-items:center;margin:8px 0;font-family:"Source Sans 3",system-ui;font-size:14px}
cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Ccircle cx='6' cy='6' r='5' fill='%23c9a45a'/%3E%3C/svg%3E"),auto