*{box-sizing:border-box}[hidden]{display:none!important}html,body{min-height:100%}body{margin:0;overflow:hidden;background:var(--cp-bg);color:var(--cp-text);font-family:Segoe UI,Aptos,Calibri,-apple-system,BlinkMacSystemFont,sans-serif}button{font:inherit}button:focus-visible,canvas:focus-visible{outline:3px solid var(--cp-accent);outline-offset:3px}.app-shell{width:min(100%,640px);height:100dvh;margin:0 auto;padding:max(12px,env(safe-area-inset-top)) 16px max(8px,env(safe-area-inset-bottom));display:grid;grid-template-rows:48px minmax(0,1fr) 32px;gap:8px}.topbar,.footer,.top-actions,.best-score,.brand,.hud,.hud-right,.control-guide{display:flex;align-items:center}.topbar,.footer,.hud{justify-content:space-between}.brand{gap:12px;font-family:Consolas,Courier New,Courier,monospace;font-size:.8125rem;font-weight:800;letter-spacing:.22em}.brand-web{width:30px;height:30px;display:block;overflow:visible}.brand-web path,.brand-web polygon,.brand-web circle{fill:none;stroke:var(--cp-accent);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.top-actions{gap:16px}.best-score{gap:8px;font-family:Consolas,Courier New,Courier,monospace}.best-score span,.footer,.hud span,.result-grid span,.control-guide,.eyebrow{color:var(--cp-text-muted);font-family:Consolas,Courier New,Courier,monospace;font-size:.625rem;font-weight:700;letter-spacing:.14em}.best-score strong{font-size:1rem}.icon-button{width:36px;height:36px;border:1px solid var(--cp-border);border-radius:.625rem;background:var(--cp-surface);color:var(--cp-text);cursor:pointer}.game-card{position:relative;width:100%;max-width:calc((100dvh - 104px)*.5625);height:100%;min-height:0;overflow:hidden;border:1px solid var(--cp-border);border-radius:16px;background:var(--cp-bg-elevated);box-shadow:0 0 2px var(--cp-border),0 1px 2px var(--cp-border-strong);isolation:isolate;touch-action:none;user-select:none;justify-self:center}#game-canvas{display:block;width:100%;height:100%}.hud{position:absolute;inset:20px 20px auto;z-index:3;pointer-events:none}.score-block,.hud-right>div{display:grid;gap:2px}.score-block strong{font-family:Consolas,Courier New,Courier,monospace;font-size:2rem;line-height:1}.hud-right{gap:20px;text-align:right}.hud-right strong{font-family:Consolas,Courier New,Courier,monospace;font-size:.9375rem}.game-overlay{position:absolute;inset:0;z-index:5;padding:32px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--cp-overlay);text-align:center;opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease}.game-overlay.is-visible{opacity:1;visibility:visible}.spud-portrait{width:144px;height:112px;margin-bottom:16px}.spud-portrait svg{display:block;width:100%;height:100%;overflow:visible}.spud-legs{fill:none;stroke:var(--cp-text);stroke-width:8;stroke-linecap:round;stroke-linejoin:round}.spud-abdomen,.spud-head{fill:var(--cp-text);stroke:var(--cp-border-strong);stroke-width:3}.spud-crest,.spud-chelicera{fill:var(--spider-jewel, var(--cp-success))}.spud-eyes{fill:var(--cp-surface);stroke:var(--cp-border-strong);stroke-width:2}.spud-eye-shine{fill:var(--cp-sheen)}.eyebrow{margin:0 0 12px;color:var(--cp-accent)}.game-overlay h2{margin:0;font-size:clamp(2.2rem,8vw,3.25rem);line-height:.98;letter-spacing:-.055em}.intro{max-width:410px;margin:20px 0 24px;color:var(--cp-text-muted);font-size:clamp(.875rem,2.5vw,1rem);line-height:1.5}.primary-button{width:min(100%,330px);min-height:54px;padding:12px 14px 12px 20px;border:0;border-radius:.625rem;display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--cp-accent);color:var(--cp-accent-fg);cursor:pointer;font-weight:750;box-shadow:0 0 2px var(--cp-border),0 1px 2px var(--cp-border-strong)}.primary-button:hover{background:var(--cp-accent-hover)}.button-key{padding:5px 7px;border:1px solid var(--cp-accent-fg);border-radius:.375rem;font-family:Consolas,Courier New,Courier,monospace;font-size:.5625rem;letter-spacing:.1em}.control-guide{width:min(100%,330px);margin-top:20px;justify-content:space-between}.control-guide span{display:flex;align-items:center;gap:6px}.control-guide i{width:20px;height:20px;border:1px solid var(--cp-border-strong);border-radius:50%;display:grid;place-items:center;color:var(--cp-text);font-style:normal}.result-grid{width:min(100%,360px);margin:24px 0 20px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--cp-border);border-radius:.625rem;overflow:hidden;background:var(--cp-panel-strong)}.result-grid>div{padding:14px 8px;display:grid;gap:4px}.result-grid>div+div{border-left:1px solid var(--cp-border)}.result-grid strong{font-family:Consolas,Courier New,Courier,monospace;font-size:1.25rem}.options-screen{z-index:6;align-items:stretch;justify-content:space-between;gap:24px;overflow-y:auto;text-align:left}.options-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.options-header h2{margin-top:4px}.options-form fieldset{margin:0;padding:0;border:0}.options-form legend{margin-bottom:14px;color:var(--cp-text-muted);font-family:Consolas,Courier New,Courier,monospace;font-size:.6875rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.jewel-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.jewel-option{position:relative;min-height:82px;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px solid var(--cp-border);border-radius:.75rem;background:var(--cp-surface);cursor:pointer}.jewel-option strong{min-width:0;font-family:Consolas,Courier New,Courier,monospace;font-size:.7rem;line-height:1.15;text-align:center;white-space:nowrap}.jewel-option:hover{border-color:var(--cp-border-strong)}.jewel-option:focus-within{outline:3px solid var(--cp-accent);outline-offset:2px}.jewel-option:has(input:checked){border-color:var(--cp-accent);box-shadow:inset 0 0 0 1px var(--cp-accent)}.jewel-option input{position:absolute;width:1px;height:1px;opacity:0}.jewel-swatch{position:relative;width:34px;height:34px;flex:0 0 auto;clip-path:polygon(20% 0,80% 0,100% 35%,50% 100%,0 35%);background:linear-gradient(135deg,rgb(255 255 255 / 45%) 0 20%,transparent 21%),linear-gradient(225deg,rgb(255 255 255 / 18%) 0 28%,transparent 29%),linear-gradient(45deg,rgb(0 0 0 / 28%) 0 32%,transparent 33%),var(--jewel-color);filter:drop-shadow(0 1px 1px rgb(0 0 0 / 45%))}.jewel-swatch:after{position:absolute;inset:8px 7px 6px;clip-path:polygon(50% 0,100% 40%,50% 100%,0 40%);background:linear-gradient(135deg,#ffffff61,#0000002e);content:""}.jewel-emerald{--jewel-color: var(--cp-success)}.jewel-sapphire{--jewel-color: #2878d0}.jewel-amethyst{--jewel-color: #7b4bb7}.jewel-ruby{--jewel-color: #d51f3f}.sponsor{margin-top:auto;padding-top:20px;display:grid;justify-items:center;gap:8px;border-top:1px solid var(--cp-border);color:var(--cp-text-muted);font-family:Consolas,Courier New,Courier,monospace;font-size:.625rem;font-weight:700;letter-spacing:.12em;text-decoration:none;text-transform:uppercase}.sponsor img{width:min(100%,260px);height:82px;object-fit:contain;border-radius:.5rem;background:#000}.pause-overlay{position:absolute;inset:0;z-index:7;display:grid;place-content:center;gap:8px;background:var(--cp-overlay);text-align:center}.pause-overlay span{color:var(--cp-accent);font-family:Consolas,Courier New,Courier,monospace;font-size:.6875rem;font-weight:700;letter-spacing:.15em}.pause-overlay strong{font-size:1.5rem}.status-chip,.predator-warning{position:absolute;z-index:4;left:50%;transform:translate(-50%);border:1px solid var(--cp-border);border-radius:.625rem;font-family:Consolas,Courier New,Courier,monospace;font-size:.6875rem;font-weight:700;letter-spacing:.1em}.status-chip{bottom:20px;padding:8px 12px;background:var(--cp-panel-strong);color:var(--cp-warning)}.predator-warning{top:84px;padding:7px 12px;display:flex;align-items:center;gap:8px;background:var(--cp-danger);color:var(--cp-accent-fg)}.predator-warning span{width:18px;height:18px;border:1px solid var(--cp-accent-fg);border-radius:50%;display:grid;place-items:center}.footer{white-space:nowrap}.live-dot{width:7px;height:7px;margin-right:5px;display:inline-block;border-radius:50%;background:var(--cp-success)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-height:640px){.app-shell{grid-template-rows:38px minmax(0,1fr) 24px;padding-block:6px}.spud-portrait{width:112px;height:86px;margin-bottom:10px}.intro{margin-block:10px 14px}.control-guide{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}