@import url('fonts.css');
:root{color-scheme:dark;font-family:'DM Sans',sans-serif;background:#111120;color:#f8f6ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 75% 40%,#28203f 0,transparent 58%),#111120}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #c9ff86;outline-offset:4px}main{max-width:1400px;margin:auto;padding:26px 52px 20px}header{display:flex;align-items:center;justify-content:space-between;padding-bottom:25px;border-bottom:1px solid #ffffff12}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none}.brand-mark{font:800 45px 'Outfit',sans-serif;letter-spacing:-4px;line-height:1}.brand-mark>span{color:#ab8cff}.brand-mark .dot{color:#cff48e}.brand-name{font-size:12px;line-height:1.2;letter-spacing:.3px}.brand-name b{font-weight:400;color:#aaa5be}.edition{font-size:12px;letter-spacing:2.5px;font-weight:700;color:#b7b0ce}.edition span{color:#c9ff86;margin-left:16px}.icon-button{border:1px solid #ffffff20;border-radius:9px;background:#ffffff05;color:#ded9f0;padding:10px 14px;font-size:20px}.icon-button span{font-size:13px;margin-left:6px}.game-top{display:flex;justify-content:space-between;align-items:center;padding:28px 0 25px}.eyebrow{color:#c4b1ff;font-size:11px;letter-spacing:2px;font-weight:700}h1{font:800 clamp(35px,4vw,57px)/1.05 'Outfit',sans-serif;letter-spacing:-2px;margin:7px 0 0}h1 em{font-style:normal;color:#caff8f}.sparkle{font-size:40px;color:#b79bf4;display:inline-block;margin-left:15px;vertical-align:top}.game-top p{font-size:14px;line-height:1.65;color:#b5afc8}.cabinet{border:1px solid #696077;border-radius:19px;overflow:hidden;box-shadow:0 20px 90px #0005}.hud{display:flex;justify-content:space-between;padding:17px 25px;background:#222135;align-items:center}.level{display:flex;gap:13px;align-items:center}.level>span{border:1px solid #c1a0ff66;background:#b997ff16;color:#c9afff;border-radius:8px;padding:9px;font:600 20px 'Outfit'}.hud small{display:block;font-size:10px;letter-spacing:1.5px;color:#aaa3bd;margin-bottom:4px}.hud strong{font-size:15px}.stats{display:flex;gap:35px;align-items:center}.stats strong{font-family:'Outfit';font-size:23px;letter-spacing:1px}.stats>div:first-child strong{color:#d0f89e}.muted{color:#817a96;font-size:17px}.screen{position:relative;aspect-ratio:1200/580;background:#292354;overflow:hidden}canvas{width:100%;height:100%;display:block;touch-action:none}.overlay{position:absolute;inset:0;background:linear-gradient(90deg,#15132bea 0%,#17132bb0 45%,transparent 85%);display:flex;align-items:center;padding:5% 7%}.overlay.hidden{display:none}.intro .pill{font-size:10px;letter-spacing:1.6px;color:#d6c4ff;border:1px solid #b28fff60;padding:7px 11px;border-radius:20px;background:#8e64d122}.intro h2{font:800 clamp(30px,4vw,59px)/1.05 'Outfit';letter-spacing:-1.8px;margin:20px 0 15px}.intro h2 em{font-style:normal;color:#d1ff92}.intro p{font-size:14px;line-height:1.7;color:#ddd4eb;margin:0 0 20px}.primary{border:0;border-radius:10px;background:#caff8f;color:#25263a;padding:15px 25px;font-weight:800;box-shadow:0 4px 0 #88b254;min-width:180px}.primary span{margin-left:30px;font-size:12px}.primary:hover{background:#dcffb6;transform:translateY(-1px)}.easy{display:block;font-size:11px;color:#a49bb8;margin-top:16px}.scene-label{position:absolute;right:22px;bottom:17px;font-size:9px;letter-spacing:1.8px;color:#e5d4ff88;pointer-events:none}.scene-label span{color:#d7fd9b}.control-bar{padding:18px 26px;background:#222135;display:flex;align-items:center;justify-content:space-between}.keyboard{display:flex;gap:26px;font-size:12px;color:#c5bfd6}.keyboard>span{display:flex;gap:5px;align-items:center}kbd{background:#343246;border:1px solid #5e576e;border-bottom-width:3px;border-radius:5px;padding:3px 7px;font-size:10px;color:#f7f3ff;margin-right:2px}.tip{font-size:12px;color:#a69bbd}.tip b{font-weight:500;color:#d3c9e8}footer{display:flex;justify-content:space-between;color:#827b97;font-size:12px;padding:22px 0}footer>span:last-child{font-size:9px;letter-spacing:1.4px}.footer-star{color:#c1a4ff;margin-left:15px}.touch-controls{display:none}.toast{position:absolute;top:19px;left:50%;transform:translateX(-50%);padding:10px 20px;border-radius:30px;background:#131226e8;color:#dcffab;font-weight:700;font-size:14px;opacity:0;transition:opacity .2s;pointer-events:none;white-space:nowrap}.toast.show{opacity:1}@media(pointer:coarse){.keyboard,.tip{display:none}.touch-controls{display:flex;width:100%;justify-content:space-between}.touch-controls>div{display:flex;gap:10px}.touch-controls button{width:62px;height:54px;border-radius:12px;background:#3a344f;border:1px solid #655778;color:#fff;touch-action:none;user-select:none;font-size:22px}.touch-controls button small{font-size:9px;display:block;font-weight:700}.touch-controls .snap{background:#caff8f;color:#282438;border-color:#caff8f}}@media(max-width:700px){main{padding:18px 14px}header{padding-bottom:17px}.brand-mark{font-size:35px}.brand-name{font-size:10px}.edition{display:none}.game-top{padding:22px 4px}.game-top p{display:none}.eyebrow{font-size:9px}.game-top h1{font-size:39px}.sparkle{font-size:29px}.hud{padding:12px;gap:8px}.hud small{font-size:8px;letter-spacing:.7px}.hud strong{font-size:12px}.level{gap:8px}.level>span{font-size:16px;padding:7px}.stats{gap:12px}.stats strong{font-size:18px}.stats .icon-button{padding:7px 10px}.screen{aspect-ratio:4/5}.overlay{padding:24px;background:linear-gradient(90deg,#15132bee,#17132b44)}.intro h2{font-size:44px}.intro p{font-size:13px}.intro .pill{font-size:8px}.scene-label{font-size:7px;right:12px;bottom:12px}.control-bar{padding:13px}.keyboard{gap:8px;font-size:9px}.keyboard kbd{font-size:8px;padding:2px}.tip{display:none}footer{font-size:10px;gap:20px}footer>span:last-child{font-size:7px;max-width:130px;text-align:right}.toast{font-size:11px;padding:9px 12px}}@media(max-height:550px) and (orientation:landscape){main{padding:8px 20px;max-width:1050px}header,.game-top,footer{display:none}.screen{aspect-ratio:1200/470}.hud{padding:8px 16px}.control-bar{padding:7px 15px}.touch-controls button{height:42px}.intro h2{font-size:32px;margin:12px 0}.intro p,.easy{display:none}}

/* All Digital Productions website palette: blue, navy, red, silver and paper. */
:root{color-scheme:light;background:#f7f9fc;color:#303033}body{background:radial-gradient(ellipse at 75% 40%,#deebfa 0,transparent 65%),#f7f9fc}header{border-color:#dbe1e9;padding-bottom:12px}.brand-logo{width:85px;height:85px;object-fit:contain}.edition{color:#68717d}.edition span,.sparkle,.footer-star{color:#d43b1f}.icon-button{color:#0b3a8d;border-color:#c5d4e8;background:#ffffff80}.eyebrow{color:#68717d}h1 em{color:#256cef}.game-top p{color:#68717d}.cabinet{border-color:#0b3a8d;box-shadow:0 20px 70px #0b3a8d22}.hud,.control-bar{background:#0b3a8d;color:#fff}.hud .icon-button{color:white;border-color:#ffffff40;background:#ffffff10}.hud small{color:#c2d5f1}.level>span{background:#256cef;border-color:#77a6fb;color:white}.stats>div:first-child strong{color:#fff}.muted{color:#b8cdf0}.primary{background:#256cef;color:white;box-shadow:0 4px 0 #123f8e}.primary:hover{background:#397cfa}.intro h2{color:white}.intro h2 em{color:#8dbbff}.intro-logo{display:block;width:72px;height:72px;object-fit:contain;padding:4px;background:#fff;border-radius:8px;margin-bottom:12px}.intro .pill{color:#dbe9ff;border-color:#91b8ff60;background:#256cef22}.overlay{background:linear-gradient(90deg,#071a3bec 0%,#0b2549b0 45%,transparent 85%)}.keyboard,.tip{color:#cfdef4}.tip b{color:#fff}kbd{background:#ffffff15;border-color:#7394c6}.touch-controls button{background:#2457a1;border-color:#779fd6}.touch-controls .snap{background:#d43b1f;color:white;border-color:#ef775f}footer{color:#68717d}.toast{background:#0b3a8ded;color:white}.screen{background:#102c59}.intro p{color:#e0eafa}.easy{color:#bfd0e9}button:focus-visible,a:focus-visible,canvas:focus-visible{outline-color:#d43b1f}@media(max-width:700px){.brand-logo{width:63px;height:63px}.intro-logo{width:58px;height:58px}.intro h2{font-size:38px}.overlay{background:linear-gradient(90deg,#071a3be8,#0b254944)}}

.brand-tagline{display:block;margin-top:16px;font-size:14px;line-height:1.5;color:#e0eafa}.brand-tagline em{color:#a9caff;font-style:italic}.footer-tagline{font-size:14px;line-height:1.5;color:#0b3a8d}.footer-tagline em,.game-top p em{font-style:italic;color:#256cef}@media(max-width:700px){.brand-tagline,.footer-tagline{font-size:12px}.brand-tagline{margin-top:13px}footer{align-items:center}}@media(max-height:550px) and (orientation:landscape){.brand-tagline{font-size:12px;margin-top:10px}}

.event-invitation{display:grid;grid-template-columns:112px minmax(0,1fr) 220px;gap:28px;align-items:center;margin-top:30px;padding:32px;background:#fff;border:1px solid #dbe1e9;border-top:4px solid #d43b1f;border-radius:16px;box-shadow:0 10px 30px #0b3a8d08}.event-invitation-brand img{display:block;width:112px;height:112px;object-fit:contain}.event-kicker{font-size:12px;font-weight:700;letter-spacing:1.4px;color:#68717d}.event-invitation h2{font:700 clamp(24px,2.6vw,32px)/1.14 Outfit,sans-serif;letter-spacing:-.7px;color:#0b3a8d;margin:9px 0 12px}.event-invitation-copy p{font-size:16px;line-height:1.6;margin:0;color:#56606c}.event-invitation-copy .event-tagline{margin-top:12px;font-size:14px;color:#0b3a8d}.event-tagline em{color:#256cef}.event-quote-button{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 18px;border-radius:8px;background:#256cef;color:#fff;font-size:15px;font-weight:700;text-decoration:none;min-height:52px}.event-quote-button:hover{background:#0b3a8d}.event-invitation-action p{font-size:14px;line-height:1.5;text-align:center;color:#68717d;margin:12px 0 0}#event-inquiry{scroll-margin-top:24px}@media(max-width:1000px){.event-invitation{grid-template-columns:88px minmax(0,1fr);gap:20px}.event-invitation-brand img{width:88px;height:88px}.event-invitation-action{grid-column:2}.event-invitation-action p{text-align:left}.event-quote-button{width:fit-content}}@media(max-width:600px){.event-invitation{grid-template-columns:1fr;padding:24px;gap:16px;margin-top:24px}.event-invitation-brand img{width:80px;height:80px}.event-invitation-action{grid-column:auto}.event-quote-button{width:100%}.event-invitation-action p{text-align:center}.event-invitation-copy .event-tagline em{display:block}}
