:root { --ink:#f7f4f0; --muted:#aaa8b5; --line:rgba(255,255,255,.14); --blue:#5b7cff; --red:#ff405d; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; min-height:100vh; overflow-x:hidden; color:var(--ink); background:#11152f; font-family:'DM Sans',sans-serif; }
body::before { content:""; position:fixed; inset:0; pointer-events:none; opacity:.18; background-image:radial-gradient(#fff 1px,transparent 1px); background-size:28px 28px; mask-image:linear-gradient(to bottom,#000,transparent 78%); }
.page-shell { width:min(1160px,calc(100% - 48px)); margin:auto; position:relative; z-index:1; }
.glow { position:fixed; width:520px; height:520px; border-radius:50%; filter:blur(90px); opacity:.23; pointer-events:none; }.glow-one { background:#e72958; top:-250px; left:-180px; }.glow-two { background:#3359e8; right:-180px; bottom:-230px; }
.nav-bar { display:flex; justify-content:space-between; align-items:center; padding:28px 0; font-size:12px; letter-spacing:1.5px; }.logo { color:#fff; text-decoration:none; font-weight:700; }.logo span { color:#ff6179; font-size:19px; vertical-align:-2px; margin-right:8px; }.status { color:#aaa8b5; }.status i { display:inline-block; width:7px; height:7px; border-radius:50%; background:#7cffbb; box-shadow:0 0 12px #7cffbb; margin-right:7px; }
.about-link { color:var(--ink); text-decoration:none; font-size:11px; letter-spacing:1.8px; font-weight:700; transition:color .2s; }.about-link:hover { color:var(--red); }.about-link b { color:var(--red); font-size:17px; margin-left:8px; }
.hero { padding:58px 0 72px; max-width:750px; }.eyebrow { margin:0 0 20px; color:#a9a8bb; font-size:11px; letter-spacing:2.5px; font-weight:700; }.hero h1 { margin:0; font:700 clamp(58px,10vw,118px)/.9 'Space Grotesk',sans-serif; letter-spacing:-6px; }.hero h1 span { background:linear-gradient(100deg,var(--red),#ff5266 35%,#5b7cff 80%); -webkit-background-clip:text; background-clip:text; color:transparent; }.intro { max-width:390px; color:#b7b5c2; line-height:1.7; margin:32px 0 35px; font-size:17px; }.scroll-cue { color:#fff; text-decoration:none; font-size:11px; letter-spacing:2px; font-weight:700; }.scroll-cue b { color:#ff526b; font-size:19px; margin-left:12px; }
.section-heading { border-top:1px solid var(--line); padding-top:30px; display:flex; justify-content:space-between; align-items:end; margin-bottom:30px; }.section-heading .eyebrow { margin-bottom:10px; }.section-heading h2 { margin:0; font:600 36px 'Space Grotesk',sans-serif; }.section-heading h2 span { color:#777791; font-size:16px; vertical-align:top; }.section-note { color:#9796a8; font-size:13px; }
.project-grid { width:min(100%, 980px); display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(10px,2.2vw,24px); }.project-card { aspect-ratio:1; display:flex; flex-direction:column; overflow:hidden; border:1px solid var(--line); border-radius:4px; background:rgba(255,255,255,.06); text-decoration:none; color:var(--ink); transition:transform .25s,border-color .25s; }.project-card:hover { transform:translateY(-7px); border-color:rgba(255,255,255,.4); }.card-art { flex:1; min-height:0; position:relative; overflow:hidden; }.game-art { background:radial-gradient(circle at 50% 47%,#243a86 0,#172255 20%,#101636 52%,#090d22 100%); }.game-art::before,.game-art::after { content:""; position:absolute; inset:0; background:repeating-radial-gradient(ellipse at center,transparent 0 42px,rgba(105,151,255,.18) 43px 44px,transparent 45px 73px); transform:rotate(-22deg) scale(1.4); }.game-art::after { transform:rotate(45deg) scale(1.2); opacity:.4; }.planet { position:absolute; z-index:1; top:50%; left:50%; transform:translate(-50%,-50%); display:grid; place-items:center; width:clamp(55px,8vw,92px); height:clamp(55px,8vw,92px); border-radius:50%; color:#fff; font-size:clamp(23px,3vw,35px); background:linear-gradient(135deg,#fa4b63,#754cff); box-shadow:0 0 55px #576dff; }.orbit { position:absolute; z-index:1; top:50%; left:50%; width:clamp(180px,25vw,290px); height:clamp(70px,9vw,105px); border:1px solid rgba(141,181,255,.48); border-radius:50%; transform:translate(-50%,-50%) rotate(-25deg); }.orbit-b { width:clamp(230px,31vw,360px); height:clamp(100px,13vw,150px); transform:translate(-50%,-50%) rotate(30deg); opacity:.45; }.art-label { position:absolute; z-index:2; right:clamp(9px,1.5vw,18px); top:clamp(9px,1.5vw,17px); font-size:clamp(7px,1vw,10px); letter-spacing:1.5px; }.card-info { flex-shrink:0; display:flex; justify-content:space-between; align-items:center; padding:clamp(11px,1.7vw,16px) clamp(10px,1.9vw,18px) clamp(13px,1.9vw,18px); }.card-kicker { color:#8f8fa4; font-size:clamp(7px,1vw,10px); letter-spacing:1.7px; margin:0 0 8px; }.card-info h3 { margin:0; font:600 clamp(14px,1.9vw,19px) 'Space Grotesk',sans-serif; }.arrow { color:#ff5b72; font-size:clamp(19px,2.6vw,26px); }.number { color:#79798f; font-size:clamp(9px,1.2vw,12px); }.idea-art { display:grid; place-items:center; background:linear-gradient(135deg,#282544,#182a4d); }.idea-art.alt { background:linear-gradient(135deg,#30233d,#172b4d); }.idea-art.third { background:linear-gradient(135deg,#233f45,#182640); }.idea-art span { color:rgba(255,255,255,.38); font-size:clamp(35px,5vw,55px); font-weight:200; }.coming-soon { opacity:.7; }
.about { max-width:700px; margin-top:120px; padding:34px 0 20px; border-top:1px solid var(--line); }.about .eyebrow { margin-bottom:12px; }.about h2 { margin:0 0 20px; color:#282b45; font:600 clamp(34px,5vw,58px)/1 'Space Grotesk',sans-serif; letter-spacing:-2px; }.about p:last-child { max-width:560px; margin:0; color:#666b80; font-size:17px; line-height:1.8; }
footer { position:relative; display:flex; justify-content:space-between; color:#77778e; font-size:10px; letter-spacing:1.5px; padding:85px 0 30px; min-height:150px; isolation:isolate; } footer b { color:#ff526b; margin-left:8px; }
footer::before, footer::after { content:""; position:absolute; z-index:-1; border-radius:50%; pointer-events:none; filter:blur(1px); }
footer::before { width:260px; height:260px; left:-140px; bottom:-120px; background:radial-gradient(circle at 45% 40%,rgba(232,100,114,.13),rgba(232,100,114,.045) 48%,transparent 78%); }
footer::after { display:none; }
@media (min-width:701px) {
  body::before { background:radial-gradient(circle 210px at 94% 7%,rgba(97,118,217,.15),transparent 70%),radial-gradient(circle 145px at 6% 16%,rgba(232,100,114,.12),transparent 70%),radial-gradient(circle 105px at 51% 8%,rgba(118,182,157,.11),transparent 70%),radial-gradient(circle 180px at 10% 47%,rgba(188,143,196,.12),transparent 70%),radial-gradient(circle 220px at 91% 55%,rgba(232,100,114,.12),transparent 70%),radial-gradient(circle 165px at 43% 70%,rgba(97,118,217,.11),transparent 70%),radial-gradient(circle 230px at 14% 89%,rgba(231,177,119,.14),transparent 70%),radial-gradient(circle 250px at 70% 91%,rgba(118,182,157,.14),transparent 70%),radial-gradient(circle 145px at 91% 78%,rgba(188,143,196,.11),transparent 70%),linear-gradient(135deg,#eeeae4,#e4e4e9); }
}
.logo { display:flex; align-items:center; gap:11px; letter-spacing:2px; }
.logo-mark { position:relative; display:block; width:29px; height:29px; transform:skewY(-8deg) rotate(-4deg); filter:drop-shadow(3px 4px 0 rgba(32,36,58,.16)); }
.logo-mark i, .logo-mark b { position:absolute; display:block; width:20px; height:20px; border-radius:5px; transform:skewX(-13deg) rotate(45deg); }
.logo-mark i { top:1px; left:1px; background:linear-gradient(145deg,#f06b79,#c83e5f); box-shadow:inset 3px 3px 0 rgba(255,255,255,.32); }
.logo-mark b { right:0; bottom:1px; background:linear-gradient(145deg,#748ae1,#4560bd); box-shadow:inset 3px 3px 0 rgba(255,255,255,.3); }
.logo-name { color:#282b45; font-weight:700; font-size:12px; }
@media (max-width:700px) { .page-shell { width:calc(100% - 24px); }.nav-bar { padding:18px 0; }.hero { padding:40px 0 48px; }.hero h1 { font-size:clamp(44px,14vw,58px); letter-spacing:-3px; }.intro { margin:22px 0 27px; font-size:14px; }.section-heading h2 { font-size:28px; }.section-heading { align-items:start; flex-direction:column; gap:12px; }.project-grid { width:100%; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }.project-card { min-width:0; }.card-info { padding:11px 10px 13px; }.card-info h3 { font-size:14px; }.card-kicker { font-size:7px; letter-spacing:1px; }.arrow { font-size:19px; }.number { font-size:9px; }.card-art { min-height:0; } footer { padding-top:42px; font-size:8px; } }


/* Simple, warm visual theme */
:root { --ink:#20243a; --muted:#7d8092; --line:rgba(32,36,58,.14); --blue:#6176d9; --red:#e86472; }
body { color:var(--ink); background:#e9e5df; }
body::before { content:""; position:absolute; inset:0; min-height:100%; z-index:0; pointer-events:none; opacity:1; background:radial-gradient(circle 270px at 94% 9%,rgba(97,118,217,.16),transparent 70%),radial-gradient(circle 180px at 7% 15%,rgba(232,100,114,.14),transparent 70%),radial-gradient(circle 115px at 49% 8%,rgba(118,182,157,.13),transparent 70%),radial-gradient(circle 210px at 9% 54%,rgba(188,143,196,.13),transparent 70%),radial-gradient(circle 230px at 88% 63%,rgba(232,100,114,.13),transparent 70%),radial-gradient(circle 190px at 42% 76%,rgba(97,118,217,.12),transparent 70%),radial-gradient(circle 220px at 15% 92%,rgba(231,177,119,.15),transparent 70%),radial-gradient(circle 260px at 68% 91%,rgba(118,182,157,.15),transparent 70%),radial-gradient(circle 160px at 92% 84%,rgba(188,143,196,.12),transparent 70%),radial-gradient(circle 130px at 38% 96%,rgba(232,100,114,.11),transparent 70%),linear-gradient(135deg,#eeeae4,#e4e4e9); mask-image:none; }
.glow { width:420px; height:420px; opacity:.24; }.glow-one { background:#ef9ca8; }.glow-two { background:#9daee8; }
.logo { color:var(--ink); }.status { color:var(--muted); }.status i { background:#76b69d; box-shadow:none; }
.hero h1 { color:#282b45; }.hero h1 span { color:#6176d9; }
.intro { color:#666b80; }.scroll-cue { color:var(--ink); }.scroll-cue b { color:var(--red); }
.project-card { border-radius:12px; background:rgba(248,246,242,.78); box-shadow:0 10px 28px rgba(66,70,100,.08); }.idea-art { background:linear-gradient(135deg,#d6d4ee,#c9d9ef); }.idea-art.alt { background:linear-gradient(135deg,#efd1d8,#d9d8ef); }.idea-art.third { background:linear-gradient(135deg,#cbe5dc,#d3dcef); }.idea-art span { color:rgba(32,36,58,.3); }

/* Sleek black theme */
:root { --ink:#f5f5f5; --muted:#989898; --line:rgba(255,255,255,.14); --blue:#879bff; --red:#ff5c76; }
body { color:var(--ink); background:radial-gradient(circle 560px at 8% 5%,rgba(190,42,76,.3),transparent 68%),radial-gradient(circle 620px at 92% 18%,rgba(45,72,180,.25),transparent 68%),#080808; }
body::before { opacity:.22; background-image:radial-gradient(#fff .7px,transparent .7px); background-size:32px 32px; mask-image:linear-gradient(to bottom,#000,transparent 78%); }
.glow { opacity:.16; }.glow-one { background:#d62f55; }.glow-two { background:#3457d5; }
.logo-name { color:#f5f5f5; }.about-link { color:#f5f5f5; }.about-link:hover { color:var(--red); }
.hero h1 { color:#f5f5f5; }.hero h1 span { background:linear-gradient(100deg,#ff4e6b,#ff7184 38%,#8296ff 82%); -webkit-background-clip:text; background-clip:text; color:transparent; }
.intro { color:#a7a7a7; }.scroll-cue { color:#f5f5f5; }
.section-heading { border-color:var(--line); }.section-heading h2 { color:#f5f5f5; }.section-heading h2 span { color:#777; }
.project-card { border-color:var(--line); background:rgba(255,255,255,.055); box-shadow:0 16px 38px rgba(0,0,0,.28); }.project-card:hover { border-color:rgba(255,255,255,.4); }.idea-art { background:linear-gradient(135deg,#171525,#101b32); }.idea-art.alt { background:linear-gradient(135deg,#21131b,#17162e); }.idea-art.third { background:linear-gradient(135deg,#102522,#11192c); }.idea-art span { color:rgba(255,255,255,.35); }
.about h2 { color:#f5f5f5; }.about p:last-child { color:#a7a7a7; }.about { border-color:var(--line); }
footer { color:#707070; }

/* Embedded game window */
.featured { cursor:pointer; font:inherit; text-align:left; }
.card-subtitle { margin:5px 0 0; color:#9d9dab; font-size:clamp(10px,1.3vw,13px); }
.restaurant-card { cursor:pointer; font:inherit; text-align:left; }
.memory-card { cursor:pointer; font:inherit; text-align:left; }
.whack-card { grid-column:1; cursor:pointer; font:inherit; text-align:left; }
.mario-card { grid-column:2; grid-row:2; }
.coming-soon { grid-column:2; grid-row:3; }
.final-card { grid-column:2; grid-row:3; cursor:pointer; font:inherit; text-align:left; }
.abyss-art { position:relative; overflow:hidden; background:linear-gradient(180deg,#070b22 0%,#15124b 46%,#2d1660 70%,#070711 100%); }
.abyss-art::before { content:""; position:absolute; inset:0; opacity:.8; background:radial-gradient(circle at 18% 22%,#fff 0 1px,transparent 2px),radial-gradient(circle at 77% 15%,#aee8ff 0 1px,transparent 2px),radial-gradient(circle at 69% 37%,#fff 0 1px,transparent 2px),radial-gradient(circle at 35% 48%,#c6a4ff 0 1px,transparent 2px),radial-gradient(ellipse at 50% 115%,#ff4c92 0%,transparent 52%); background-size:82px 89px,117px 103px,94px 76px,138px 120px,100% 100%; }
.abyss-art::after { content:""; position:absolute; left:-12%; right:-12%; bottom:-24%; height:64%; border-radius:50% 50% 0 0; border-top:2px solid rgba(119,231,255,.7); background:repeating-radial-gradient(ellipse at 50% 100%,transparent 0 20px,rgba(89,80,255,.22) 21px 23px,transparent 24px 42px); box-shadow:0 -12px 35px rgba(90,73,255,.35); }
.abyss-moon { position:absolute; z-index:1; top:16%; right:18%; width:clamp(38px,7vw,70px); aspect-ratio:1; border-radius:50%; background:radial-gradient(circle at 34% 31%,#fff 0 7%,#b8d9ff 30%,#6e79e8 68%,#443495); box-shadow:0 0 30px rgba(151,189,255,.7); }
.abyss-runner { position:absolute; z-index:3; left:50%; bottom:19%; transform:translateX(-50%) rotate(180deg); color:#91f4ff; font-size:clamp(33px,6vw,60px); text-shadow:0 0 10px #53d5ff,0 0 25px #754cff; }
.abyss-title { position:absolute; z-index:4; top:17%; left:12%; color:#f4eaff; font:700 clamp(17px,3.3vw,34px)/.82 'Space Grotesk',sans-serif; letter-spacing:2px; font-style:normal; text-shadow:0 0 16px rgba(240,151,255,.75); }
.memory-card .card-art { position:relative; overflow:hidden; }
.memory-card .card-art::before,.memory-card .card-art::after { content:""; position:absolute; width:27%; height:48%; top:24%; border:2px solid #6cecff; border-radius:6px; background:linear-gradient(145deg,rgba(90,225,255,.28),rgba(72,67,190,.35)); box-shadow:0 0 13px #36dfff,inset 0 0 15px rgba(255,71,190,.35); }
.memory-card .card-art::before { left:25%; transform:rotate(-14deg); }
.memory-card .card-art::after { right:25%; transform:rotate(14deg); border-color:#ff5bd6; box-shadow:0 0 13px #ff4fcf,inset 0 0 15px rgba(90,225,255,.35); }
.memory-card .card-art span { position:relative; z-index:1; display:grid; place-items:center; width:27%; height:48%; margin:auto; color:#ffef75; border:2px solid #ffe85c; border-radius:6px; background:linear-gradient(145deg,rgba(255,222,74,.35),rgba(221,67,153,.38)); box-shadow:0 0 15px #ffe45b; transform:rotate(-2deg); }
.treasure-art { background:radial-gradient(circle at 50% 30%,#745026 0,#34251d 42%,#111018 100%); }
.treasure-art::before { content:""; position:absolute; z-index:1; left:25%; bottom:19%; width:50%; height:24%; border:3px solid #d79942; border-radius:8px 8px 13px 13px; background:linear-gradient(#9b5c2d 0 25%,#66351f 26%); box-shadow:0 0 24px rgba(255,174,62,.35),inset 0 0 0 3px rgba(255,220,112,.18); }
.treasure-art::after { content:"◆"; position:absolute; z-index:2; left:50%; bottom:25%; transform:translateX(-50%); color:#ffd66b; font-size:clamp(18px,2.8vw,30px); text-shadow:0 0 12px #ff9d32; }
.treasure-art span { position:absolute; z-index:3; top:16%; left:50%; transform:translateX(-50%); width:clamp(43px,7vw,72px); height:clamp(38px,6vw,62px); overflow:hidden; color:transparent; border-radius:50% 50% 44% 44%; background:radial-gradient(circle at 35% 35%,#a8785a 0 9%,transparent 10%),radial-gradient(circle at 65% 35%,#a8785a 0 9%,transparent 10%),#704736; box-shadow:0 0 0 4px #4a2c2b,0 0 20px rgba(219,120,69,.55); }
.treasure-art span::before,.treasure-art span::after { content:""; position:absolute; top:-7%; width:45%; height:38%; border-radius:50% 50% 0; background:#704736; }
.treasure-art span::before { left:-4%; transform:rotate(-28deg); }.treasure-art span::after { right:-4%; transform:scaleX(-1) rotate(-28deg); }
.mario-art { position:relative; display:grid; place-items:center; overflow:hidden; background:linear-gradient(#192c66 0 58%,#b6564a 59% 72%,#283d38 73%); }
.mario-art::before { content:"?  ?  ?"; position:absolute; top:22%; left:50%; transform:translateX(-50%); white-space:nowrap; color:#ffe57c; font:700 clamp(16px,3vw,30px) 'Space Grotesk',sans-serif; letter-spacing:clamp(8px,2vw,18px); text-shadow:0 0 8px #ff9f46; }
.mario-art::after { content:"●"; position:absolute; bottom:9%; left:18%; color:#79d47d; font-size:clamp(25px,4vw,45px); text-shadow:0 0 12px #54c4ff; }
.mario-art span { position:relative; z-index:1; display:grid; place-items:center; width:clamp(58px,10vw,100px); height:clamp(42px,7vw,72px); color:transparent; background:radial-gradient(circle at 39% 57%,#20152a 0 4%,transparent 5%),radial-gradient(circle at 61% 57%,#20152a 0 4%,transparent 5%),#e4a06e; border:3px solid #c45345; border-radius:48% 48% 42% 42%; box-shadow:0 8px 0 #8e303f,0 0 24px rgba(255,98,83,.7); }
.mario-art span::before { content:""; position:absolute; top:-27%; width:112%; height:43%; border-radius:60% 60% 20% 20%; background:#d94043; border:3px solid #b63242; box-shadow:inset 0 -10px 0 #f1d6bd; }
.coming-soon .third { position:relative; overflow:hidden; background:radial-gradient(circle at 50% 50%,#1d655d 0,#132f3c 38%,#101525 78%); }
.coming-soon .third::before { content:""; position:absolute; width:58%; aspect-ratio:1; border:1px solid rgba(101,240,207,.55); border-radius:50%; box-shadow:0 0 20px rgba(69,231,202,.3),inset 0 0 20px rgba(69,231,202,.16); transform:rotate(25deg) scaleY(.42); }
.coming-soon .third::after { content:"✦"; position:absolute; color:#82f6d4; font-size:clamp(30px,5vw,56px); text-shadow:0 0 18px #41e7c2; animation:pulse-glow 2.8s ease-in-out infinite; }
.coming-soon .third span { position:relative; z-index:1; opacity:0; }
@keyframes pulse-glow { 50% { transform:scale(1.16); opacity:.7; } }
.restaurant-art { position:relative; display:grid; place-items:center; color:#f5d7a0; background:radial-gradient(circle at 50% 45%,#513522 0,#261b1b 48%,#111018 100%); }
.restaurant-art::before { content:""; position:absolute; inset:14%; border:1px solid rgba(245,215,160,.45); border-radius:50%; box-shadow:0 0 35px rgba(245,180,100,.2); }
.restaurant-art span { position:relative; z-index:1; font-size:clamp(35px,5vw,58px); text-shadow:0 0 22px rgba(245,180,100,.7); }
.restaurant-art b { position:absolute; bottom:13%; color:rgba(245,215,160,.75); font:600 clamp(9px,1.3vw,13px) 'Space Grotesk',sans-serif; letter-spacing:4px; }
.neon-art { display:grid; place-items:center; background:radial-gradient(circle at 50% 45%,#243d84 0,#121d45 48%,#090b18 100%); }
.neon-art::before { content:""; position:absolute; inset:0; background:linear-gradient(115deg,transparent 25%,rgba(255,79,119,.16),transparent 65%); }
.neon-board { position:relative; z-index:1; width:min(52%,220px); aspect-ratio:1; display:grid; grid-template-columns:repeat(3,1fr); padding:4%; border:2px solid #667fff; border-radius:10px; box-shadow:0 0 14px #4c6cff, inset 0 0 20px rgba(82,112,255,.35); transform:rotate(-4deg); }
.neon-board span,.neon-board i { display:grid; place-items:center; color:#ff5277; font:700 clamp(24px,5vw,54px)/1 'Space Grotesk',sans-serif; font-style:normal; text-shadow:0 0 6px #ff345f,0 0 18px #ff345f; border-right:2px solid rgba(105,137,255,.9); border-bottom:2px solid rgba(105,137,255,.9); }
.neon-board span:nth-child(3n),.neon-board i:nth-child(3n) { border-right:0; }.neon-board span:nth-last-child(-n+3),.neon-board i:nth-last-child(-n+3) { border-bottom:0; }.neon-board i { color:#72eaff; text-shadow:0 0 6px #32dfff,0 0 18px #32dfff; }
.modal-open { overflow:hidden; }
.game-modal[hidden] { display:none; }
.game-modal { position:fixed; inset:0; z-index:10; display:grid; place-items:center; padding:24px; }
.game-modal-backdrop { position:absolute; inset:0; background:rgba(4,5,14,.78); backdrop-filter:blur(7px); }
.game-window { position:relative; z-index:1; width:min(900px,92vw); height:min(720px,88vh); display:flex; flex-direction:column; overflow:hidden; border:1px solid rgba(255,255,255,.22); border-radius:14px; background:#10111c; box-shadow:0 24px 80px rgba(0,0,0,.55); }
.game-window-bar { display:flex; align-items:center; justify-content:space-between; flex:0 0 auto; padding:13px 18px; background:#171827; border-bottom:1px solid rgba(255,255,255,.12); }
.game-window-bar h2 { margin:0; color:#f5f5f5; font:600 16px 'Space Grotesk',sans-serif; }
.close-game { border:0; padding:0 2px; color:#fff; background:transparent; cursor:pointer; font-size:28px; line-height:1; opacity:.75; }.close-game:hover { opacity:1; color:#ff5c76; }
.game-window iframe { width:100%; height:100%; border:0; background:#fff; }
#final-modal .game-window { width:min(1400px,96vw); height:min(900px,92vh); }
@media (max-width:700px) { .game-modal { padding:12px; }.game-window { width:100%; height:90vh; }.game-window-bar { padding:11px 14px; } }