:root{font-family:"Segoe UI","Malgun Gothic",sans-serif;color:#f4f5f9;background:#080c13;color-scheme:dark;line-height:1.5;--accent:#a1ccff}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 30% 0,#1b293d 0,transparent 60%)}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}header,footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 4vw}header{height:68px;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:650;letter-spacing:2px;color:#f4f5f9;text-decoration:none}.brand>img{display:block;flex:none}.brand{font-size:16px;letter-spacing:1px}.tools{display:flex;align-items:center;gap:12px}#connection{color:#aebbd0;font-size:11px}.tools button,.quiet{height:28px;padding:0 8px;border:1px solid #ffffff30;border-radius:5px;background:#142033cc;color:#f3f6ff;font-size:12px;line-height:26px}.tools button{width:28px;padding:0;font-size:21px}.tools button:hover,.quiet:hover{background:#273b56}main{flex:1;padding:0 4vw;position:relative;width:100%;margin:auto;max-width:1560px}h1,h2,p{margin-top:0}.home-hero{position:relative;min-height:255px;height:43vh;max-height:460px;isolation:isolate;border-radius:10px;overflow:hidden;border:1px solid #ffffff12}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:opacity .25s}.home-hero .hero-art{object-position:70% 60%}.hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#070b12ed,#070b1265 48%,transparent 80%)}.featured-copy{height:100%;max-width:540px;padding:32px 36px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow{font-size:11px;letter-spacing:2.5px;text-transform:uppercase;font-weight:650;color:var(--accent)}.featured-copy h1{font-size:clamp(28px,3.5vw,52px);letter-spacing:-1px;line-height:1.15;margin:10px 0}.featured-copy p{font-size:13px;max-width:320px;color:#d3dce8;line-height:1.65;margin-bottom:18px}.primary{background:#eff5ff;color:#111d2b;border:1px solid #fff;border-radius:4px;font-weight:650}.primary:hover{background:var(--accent)}.compact{height:28px;font-size:12px;padding:0 10px;display:inline-flex;align-items:center;gap:18px}.section-head{display:flex;justify-content:space-between;align-items:center;margin:22px 0 12px}.section-head h2{font-size:16px;font-weight:600;margin:0}.section-head>span{font-size:11px;color:#90a1b8}.section-head strong{font-weight:500;margin-left:6px}.library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.game{min-width:0;position:relative;display:flex;align-items:flex-end;gap:12px;text-align:left;isolation:isolate;border:1px solid #ffffff25;border-radius:8px;background:#122033;color:white;padding:16px;min-height:126px;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s}.tile-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:72% 60%;z-index:-2}.game:before{position:absolute;inset:0;content:"";background:linear-gradient(0deg,#060c17f5, #060c1750 85%);z-index:-1}.tile-icon{width:42px;height:42px;object-fit:cover;border:1px solid #ffffff35;border-radius:7px;flex:none}.game-label{min-width:0}.game-label strong{display:block;font-size:17px;font-weight:650;line-height:1.3}.game-label>span{display:block;font-size:10px;color:#bac9de;margin-top:4px}.game.selected{border-color:#c1ddff;box-shadow:0 0 0 2px #b2d4ff55;transform:translateY(-2px)}.game:hover{border-color:#bedaff}.hint{display:flex;align-items:center;justify-content:center;gap:6px;margin:16px 0 0;font-size:11px;color:#98a9c1}.hint>span{width:12px}kbd{font:10px "Segoe UI",sans-serif;text-align:center;min-width:18px;padding:1px 4px;border:1px solid #ffffff30;background:#18273dcc;border-radius:3px;color:#dae7f8}footer{font-size:10px;color:#8a9bb3;padding-top:14px;padding-bottom:14px}#app-screen{position:relative;isolation:isolate;min-height:calc(100vh - 116px);border-radius:8px;overflow:hidden}.game-shade{position:absolute;inset:0;background:linear-gradient(90deg,#050912e8,#05091275 46%,#05091206 82%),linear-gradient(0deg,#050912bd,transparent 30%);z-index:-1}#title-screen{min-height:inherit;display:flex;flex-direction:column;justify-content:center;animation:appear .6s ease-out}.title-copy{padding:90px 5vw 70px;max-width:700px}.title-icon{height:54px;width:54px;border-radius:10px;border:1px solid #ffffff35;margin-bottom:18px}.title-copy .eyebrow{margin-bottom:10px}.game-title{font-size:clamp(44px,6.3vw,100px);line-height:1;letter-spacing:-3px;margin:0 0 18px;font-weight:800;text-wrap:balance;max-width:650px}body[data-app=a] .game-title{text-transform:uppercase;font-style:italic;letter-spacing:-4px}body[data-app=b]{--accent:#e0cc82}body[data-app=b] .game-title{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-2px}body[data-app=c]{--accent:#d5bbff}body[data-app=c] .game-title{text-transform:uppercase;letter-spacing:2px;font-weight:300}.title-copy>p:not(.eyebrow){font-size:14px;color:#d0d9e6;max-width:360px}#game-menu{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:30px}.menu-item{min-width:170px;height:32px;text-align:left;padding:0 12px;font-size:13px;border:1px solid transparent;border-radius:4px;background:#050b1745;color:#e0e8f5}.menu-item.primary{background:#f0f5ff;color:#0d1826}.menu-item:hover,.menu-item:focus-visible{border-color:var(--accent);background:#e0eaff22}.menu-item.primary:hover,.menu-item.primary:focus-visible{background:var(--accent);color:#0d1826}.title-bottom{position:absolute;bottom:22px;left:5vw;right:24px;display:flex;justify-content:space-between;gap:16px;letter-spacing:2px;font-size:9px;color:#b2bfd4}#loading-screen{min-height:inherit;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:70px 24px;text-align:center;background:#050a14b5;backdrop-filter:blur(7px)}.loading-icon{width:96px;height:96px;border:1px solid #ffffff35;border-radius:17px;box-shadow:0 12px 48px #0008;margin-bottom:22px}#loading-name{font-size:clamp(26px,4vw,44px);margin:0 0 12px;font-weight:650;letter-spacing:-1px}#loading-status{font-size:12px;color:#adbed4;margin:0 0 22px}.loading-track{width:200px;height:3px;background:#ffffff20;overflow:hidden;border-radius:3px}.loading-track span{display:block;height:100%;background:var(--accent);transform-origin:left;animation:loading 2.2s ease-out forwards}body[data-phase=loading] #game-art{filter:brightness(.75)}#error{position:fixed;bottom:42px;left:4vw;right:4vw;z-index:5;background:#3b1727;color:#ffd1dc;border-left:3px solid #ff8da9;padding:8px 12px;font-size:12px}dialog{background:#101c2b;color:#e7eef8;border:1px solid #ffffff26;border-radius:10px;width:min(420px,calc(100vw - 32px));padding:22px;box-shadow:0 20px 80px #0008}dialog::backdrop{background:#02060abb;backdrop-filter:blur(5px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.dialog-head h2{font-size:18px;margin:0}.dialog-head button{width:26px;height:26px;line-height:24px;padding:0;font-size:19px}dialog p,dialog label{font-size:13px;line-height:1.7}.muted{color:#94a6bf;font-size:12px!important}#options-panel label{display:flex;align-items:center;gap:8px}#options-panel p{margin-top:10px}#dialog-return{margin-top:14px}@keyframes loading{from{transform:scaleX(.02)}to{transform:scaleX(1)}}@keyframes appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.no-motion *{animation:none!important;transition:none!important}@media(min-width:1600px){main{padding:0 30px}.home-hero{height:44vh}.game{min-height:160px}.title-copy{padding-left:80px}.title-bottom{left:80px}}@media(max-width:850px){main{padding:0 24px}.home-hero{height:36vh;min-height:240px}.featured-copy{padding:28px;max-width:440px}.library{gap:12px}.game{padding:12px;gap:8px;min-height:114px}.tile-icon{width:34px;height:34px}.game-label strong{font-size:14px}.game-label>span{font-size:9px}.title-copy{max-width:510px}.game-title{font-size:58px}#app-screen .hero-art{object-position:65% center}}@media(max-width:550px){header{height:60px;padding:12px 18px}main{padding:0 16px}.brand{font-size:12px}.tools{gap:8px}.home-hero{height:290px;min-height:0}.featured-copy{padding:22px;max-width:290px;justify-content:flex-end}.featured-copy h1{font-size:31px}.featured-copy p{font-size:12px;max-width:220px}.home-hero .hero-art{object-position:68% center}.hero-shade{background:linear-gradient(90deg,#070b12d9,#070b1250),linear-gradient(0deg,#070b12cb,transparent)}.library{grid-template-columns:1fr;gap:10px}.game{min-height:76px;padding:12px;align-items:center}.game-label strong{font-size:16px}.game-label>span{font-size:10px}.tile-icon{width:44px;height:44px}.tile-art{object-position:75% 65%}.game:before{background:linear-gradient(90deg,#060c17ef,#060c1760)}.section-head{margin-top:20px}.hint{margin:18px 0 4px}.game.selected{transform:none}footer{padding:14px 18px;gap:16px}footer>span:last-child{max-width:180px;text-align:right}#app-screen{min-height:calc(100svh - 110px)}.title-copy{padding:100px 24px 80px}.game-title{font-size:clamp(40px,12vw,60px);letter-spacing:-2px}.title-copy>p:not(.eyebrow){font-size:12px}.title-icon{width:44px;height:44px}.game-shade{background:linear-gradient(90deg,#050912d9,#05091230),linear-gradient(0deg,#050912c9,transparent)}.title-bottom{left:24px;font-size:8px}.menu-item{height:30px}.loading-track{width:180px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}