html{background:#0c0707}body{background:radial-gradient(ellipse at 50% 40%,#37100e 0,#110808 65%,#090607 100%)}.arcade-stage{position:relative;max-width:1500px;margin:auto;border-inline:2px solid #5a2c22;overflow:hidden}.arcade-stage>img{display:block;width:100%;height:auto;max-height:720px;object-fit:cover;object-position:center 53%;filter:brightness(.75)}.arcade-stage-copy{position:absolute;inset:auto 0 0;text-align:center;background:linear-gradient(transparent,rgba(0,0,0,.95) 80%);padding:90px 20px 28px}.arcade-stage-copy h1{font:normal clamp(36px,6vw,86px) Georgia,serif;letter-spacing:.035em;color:#f0d8a6;text-shadow:0 3px 12px #000,0 0 30px #7e2112;margin:.05em 0}.arcade-stage-copy p{font:normal clamp(13px,1.4vw,19px) Georgia,serif;color:#e7bd82}.arcade-eyebrow{text-transform:uppercase;letter-spacing:.22em}.arcade-enter{display:inline-block;color:#f7dfa2;background:linear-gradient(#5e0c13,#30080b);border:2px ridge #ae783d;padding:13px 30px;text-decoration:none;margin-top:14px}.arcade-gallery{max-width:1280px;margin:35px auto 65px;padding:24px;background:linear-gradient(145deg,#170d0d,#240d12,#10090a);border:3px ridge #8c5a31;box-shadow:0 0 45px #000b}.arcade-gallery h2{text-align:center;font-size:clamp(28px,3vw,48px);font-weight:normal;color:#f5d69a;margin:6px}.arcade-sub,.arcade-notice{text-align:center;color:#c9ae88;line-height:1.5}.arcade-cabinets{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:18px;margin:28px auto}.arcade-cabinet{border:3px ridge #946a3f;border-radius:6px;min-height:250px;padding:13px 12px;background:radial-gradient(ellipse at center 30%,#243f4d,#0a0c16 55%,#21070a 78%,#090606 95%);box-shadow:inset 0 0 0 9px #160e10,0 15px 24px #000a;color:#efd49c;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;cursor:pointer;font-family:Georgia,serif;position:relative;transition:transform .18s,filter .18s}.arcade-cabinet::before{content:'♜';position:absolute;top:16px;font-size:54px;color:#d1a05d;text-shadow:0 0 25px #c1281e}.arcade-cabinet::after{content:'';position:absolute;top:92px;width:65%;height:67px;border:6px ridge #7a4728;background:linear-gradient(120deg,#09223d,#342853,#7d261e);box-shadow:0 0 22px #c22c2377}.arcade-cabinet:hover{transform:translateY(-6px);filter:brightness(1.3)}.arcade-cabinet strong{font-size:20px;position:relative;z-index:1}.arcade-cabinet small{color:#bb9572;position:relative;z-index:1;margin-top:8px}.arcade-dialog{max-width:min(1100px,96vw);width:100%;max-height:94vh;background:#160b0e;color:#f0d9ac;border:4px ridge #9f763f;padding:16px;box-shadow:0 0 80px #000}.arcade-dialog::backdrop{background:#000d;backdrop-filter:blur(3px)}.arcade-dialog-top,.arcade-dialog-bottom{display:flex;gap:12px;align-items:center;justify-content:space-between}.arcade-dialog-top h2{color:#efcc91;margin:5px 0 16px}.arcade-dialog button{background:#5c0d12;border:1px solid #b2824b;color:#f0dab1;padding:9px 14px;cursor:pointer}.arcade-player{width:100%;min-height:400px;aspect-ratio:4/3;max-height:65vh;display:grid;place-items:center;background:#08080d;border:2px solid #7b4c2b;overflow:hidden}.arcade-player ruffle-player{width:100%;height:100%;display:block}.arcade-dialog-bottom{padding:14px 0 0}.arcade-notice{border-top:1px solid #604327;padding:22px 5px 0}@media(max-width:650px){.arcade-gallery{margin:15px 8px;padding:10px}.arcade-cabinets{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.arcade-cabinet{min-height:210px}.arcade-cabinet strong{font-size:16px}.arcade-stage-copy{padding:36px 10px 10px}.arcade-stage-copy h1{font-size:30px}.arcade-stage-copy p{margin:6px}.arcade-enter{padding:7px 12px}.arcade-player{min-height:250px}}
.arcade-cabinet{background:radial-gradient(ellipse at 50% 30%,rgba(36,86,112,.85),#110915 56%,#29070b 88%);border-radius:24px 24px 9px 9px;box-shadow:inset 0 0 0 7px #1a0c11,inset 0 0 0 10px #91602e,0 14px 26px #000d,0 0 18px #7d251944;min-height:290px}.arcade-cabinet:nth-child(4n+2){background:radial-gradient(ellipse at 50% 30%,#552b82,#110715 56%,#1d090c 88%)}.arcade-cabinet:nth-child(4n+3){background:radial-gradient(ellipse at 50% 30%,#326d4a,#0b1012 56%,#23070b 88%)}.arcade-cabinet:nth-child(4n+4){background:radial-gradient(ellipse at 50% 30%,#934323,#170c13 56%,#22090b 88%)}.arcade-cabinet::before{content:'✦';font-size:76px;top:15px;color:#f2d69b}.arcade-cabinet::after{height:105px;top:105px;box-shadow:0 0 30px #e63b6444,inset 0 0 25px #000; background:radial-gradient(circle at 30% 35%,#62b4f0 0 3%,transparent 5%),radial-gradient(circle at 65% 55%,#fe637c 0 4%,transparent 6%),linear-gradient(130deg,#101b3e,#683a88,#090f24)}

.arcade-cabinets{grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:22px}.arcade-cabinet{min-height:290px;isolation:isolate;overflow:hidden;padding-bottom:22px}.arcade-cabinet::before{content:'';top:8px;width:70%;height:12px;border-radius:8px;background:linear-gradient(90deg,#c7964d,#f1deb3,#7b461f);box-shadow:0 0 16px #e9ae6380}.arcade-cabinet::after{display:none}.arcade-cabinet-screen{display:grid;place-items:center;position:absolute;top:54px;left:14%;width:72%;height:118px;border:9px ridge #ad7340;box-shadow:inset 0 0 22px #000,0 0 24px #ff803d55;background:radial-gradient(circle at center,hsl(var(--cabinet-hue) 80% 38%),#100922 72%);font-size:55px;color:#fce8b4;text-shadow:0 0 22px #fff}.arcade-cabinet strong{margin-top:175px;text-wrap:balance}.arcade-cabinet small{color:#e4bf83}.arcade-player-error{padding:26px;text-align:center;line-height:1.7;color:#ffcf9d}.arcade-gallery{max-width:1500px}.arcade-gallery h2{letter-spacing:.04em}.arcade-cabinet:focus-visible{outline:3px solid #ffdf93;outline-offset:4px}.arcade-stage>img{max-height:760px}
.arcade-local-help{background:#35100f;border:2px solid #c39a54;color:#ffe9bc;padding:18px;margin:20px auto;max-width:1000px;text-align:center;font-size:1.08rem}.arcade-local-help[hidden]{display:none}

/* KoT walk-through arcade: seven interactive scenes, six machines per scene */
.arcade-walk-main{min-height:calc(100vh - 55px);background:#090505;color:#f4d7a2}
.arcade-walk-stage{max-width:1600px;margin:0 auto;padding:0 10px 28px}
.arcade-walk-hall{height:auto;aspect-ratio:16/9;max-height:850px;position:relative;isolation:isolate;overflow:hidden;border:2px ridge #98642d;background:#0b0709}
.arcade-walk-background{position:absolute;inset:0;background:url('assets/games-arcade-scene.png') center/cover no-repeat;filter:brightness(.58) contrast(1.14);z-index:-2}
.arcade-walk-hall:after{content:'';pointer-events:none;position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 13%,#05020577 90%),linear-gradient(90deg,#07040877,transparent 25% 75%,#07040877);z-index:-1}
.arcade-walk-sign{position:absolute;left:43%;width:14%;top:13%;text-align:center;color:#f4b866;text-shadow:0 0 17px #e4271b,2px 3px #250406;font:bold clamp(20px,5vw,74px) Georgia,serif;letter-spacing:-.07em;pointer-events:none}
.arcade-walk-heading{position:absolute;top:3%;left:20%;width:60%;text-align:center;pointer-events:none;text-shadow:0 3px 9px #000,0 0 13px #000}
.arcade-walk-heading span{font-size:clamp(8px,1vw,15px);letter-spacing:.18em;color:#eed2a1}
.arcade-walk-heading h1{font:normal clamp(19px,3.4vw,55px) Georgia,serif;margin:0;color:#f8d99e;letter-spacing:.06em}
.arcade-walk-carpet{position:absolute;left:35%;right:35%;bottom:-15%;height:45%;background:linear-gradient(90deg,#270605,#72100e 14%,#3d0306 50%,#70100d 86%,#270605);clip-path:polygon(44% 0,56% 0,100% 100%,0 100%);opacity:.5;pointer-events:none}
.walk-instruction{position:absolute;left:36%;width:28%;bottom:8%;text-align:center;font:clamp(9px,1.1vw,16px) Georgia,serif;letter-spacing:.12em;color:#fff0c4;text-shadow:0 2px 7px #000,0 0 9px #000;pointer-events:none}
.walk-cabinet{--tone:210;position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:space-around;cursor:pointer;color:#f9e3b9;padding:1.1% .5%;font-family:Georgia,serif;background:linear-gradient(90deg,#060708,#1a1b26 17%,#0d111d 80%,#030408);border:clamp(2px,.34vw,6px) ridge #ad793d;border-radius:9% 9% 3% 3%;box-shadow:0 18px 16px #000b,inset 0 0 8px #000,0 0 13px #a53b3566;transition:filter .18s,box-shadow .18s;min-height:0}
.walk-cabinet:hover,.walk-cabinet:focus-visible{filter:brightness(1.35);box-shadow:0 0 28px #ffbe65,0 10px 20px #000;outline:2px solid #ffe9ae;outline-offset:2px;z-index:10!important}
.walk-marquee{display:grid;place-items:center;width:100%;height:21%;font-size:clamp(7px,1.05vw,17px);line-height:1.05;text-align:center;text-wrap:balance;color:#fbd6a0;background:linear-gradient(#641e15,#1e0d18);text-shadow:0 1px 4px #000,0 0 8px #ff9f46;box-shadow:inset 0 0 0 1px #e1ae61;overflow:hidden}
.walk-screen{display:grid;place-items:center;width:85%;height:44%;border:5px ridge #46392f;background:radial-gradient(circle,hsl(var(--tone) 80% 34%),#101124 72%);font:clamp(16px,3vw,46px) Georgia,serif;text-shadow:0 0 13px #fff;box-shadow:inset 0 0 18px #000,0 0 12px #79a8f677}
.walk-controls{font:bold clamp(8px,1.25vw,19px) monospace;color:#cf4640}
.walk-play{font:bold clamp(6px,.78vw,12px) Georgia,serif;letter-spacing:.07em;color:#f3dca7}
.walk-cabinet.side-left{transform:perspective(900px) rotateY(12deg) skewY(2deg)}.walk-cabinet.side-right{transform:perspective(900px) rotateY(-12deg) skewY(-2deg)}
.walk-cabinet.depth-0{bottom:5%;width:16.5%;height:63%;z-index:6}.walk-cabinet.depth-0.side-left{left:3%}.walk-cabinet.depth-0.side-right{right:3%}
.walk-cabinet.depth-1{bottom:18%;width:11.5%;height:46%;z-index:5}.walk-cabinet.depth-1.side-left{left:21%}.walk-cabinet.depth-1.side-right{right:21%}
.walk-cabinet.depth-2{bottom:33%;width:7.5%;height:29%;z-index:4}.walk-cabinet.depth-2.side-left{left:34%}.walk-cabinet.depth-2.side-right{right:34%}
.walk-cabinet.depth-1 .walk-marquee{font-size:clamp(6px,.8vw,13px)}.walk-cabinet.depth-2 .walk-marquee{font-size:clamp(5px,.58vw,10px)}
.walk-cabinet.depth-2 .walk-play{font-size:clamp(4px,.5vw,8px)}
.arcade-walk-navigation{display:flex;align-items:center;justify-content:space-between;gap:8px;max-width:900px;margin:-2px auto 0;padding:12px 16px;background:linear-gradient(90deg,#15090a,#3b1014,#15090a);border:2px ridge #80522a}
.arcade-walk-navigation button{cursor:pointer;background:linear-gradient(#6a0b17,#31070b);color:#ffe4a5;border:2px ridge #bf8641;padding:12px 22px;font:18px Georgia,serif}
.arcade-walk-navigation button:disabled{opacity:.35;cursor:not-allowed}.arcade-walk-navigation button:not(:disabled):hover{filter:brightness(1.35)}
.arcade-walk-navigation output{color:#f5dcae;font:clamp(13px,1.5vw,22px) Georgia,serif;letter-spacing:.11em;text-align:center}
.arcade-walk-footnote{text-align:center;color:#bda17a;font:14px/1.5 Georgia,serif;padding:10px 20px}
@media(max-width:700px){.arcade-walk-stage{padding:0}.arcade-walk-hall{aspect-ratio:4/3}.arcade-walk-background{background-position:center}.arcade-walk-heading{top:2%}.walk-cabinet.depth-0{height:56%}.walk-cabinet.depth-1{height:40%}.walk-cabinet.depth-2{height:24%}.walk-marquee{font-size:7px}.walk-play{font-size:5px}.arcade-walk-navigation button{font-size:14px;padding:9px}.arcade-walk-navigation button span{display:none}}