@font-face{font-family:Cooper Hewitt;src:local("Cooper Hewitt"),local("CooperHewitt");font-display:swap}:root{--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--ink: #f9efd3;--muted: #bba37a;--panel: rgba(26, 20, 14, .82);--panel-solid: #1a140e;--brass: #f2c66f;--brass-deep: #9b6530;--green: #49d1ad;--red: #d84e43;--line: rgba(255, 226, 154, .18);color:var(--ink);background:#15120d;font-family:Avenir Next,Trebuchet MS,Verdana,sans-serif;font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#gameCanvas{overscroll-behavior:none;touch-action:none}html,body{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;background:linear-gradient(115deg,rgba(73,209,173,.13),transparent 34%),linear-gradient(315deg,rgba(242,198,111,.12),transparent 42%),#15120d}.app-shell:before{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";opacity:.18;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 76%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 76%,transparent)}.play-surface{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}#gameCanvas{display:block;width:100vw;height:100vh}.hud{position:fixed;z-index:4;right:calc(14px + var(--safe-right));top:calc(14px + var(--safe-top));width:min(318px,calc(100vw - 28px - var(--safe-left) - var(--safe-right)));display:grid;gap:12px;padding:14px;border:1px solid var(--line);background:var(--panel);box-shadow:0 20px 50px #00000057,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:8px}.mark{display:grid;grid-template-columns:40px 1fr;align-items:center;gap:10px}.mark__sigil{width:40px;aspect-ratio:1;border:2px solid #ffe4a4;background:radial-gradient(circle at 36% 31%,#ffffff 0 8%,#7ff2d5 9% 21%,#17695b 22% 36%,transparent 37%),linear-gradient(135deg,#dca45a,#553316);box-shadow:inset 0 0 0 5px #0000002e,0 8px 22px #00000047;border-radius:8px}.mark h1{margin:0;color:var(--ink);font-family:Georgia,Times New Roman,serif;font-size:1.22rem;font-weight:700;letter-spacing:0;line-height:1}.mark p{margin:5px 0 0;color:var(--muted);font-size:.76rem;line-height:1.2}.meter-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;border:1px solid var(--line);border-radius:8px}.meter-strip div{min-width:0;padding:9px 8px;background:#08070547}.meter-strip div+div{border-left:1px solid var(--line)}.meter-strip span{display:block;color:var(--muted);font-size:.62rem;text-transform:uppercase;letter-spacing:.08em}.meter-strip strong{display:block;margin-top:2px;overflow:hidden;color:var(--ink);font-size:clamp(1rem,2.5vw,1.35rem);line-height:1;text-overflow:ellipsis}.tilt-meter{position:relative;width:78px;height:78px;justify-self:center;border:1px solid var(--line);background:linear-gradient(to right,transparent calc(50% - 1px),rgba(255,255,255,.16) 50%,transparent calc(50% + 1px)),linear-gradient(to bottom,transparent calc(50% - 1px),rgba(255,255,255,.16) 50%,transparent calc(50% + 1px)),radial-gradient(circle at center,#49d1ad2e,#08070538 66%);border-radius:50%}.tilt-meter span{position:absolute;left:calc(50% - 8px);top:calc(50% - 8px);width:16px;aspect-ratio:1;background:var(--green);box-shadow:0 0 18px #49d1adb8;border-radius:50%;transition:transform .11s linear}.control-grid{display:grid;grid-template-columns:1fr 1fr 44px 44px;gap:8px}.action,.icon-action,.install-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid var(--line);color:var(--ink);background:#ffe8ae0f;cursor:pointer;border-radius:8px;transition:transform .16s ease,border-color .16s ease,background .16s ease}.action{gap:8px;padding:0 10px}.action span,.install-button span{min-width:0;overflow:hidden;font-size:.82rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.action--primary{color:#1a1007;border-color:#f8d987;background:linear-gradient(180deg,#ffe09b,#c9883d)}.action svg,.icon-action svg,.install-button svg{width:18px;height:18px;flex:0 0 auto;stroke-width:2.3}.action:active,.icon-action:active,.install-button:active{transform:translateY(1px) scale(.98)}.toggle-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.toggle-row label{display:flex;align-items:center;justify-content:space-between;min-height:38px;padding:0 10px;border:1px solid var(--line);background:#08070538;color:var(--muted);font-size:.78rem;font-weight:700;border-radius:8px}.toggle-row input{width:34px;height:20px;margin:0 0 0 8px;accent-color:var(--green)}.install-button{gap:8px;width:100%}.finish-flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;opacity:0;background:radial-gradient(circle at 52% 74%,rgba(73,209,173,.45),transparent 38%);transition:opacity .28s ease}.finish-flash--show{opacity:1}@media(max-width:959px){.hud{inset:auto calc(10px + var(--safe-right)) calc(10px + var(--safe-bottom)) calc(10px + var(--safe-left));width:auto;grid-template-columns:1fr auto;align-items:center;gap:9px 10px;padding:10px}.mark{grid-template-columns:34px minmax(0,1fr)}.mark__sigil{width:34px}.mark h1{font-size:1rem}.mark p{font-size:.7rem}.meter-strip{grid-column:1 / -1;order:3}.tilt-meter{width:48px;height:48px}.tilt-meter span{transform:scale(.74)}.control-grid{grid-column:1 / -1;grid-template-columns:1fr 1fr 42px 42px;order:2}.toggle-row{display:none}}@media(max-width:430px){.action span{font-size:.74rem}.control-grid{grid-template-columns:1fr 1fr 40px 40px}}