:root{color-scheme:dark;--gold:#edc57e;--cream:#f0e1bf;--muted:#a38e76;--line:#5b4531;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--cream);background:#100d0b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 20%,#342218 0,transparent 65%),#100d0b}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,summary:focus-visible,canvas:focus-visible{outline:2px solid var(--gold);outline-offset:3px}[hidden]{display:none!important}.cabinet{width:min(1280px,100%);margin:auto;padding:22px 30px 14px}.masthead{display:flex;align-items:center;gap:22px;min-height:44px;margin-bottom:15px;font-size:11px;letter-spacing:1.4px}.masthead a{color:var(--gold);text-decoration:none;white-space:nowrap}.masthead a span{color:var(--muted)}.edition{margin:auto;color:var(--cream);font-weight:bold}.edition i{font-size:9px;font-style:normal;color:var(--muted);margin-left:10px}.tools{display:flex;gap:9px}.tools button{background:transparent;border:1px solid var(--line);padding:8px 10px;font-size:10px}.game{border:1px solid #725331;background:#080a0c;box-shadow:0 22px 90px #0008}.hud{display:flex;justify-content:space-between;align-items:center;background:#141110;padding:14px 25px;border-bottom:2px solid #5c3d22;gap:18px}.hud div{display:grid;gap:6px}.hud span{font-size:9px;letter-spacing:1.8px;color:var(--muted)}.hud strong{font-size:21px;letter-spacing:2px;font-weight:600}.hud div:first-child strong{color:var(--gold)}.hud .vitality strong{font-size:18px;color:#d78257}.viewport{position:relative;height:min(64svh,650px);min-height:280px;overflow:hidden;background:#0e131a}canvas{width:100%;height:100%;display:block;outline:none}.zone{position:absolute;top:18px;left:22px;pointer-events:none;display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:2px;color:#d3b18e;text-shadow:0 2px 3px #000}.zone>span{border:1px solid #b78c5555;padding:6px;color:var(--gold)}#notice{position:absolute;left:12px;right:12px;bottom:20px;text-align:center;font-size:12px;letter-spacing:1px;color:#ffe0a1;text-shadow:0 2px 5px #000;pointer-events:none;margin:0;min-height:18px}.overlay{position:absolute;inset:0;background:linear-gradient(90deg,#0a0a0ce8,#0b0b0d9c 45%,#0b0b0d45);display:grid;align-items:center;padding:28px 7%;overflow:auto}.panel{max-width:440px;text-shadow:0 2px 5px #0005}.eyebrow{font-size:9px;letter-spacing:2.8px;color:var(--gold);margin:0 0 17px}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(44px,6.5vw,84px);line-height:.84;letter-spacing:-3px;font-weight:900;margin:0;color:#ecd5a4;text-shadow:2px 3px 0 #705033,4px 6px 0 #24160d}h1 em{font-style:normal;color:#e7b967;font-size:1.15em;line-height:1.08}.panel>p:not(.eyebrow){color:#c5b499;font-size:12px;line-height:1.85;margin:17px 0}.primary{background:var(--gold);color:#24180f;border:1px solid #ffe2a5;box-shadow:0 3px 0 #775335;padding:15px 24px;font-size:12px;letter-spacing:1.7px;font-weight:bold}.primary:hover{background:#ffdea1}.secondary{display:block;background:transparent;border:0;border-bottom:1px solid #8b7352;margin-top:17px;padding:6px 0;color:var(--cream);font-size:11px}.panel .screen-controls{font-size:9px!important;letter-spacing:1px;line-height:2!important;color:var(--muted)!important}.lower-bar{min-height:37px;display:flex;align-items:center;justify-content:space-between;padding:9px 22px;border-top:2px solid #5c3d22;background:#141110;font-size:9px;letter-spacing:1px;color:var(--muted)}.lower-bar b{color:var(--gold);margin-left:12px}.lower-bar i{font-style:normal;font-size:8px;margin-left:10px}.touch-controls{display:flex;align-items:center;justify-content:space-between;padding:17px 0 6px;gap:18px}.dpad{display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,36px);gap:4px}.dpad button{background:#261e17;border:1px solid var(--line);font-size:22px;border-radius:3px}.dpad .up{grid-column:2}.dpad .left{grid-column:1;grid-row:2}.dpad .down{grid-column:2;grid-row:2}.dpad .right{grid-column:3;grid-row:2}.touch-controls button{touch-action:none;user-select:none;-webkit-user-select:none}.touch-controls button.held{background:#6c4c2c;transform:translateY(2px);border-color:var(--gold)}.control-note{font-size:10px;line-height:2.2;color:var(--gold);letter-spacing:.5px}.control-note span{font-size:9px;color:var(--muted);margin-left:6px}.action-buttons{display:flex;gap:14px}.action-buttons button{width:66px;height:66px;border-radius:50%;border:1px solid #a97e42;background:#3d2b1d;color:var(--gold);font-size:23px;box-shadow:0 4px 0 #080605}.action-buttons button:last-child{background:#5c2920;border-color:#a35135;color:#f4bb8d}.action-buttons button span{display:block;font-size:8px;letter-spacing:1px;margin-top:2px}footer{display:flex;align-items:start;justify-content:space-between;gap:30px;color:#806d5b;font-size:8px;letter-spacing:1.5px;margin-top:19px}details{max-width:430px;text-align:right;letter-spacing:.5px;line-height:1.8}summary{cursor:pointer;color:var(--muted)}details p{color:var(--muted);text-align:left;font-size:11px;letter-spacing:0;background:#1c1611;padding:14px;border-left:2px solid var(--line)}
@media(max-width:700px){.cabinet{padding:9px}.masthead{gap:8px;margin-bottom:7px;min-height:34px;font-size:9px;letter-spacing:.6px}.edition{display:none}.tools{margin-left:auto}.tools button{font-size:9px;padding:7px}.hud{padding:11px 9px;gap:8px;flex-wrap:wrap}.hud span{font-size:7px;letter-spacing:.5px}.hud strong{font-size:16px;letter-spacing:1px}.hud .vitality strong{font-size:14px}.viewport{height:54svh;min-height:270px}.overlay{padding:22px 7%}.panel>p:not(.eyebrow){font-size:11px}h1{font-size:58px}.zone{font-size:7px;left:12px;top:10px;letter-spacing:1px}.lower-bar{padding:9px;font-size:7px;letter-spacing:.3px}.lower-bar i{display:none}.touch-controls{padding:12px 3px 0;gap:8px}.control-note{display:none}.dpad{grid-template-columns:repeat(3,42px);grid-template-rows:repeat(2,35px)}.action-buttons{gap:12px}.action-buttons button{width:59px;height:59px}footer{margin-top:17px;gap:15px;font-size:7px;letter-spacing:.6px}footer>span{max-width:150px}.eyebrow{font-size:8px;letter-spacing:1.7px;margin-bottom:13px}.primary{padding:13px 20px;font-size:11px}.panel .screen-controls{margin-bottom:0!important}}
@media(max-height:540px) and (min-width:650px){.cabinet{padding:6px 12px}.masthead{min-height:25px;margin-bottom:5px}.hud{padding:6px 14px}.hud div{gap:2px}.hud strong{font-size:16px}.viewport{height:calc(100svh - 185px);min-height:180px}.overlay{padding:14px 6%}h1{font-size:40px}.panel>p:not(.eyebrow){margin:8px 0;font-size:10px}.eyebrow{margin-bottom:9px}.screen-controls{display:none}.primary{padding:10px 20px}.secondary{display:inline-block;margin:0 0 0 18px}.touch-controls{padding:7px 0 0}.dpad{grid-template-columns:repeat(3,36px);grid-template-rows:repeat(2,27px)}.action-buttons button{width:50px;height:50px;font-size:20px}.lower-bar{min-height:26px;padding:6px 14px}footer{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
dialog{width:min(920px,calc(100vw - 24px));max-height:calc(100svh - 24px);overflow:auto;border:1px solid #756047;background:#171b21;color:var(--cream);padding:24px;box-shadow:0 30px 120px #000b}dialog::backdrop{background:#08090bd9}.art-heading{display:flex;justify-content:space-between;gap:20px;align-items:start}.art-heading .eyebrow{margin:0 0 8px}.art-heading h2{font:normal 30px Georgia,serif;margin:0}.art-heading button{font-size:28px;background:none;border:0;color:var(--gold);line-height:1}.art-options{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:22px 0;font-size:11px}.art-options label{color:var(--muted);margin-right:4px}.art-options select,.art-options button{font:inherit;padding:9px;color:var(--cream);background:#242a33;border:1px solid #59616c}.art-labels{display:grid;grid-template-columns:1fr 1fr;text-align:center;font-size:10px;letter-spacing:1.5px;color:var(--gold);padding:8px 0;border-top:1px solid #3b4149}#art-canvas{width:100%;height:clamp(240px,43vw,400px)}.art-readout{text-align:center;font-size:11px;color:var(--gold);min-height:14px}.art-note{font-size:11px;line-height:1.8;color:var(--muted);max-width:720px;margin:20px auto 14px}.art-reference{display:block;text-align:center;font-size:11px;color:var(--cream);margin:10px 0}.tools{flex-shrink:0}@media(max-width:700px){.masthead a span{display:none}.tools{gap:5px}.tools button{font-size:8px;padding:7px}.art-heading h2{font-size:24px}dialog{padding:16px}.art-options{gap:7px;margin:18px 0}.art-labels{font-size:8px;letter-spacing:.8px}.art-note{font-size:10px}}@media(max-height:540px){#art-canvas{height:240px}.art-options{margin:14px 0}}

/* Character studio: an actual turntable around the sculpted rig. */
#art-study{width:min(1080px,calc(100vw - 24px));background:#111e25}.studio-stage{position:relative;border:1px solid #42515a;background:#14232b}.studio-stage #art-canvas{height:clamp(300px,48vw,510px);touch-action:none;cursor:grab}.studio-stage #art-canvas:active{cursor:grabbing}.studio-reference{position:absolute;right:18px;top:18px;width:138px;text-align:center;padding:12px 5px;background:#0b141acc;border:1px solid #455454;pointer-events:none}.studio-reference span{font-size:8px;color:var(--gold);letter-spacing:1px}.studio-reference canvas{width:112px;height:112px;margin:9px auto;image-rendering:pixelated}.studio-reference p{font-size:8px;color:#9aa8aa;line-height:1.7;margin:0}.studio-hint{position:absolute;bottom:15px;left:0;right:0;text-align:center;color:#8a9da2;font-size:8px;letter-spacing:2px;pointer-events:none}.studio-views{display:flex;flex-wrap:wrap;gap:7px;align-items:center;justify-content:center;margin:16px 0;font-size:10px}.studio-views button{padding:8px 12px;border:1px solid #51616b;background:#24353e}.studio-views label{display:flex;gap:6px;align-items:center;margin:0 8px;color:#b3b9b4}.studio-views input[type=range]{width:90px;accent-color:var(--gold)}.studio-views input[type=checkbox]{accent-color:var(--gold)}
@media(max-width:700px){.studio-reference{right:8px;top:8px;width:81px;padding:8px 2px}.studio-reference canvas{width:68px;height:68px}.studio-reference span{font-size:6px;letter-spacing:0}.studio-reference p{display:none}.studio-stage #art-canvas{height:370px}.studio-hint{font-size:7px;letter-spacing:1px}.studio-views{gap:5px}.studio-views label{margin:3px}.art-note{margin-top:14px}.art-options{margin:14px 0}}
@media(max-height:600px){.studio-stage #art-canvas{height:230px}.art-heading h2{font-size:24px}.art-options{margin:12px 0}.art-note{font-size:10px}}
/* Circular movement and widescreen play, following Rampage's touch layout. */
.game{position:relative}.viewport{background:#000}.viewport::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 58%,transparent 35%,#0003 78%,#000b 100%);pointer-events:none;z-index:1}.zone,#notice{z-index:2}.overlay{z-index:5}.touch-controls{padding:12px 20px;position:relative;z-index:3}.stick-zone{position:relative;width:180px;height:146px;flex-shrink:0;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}.stick-ring{position:absolute;left:50%;top:50%;width:128px;height:128px;transform:translate(-50%,-50%);border-radius:50%;border:2px solid #edc57e55;background:#100e0bc2;box-shadow:inset 0 0 28px #0008}.stick-knob{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ba9867,#61472c);border:2px solid #efd7a58a;box-shadow:0 5px 12px #0008}.stick-cross{position:absolute;inset:0;display:grid;place-items:center;font-size:90px;font-weight:100;color:#c19c6440}.stick-caption{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:7px;letter-spacing:1.5px;color:var(--muted);pointer-events:none}.stick-zone.engaged{cursor:grabbing}.engaged .stick-ring{border-color:#edc57eb3}.engaged .stick-knob{background:radial-gradient(circle at 35% 30%,#e1bd83,#896036)}.rotate-screen{position:fixed;inset:0;z-index:100;background:radial-gradient(ellipse at 50% 40%,#1f211d,#020303 75%);display:grid;place-items:center;text-align:center;padding:28px}.rotate-screen>div{width:min(420px,100%)}.rotate-phone{display:block;font-size:42px;letter-spacing:10px;color:var(--gold);margin-bottom:32px}.rotate-screen h2{font:36px Georgia,serif;color:var(--cream);margin:15px 0}.rotate-screen p:not(.eyebrow){font-size:12px;line-height:1.9;color:var(--muted)}.rotate-screen #rotate-copy{font-size:10px;margin-top:22px}.rotate-screen .secondary{margin:12px auto}:fullscreen .cabinet{width:100%;max-width:none;min-height:100svh;background:#000}
@media(max-width:700px){.touch-controls{padding:6px 8px}.stick-zone{width:156px;height:142px}.action-buttons{gap:10px}.control-note{display:none}}
@media(pointer:coarse) and (orientation:landscape){body{background:#000}.cabinet{width:100%;padding:0}.masthead{min-height:32px;height:32px;margin:0;padding:3px max(10px,env(safe-area-inset-left));font-size:9px}.edition,.masthead a span{display:none}.tools{margin-left:auto;gap:5px}.tools button{padding:5px 8px;font-size:8px}.game{border:0;box-shadow:none}.hud{height:42px;padding:5px 16px;gap:12px;border-bottom:1px solid #44301f;flex-wrap:nowrap}.hud div{gap:2px}.hud span{font-size:7px;letter-spacing:1px}.hud strong{font-size:16px}.hud .vitality strong{font-size:15px}.viewport{height:calc(100svh - 74px);min-height:170px}.lower-bar,footer{display:none}.touch-controls{position:absolute;bottom:0;left:0;right:0;height:150px;padding:0 16px;pointer-events:none}.stick-zone{pointer-events:auto;width:36vw;max-width:260px;height:150px}.stick-ring{left:85px;top:76px}.stick-caption{display:none}.action-buttons{align-self:end;margin:0 max(10px,env(safe-area-inset-right)) 16px 0;gap:16px;pointer-events:auto}.action-buttons button{width:70px;height:70px;background:#302418b8;backdrop-filter:blur(4px)}.action-buttons button:last-child{background:#59281dc9}.action-buttons button:first-child{margin-bottom:24px}.control-note{display:none}.overlay{padding:16px 8%}.panel{max-width:400px}h1{font-size:48px}.panel>p:not(.eyebrow){font-size:10px;margin:10px 0}.panel .screen-controls{display:none}.eyebrow{margin-bottom:10px}.primary{padding:11px 20px}.zone{top:10px;left:14px;font-size:7px}}
@media(max-height:540px) and (pointer:fine){.cabinet{padding:6px 12px}.masthead{min-height:25px;margin-bottom:5px}.hud{padding:6px 10px}.hud div{gap:2px}.hud strong{font-size:16px}.lower-bar{min-height:26px;padding:6px 10px}.action-buttons button{width:50px;height:50px;font-size:20px}footer{display:none}.stick-zone{width:140px;height:100px}.stick-ring{width:88px;height:88px}.stick-knob{width:44px;height:44px;margin:-22px 0 0 -22px}.stick-caption{display:none}.touch-controls{padding:5px 12px}.viewport{height:calc(100svh - 230px);min-height:150px}}
.armor-state b{color:#c9b9a0;letter-spacing:1px}.armor-state b[data-tier="green"]{color:#9fd49f}.armor-state b[data-tier="gold"]{color:#ffd55a}
.zone b{font-weight:normal}