.duke-page{color:#f9ebd3;min-height:100svh;font-family:var(--font-geist-mono), monospace;background:radial-gradient(at 70% 30%,#533041 0,#0000 55%),#161522;padding:24px}.duke-shell{max-width:1050px;margin:auto}.duke-header{letter-spacing:2px;color:#caa988;border-bottom:1px solid #b58a5555;justify-content:space-between;gap:16px;padding:8px 0 22px;font-size:10px;display:flex}.duke-header a{color:#f9ebd3;letter-spacing:0;font-size:13px}.duke-layout{grid-template-columns:1fr 420px;align-items:center;gap:70px;padding:40px 0;display:grid}.duke-eyebrow{text-transform:uppercase;letter-spacing:3px;color:#e8bb79;font-size:11px}.duke-copy h1{letter-spacing:-4px;margin:24px 0;font-family:Georgia,serif;font-size:clamp(64px,8vw,100px);line-height:.95;position:relative}.duke-copy h1 em{color:#e6b66b;font-weight:400}.duke-copy h1>span{color:#cc7d80;margin-left:24px;font-size:50px}.duke-description{color:#d7c3b7;max-width:350px;font-size:15px;line-height:1.8}.duke-stats{border-block:1px solid #b58a5533;gap:48px;margin:28px 0;padding:20px 0;display:flex}.duke-stats span{text-transform:uppercase;letter-spacing:2px;color:#d7b08b;font-size:10px;display:block}.duke-stats strong{font-size:38px;font-weight:400}.duke-instructions h2{text-transform:uppercase;letter-spacing:2px;color:#e8bb79;font-size:11px}.duke-instructions p{color:#d7c3b7;font-size:12px;line-height:1.9}.duke-page kbd{color:#fff;border:1px solid #b58a5588;border-radius:3px;padding:2px 5px}.duke-cabinet{background:#211a28;border:1px solid #d6a56788;border-radius:12px;padding:10px;box-shadow:0 20px 65px #0006}.duke-marquee{letter-spacing:2px;color:#efce8e;justify-content:space-between;padding:9px 5px 16px;font-size:10px;display:flex}.duke-marquee span:last-child{color:#efae98}.duke-stage{border-radius:4px;position:relative;overflow:hidden}.duke-stage canvas{touch-action:manipulation;cursor:pointer;width:100%;height:auto;display:block}.duke-page :focus-visible{outline-offset:4px;outline:3px solid #fff0b7}.duke-stage canvas:focus-visible{outline-offset:-4px}.duke-overlay{text-align:center;pointer-events:none;background:#15122288;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.duke-overlay p{letter-spacing:2px;color:#f6d899;font-size:10px}.duke-overlay h2{margin:12px 0 24px;font-family:Georgia,serif;font-size:32px}.duke-overlay>:not(.duke-confetti){z-index:1;position:relative}.duke-overlay .duke-record-title{color:#f6d899;text-shadow:0 2px 12px #151222;margin-bottom:0;padding-inline:16px;font-size:clamp(26px,4vw,32px)}.duke-overlay .duke-record-score{letter-spacing:1px;color:#f9ebd3;margin:16px 0 28px}.duke-confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.duke-confetti span{opacity:0;font-family:Georgia,serif;animation:1.8s ease-out both duke-note-fall;position:absolute;top:-40px}@keyframes duke-note-fall{0%{opacity:0;transform:translate(0)rotate(0)}12%,65%{opacity:.9}to{opacity:0;transform:translate(var(--note-drift), 620px) rotate(var(--note-turn))}}.duke-page button{color:#241c28;font:600 12px var(--font-geist-mono), monospace;cursor:pointer;background:#e6b66b;border:1px solid #d4a569;border-radius:4px;min-height:44px;padding:13px 18px}.duke-overlay button{pointer-events:auto}.duke-overlay button:disabled{opacity:.6;cursor:wait}.duke-controls{gap:8px;padding-top:10px;display:flex}.duke-controls button{color:#f8dfb5;background:#342837;flex:1;padding:10px 5px}.duke-controls button:disabled{opacity:.45;cursor:default}.duke-controls button:first-child{color:#241c28;background:#e6b66b}.duke-status{color:#d3b7a4;min-height:30px;margin:12px 5px 3px;font-size:10px;line-height:1.5}.duke-footer{letter-spacing:1px;color:#bda48f;border-top:1px solid #b58a5533;justify-content:space-between;padding:20px 0;font-size:9px;display:flex}@media (max-width:800px){.duke-layout{grid-template-columns:1fr minmax(280px,380px);gap:30px}.duke-copy h1{font-size:64px}.duke-header>span:last-child{display:none}}@media (max-width:620px){.duke-page{padding:16px}.duke-header{letter-spacing:1px;font-size:8px}.duke-layout{flex-direction:column;gap:20px;padding:24px 0;display:flex}.duke-copy{width:100%}.duke-copy h1{margin:12px 0;font-size:56px}.duke-copy h1 br{display:none}.duke-copy h1 em{margin-left:12px}.duke-copy h1>span{font-size:30px}.duke-description{max-width:none;margin:12px 0;font-size:12px}.duke-stats{gap:36px;margin:16px 0;padding:10px 0}.duke-stats strong{font-size:26px}.duke-instructions p{font-size:11px}.duke-cabinet{width:min(100%,380px)}.duke-footer{gap:16px;font-size:8px}.duke-art-note{max-width:none}.duke-eyebrow{font-size:9px}}@media (prefers-reduced-motion:reduce){.duke-confetti{display:none}.duke-page *,.duke-page :before,.duke-page :after{transition:none!important;animation:none!important}}@media (max-width:620px){.duke-copy{display:contents}.duke-layout{gap:10px}.duke-copy h1,.duke-description,.duke-stats,.duke-eyebrow{width:100%}.duke-instructions{order:2}.duke-cabinet{order:1}.duke-copy h1,.duke-description{margin:0}.duke-stats{margin:0 0 6px}.duke-header{padding-bottom:12px}.duke-layout{padding-top:16px}.duke-eyebrow{display:none}.duke-copy h1{font-size:44px}.duke-description{font-size:11px;line-height:1.5}.duke-stats{padding:8px 0}.duke-stats strong{font-size:22px}}.duke-artwork{isolation:isolate;aspect-ratio:3/2;background:radial-gradient(at 50% 10%,#e8bb7933,#0000 70%),#251e30;border:1px solid #c9945655;border-radius:100px 100px 8px 8px;place-items:center;width:min(100%,360px);margin:20px 0;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 -18px #181321}.duke-artwork:before{content:"";z-index:-1;clip-path:polygon(45% 0,55% 0,100% 100%,0 100%);background:#f7da9b0a;position:absolute;inset:0 12% 18px}.duke-artwork-curtain{z-index:-1;clip-path:polygon(0 0,25% 0,10% 100%,0 100%,0 0,100% 0,100% 100%,90% 100%,75% 0);background:repeating-linear-gradient(90deg,#5a293a55 0 14px,#301d3055 14px 28px);position:absolute;inset:0}.duke-artwork-note{color:#e8bb7944;font:30px Georgia,serif;position:absolute;top:30%;left:14%}.duke-artwork-note--right{top:50%;left:auto;right:12%}.duke-artwork-image{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;display:block}.duke-artwork--compact{border-radius:60px 60px 6px 6px;width:200px;margin:0 0 22px}@media (max-width:620px){.duke-copy>.duke-artwork{order:2;width:min(100%,280px);margin:10px auto}.duke-instructions{order:3}}