:root{--ll-gold:#dfb85a;--ll-cream:#f5ecd7;--ll-ink:#060907;--ll-line:rgba(255,255,255,.11)}
*{box-sizing:border-box}.ll-body{margin:0;background:#050706;color:#f6f2e8;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}.ll-page{padding:150px max(16px,4vw) 80px;background:radial-gradient(circle at 16% 3%,rgba(210,169,74,.12),transparent 28%),linear-gradient(180deg,#07100c,#040605 56%,#080a08)}
.ll-hero{max-width:1220px;margin:0 auto 34px}.ll-kicker,.ll-level-head p{margin:0 0 10px;color:var(--ll-gold);font-size:10px;font-weight:900;letter-spacing:.2em;text-transform:uppercase}.ll-hero h1{margin:0;font-size:clamp(58px,9vw,132px);line-height:.78;letter-spacing:-.075em}.ll-hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--ll-gold)}.ll-hero>p:not(.ll-kicker){max-width:760px;margin:27px 0 18px;color:rgba(255,255,255,.58);font-size:14px;line-height:1.65}.ll-pills{display:flex;flex-wrap:wrap;gap:8px}.ll-pills span{padding:8px 11px;border:1px solid rgba(224,185,90,.22);border-radius:999px;background:rgba(255,255,255,.025);color:#d9d3c5;font-size:9px;letter-spacing:.08em;text-transform:uppercase}
.ll-shell{max-width:1320px;margin:0 auto;border:1px solid rgba(229,192,99,.25);border-radius:24px;overflow:hidden;background:#080b09;box-shadow:0 30px 90px rgba(0,0,0,.42)}.ll-topbar{min-height:76px;display:grid;grid-template-columns:1fr minmax(260px,.8fr) 1fr;align-items:center;gap:15px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,#101510,#080b09)}.ll-hud-group{display:flex;gap:8px}.ll-hud-group span{min-width:82px;padding:8px 10px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:#080b09}.ll-hud-group small{display:block;color:#6f776f;font-size:6px;font-weight:900;letter-spacing:.16em}.ll-hud-group b{display:block;margin-top:2px;font-size:16px}.ll-progress-wrap{display:flex;align-items:center;gap:10px}.ll-progress{height:8px;flex:1;border-radius:999px;background:#1b221d;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.ll-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#9d732a,#f1d67c);box-shadow:0 0 18px rgba(237,199,104,.35);transition:width .08s linear}.ll-progress-wrap>b{width:42px;text-align:right;font-size:11px}.ll-controls{display:flex;justify-content:flex-end;gap:8px}.ll-controls button,.ll-paused button{min-height:42px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#121713;color:#eee;padding:0 14px;font-size:8px;font-weight:850;letter-spacing:.1em;cursor:pointer}.ll-controls #llPause{width:42px;padding:0;font-size:15px}
.ll-stage{position:relative;width:100%;aspect-ratio:16/8.65;min-height:430px;max-height:760px;overflow:hidden;background:#13201c;outline:none;touch-action:manipulation;user-select:none}.ll-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.ll-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.12),transparent 22%,transparent 72%,rgba(0,0,0,.25)),radial-gradient(circle at center,transparent 56%,rgba(0,0,0,.18));box-shadow:inset 0 0 0 1px rgba(255,255,255,.035)}
.ll-start,.ll-complete,.ll-paused{position:absolute;z-index:8;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;background:linear-gradient(180deg,rgba(4,8,6,.56),rgba(4,7,5,.82));backdrop-filter:blur(4px)}.ll-start p,.ll-complete p{margin:0 0 10px;color:#e1bd62;font-size:9px;font-weight:900;letter-spacing:.18em}.ll-start h2,.ll-complete h2{margin:0;font-size:clamp(32px,5.8vw,78px);line-height:.9;letter-spacing:-.055em}.ll-start h2 em{font-family:Georgia,serif;color:#e4c776;font-weight:400}.ll-how{display:flex;gap:9px;max-width:780px;margin:25px 0 22px}.ll-how span{flex:1;padding:12px 14px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(5,8,6,.66);color:rgba(255,255,255,.66);font-size:10px;line-height:1.45}.ll-how b{display:block;width:25px;height:25px;margin:0 auto 7px;border-radius:50%;background:#d6ad53;color:#12130e;line-height:25px;font-size:10px}.ll-start button,.ll-complete button{min-width:175px;min-height:48px;border:0;border-radius:999px;padding:0 22px;background:linear-gradient(135deg,#b9862e,#f1d47b,#aa7525);color:#11130e;font-size:9px;font-weight:950;letter-spacing:.13em;cursor:pointer;box-shadow:0 15px 36px rgba(186,137,46,.22)}.ll-complete>span{margin:14px 0 20px;color:#aaa;font-size:11px}.ll-complete>div{display:flex;gap:8px}.ll-complete button.secondary{background:#111713;color:#f5f0e4;border:1px solid rgba(255,255,255,.12);box-shadow:none}.ll-paused strong{font-size:42px;letter-spacing:-.04em;margin-bottom:18px}.ll-crash{position:absolute;z-index:7;left:50%;top:50%;transform:translate(-50%,-50%);min-width:250px;padding:17px 22px;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:rgba(8,12,9,.86);text-align:center;backdrop-filter:blur(6px);box-shadow:0 18px 50px rgba(0,0,0,.45)}.ll-crash strong{display:block;color:#f4d27a;font-size:13px;letter-spacing:.12em}.ll-crash span{display:block;margin-top:6px;color:#9ea49e;font-size:9px}.ll-tap-hint{position:absolute;z-index:5;left:50%;bottom:26px;transform:translateX(-50%);padding:8px 12px;border-radius:999px;background:rgba(5,8,6,.62);border:1px solid rgba(255,255,255,.11);color:rgba(255,255,255,.7);font-size:8px;font-weight:850;letter-spacing:.13em;pointer-events:none;animation:llHint 1.4s ease-in-out infinite}.ll-shell.playing .ll-tap-hint{opacity:0;animation:none;transition:opacity .5s}.ll-shell:not(.playing) .ll-tap-hint{opacity:0}@keyframes llHint{50%{transform:translateX(-50%) translateY(-3px);border-color:rgba(225,187,92,.5)}}
.ll-levels{max-width:1320px;margin:26px auto 0;padding:24px;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:rgba(10,13,11,.82)}.ll-level-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px}.ll-level-head h2{margin:0;font-size:clamp(30px,4vw,54px);letter-spacing:-.05em}.ll-level-head>span{color:#777e78;font-size:10px;letter-spacing:.09em;text-transform:uppercase}.ll-level-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ll-level-card{position:relative;min-height:128px;padding:15px;border:1px solid rgba(255,255,255,.08);border-radius:17px;background:linear-gradient(145deg,#131813,#080b09);color:#f3eee2;text-align:left;cursor:pointer;overflow:hidden}.ll-level-card:not(:disabled):hover{border-color:rgba(224,184,86,.46);transform:translateY(-2px)}.ll-level-card:disabled{opacity:.35;cursor:not-allowed}.ll-level-card.active{border-color:#d6ae56;background:linear-gradient(145deg,rgba(109,84,35,.28),#0a0d0a)}.ll-level-card .num{display:block;color:#d6ad52;font-size:8px;font-weight:900;letter-spacing:.16em}.ll-level-card strong{display:block;margin:12px 0 4px;font-size:18px;letter-spacing:-.03em}.ll-level-card small{color:#7f8780;font-size:8px;line-height:1.35}.ll-level-card .lock{position:absolute;right:12px;top:10px;font-size:12px}.ll-level-card .stars{position:absolute;right:13px;bottom:10px;color:#d9b35d;font-size:10px;letter-spacing:2px}.ll-switcher{max-width:1320px;margin:26px auto 0}
@media(max-width:980px){.ll-page{padding-top:130px}.ll-topbar{grid-template-columns:1fr 1fr}.ll-progress-wrap{grid-column:1/-1;grid-row:2}.ll-controls{grid-column:2;grid-row:1}.ll-level-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:660px){.ll-page{padding:118px 10px 55px}.ll-hero h1{font-size:clamp(58px,21vw,92px)}.ll-hero>p:not(.ll-kicker){font-size:12px}.ll-shell{border-radius:18px}.ll-topbar{padding:8px;gap:8px}.ll-hud-group span{min-width:0;flex:1;padding:6px 7px}.ll-hud-group b{font-size:13px}.ll-controls #llMusic{display:none}.ll-stage{min-height:380px;aspect-ratio:10/9}.ll-start{padding:18px}.ll-how{display:grid;gap:6px;margin:18px 0}.ll-how span{padding:9px;font-size:9px}.ll-start h2,.ll-complete h2{font-size:clamp(34px,11vw,58px)}.ll-complete>div{width:min(330px,100%);flex-direction:column}.ll-complete button{width:100%}.ll-levels{padding:15px}.ll-level-head{align-items:flex-start;flex-direction:column}.ll-level-grid{grid-template-columns:1fr 1fr}.ll-level-card{min-height:115px}}
@media(max-width:390px){.ll-level-grid{grid-template-columns:1fr}.ll-stage{min-height:360px}.ll-hud-group small{font-size:5px}}
@media(prefers-reduced-motion:reduce){.ll-level-card,.ll-tap-hint{animation:none;transition:none}}

/* Portal preview treatment */
html.studio-preview-mode .ll-site-header,html.studio-preview-mode .ll-hero,html.studio-preview-mode .ll-levels,html.studio-preview-mode .ll-switcher{display:none!important}
html.studio-preview-mode .ll-page{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;min-height:0!important;padding:0!important;margin:0!important;background:#07100d!important}
html.studio-preview-mode .ll-shell{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;max-width:none!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
html.studio-preview-mode .ll-topbar{position:absolute!important;z-index:6!important;left:8px!important;right:8px!important;top:8px!important;min-height:0!important;padding:6px 8px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:12px!important;background:rgba(7,11,8,.76)!important;grid-template-columns:1fr 1.1fr!important}.studio-preview-mode .ll-controls{display:none!important}.studio-preview-mode .ll-progress-wrap{grid-column:auto!important;grid-row:auto!important}.studio-preview-mode .ll-hud-group span{padding:4px 6px!important}.studio-preview-mode .ll-hud-group small{font-size:5px!important}.studio-preview-mode .ll-hud-group b{font-size:10px!important}.studio-preview-mode .ll-progress-wrap>b{font-size:8px!important}.studio-preview-mode .ll-stage{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important}.studio-preview-mode .ll-start,.studio-preview-mode .ll-crash,.studio-preview-mode .ll-complete,.studio-preview-mode .ll-paused,.studio-preview-mode .ll-tap-hint{display:none!important}

/* Critical gameplay fix: author display rules must never override hidden overlays. */
.ll-start[hidden],.ll-crash[hidden],.ll-complete[hidden],.ll-paused[hidden]{display:none!important}


/* v3: landscape-only play + premium game presentation */
.ll-stage{aspect-ratio:16/8.35;min-height:0;max-height:none;background:#101d19}
.ll-vignette{background:linear-gradient(180deg,rgba(0,0,0,.08),transparent 24%,transparent 68%,rgba(0,0,0,.28)),radial-gradient(circle at 52% 44%,transparent 50%,rgba(0,0,0,.2));box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),inset 0 -70px 90px rgba(0,0,0,.12)}
.ll-rotate{position:absolute;z-index:30;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:26px;background:radial-gradient(circle at 50% 34%,rgba(62,78,65,.97),rgba(4,8,6,.99) 62%);backdrop-filter:blur(10px)}
.ll-rotate[hidden]{display:none!important}.ll-rotate p{margin:18px 0 8px;color:#e7c56c;font-size:9px;font-weight:950;letter-spacing:.2em}.ll-rotate h2{margin:0;color:#fff;font-size:clamp(26px,7vw,54px);letter-spacing:-.04em}.ll-rotate>span{margin-top:9px;color:#aeb6af;font-size:11px}.ll-phone-icon{position:relative;width:43px;height:72px;border:3px solid #f2dfaa;border-radius:9px;transform:rotate(90deg);box-shadow:0 0 28px rgba(231,197,108,.16)}.ll-phone-icon:before{content:"";position:absolute;left:50%;top:4px;width:12px;height:2px;border-radius:2px;background:#f2dfaa;transform:translateX(-50%)}.ll-phone-icon i{position:absolute;inset:9px 5px 8px;border:1px solid rgba(255,255,255,.14);border-radius:3px;background:linear-gradient(150deg,#17251e,#35473a)}
.ll-shell.orientation-blocked .ll-start,.ll-shell.orientation-blocked .ll-paused,.ll-shell.orientation-blocked .ll-crash,.ll-shell.orientation-blocked .ll-complete{pointer-events:none}
@media(max-width:660px){.ll-stage{aspect-ratio:16/8.35;min-height:0}.ll-start{padding:15px}.ll-how{grid-template-columns:repeat(3,1fr)}.ll-how span{font-size:8px}}
@media(max-height:600px) and (orientation:landscape) and (max-width:980px){body.ll-body{overflow-x:hidden}.ll-page{padding:88px 8px 35px}.ll-hero{display:none}.ll-shell{border-radius:14px;max-width:none}.ll-topbar{min-height:54px;grid-template-columns:1fr minmax(230px,.85fr) auto;padding:6px 8px}.ll-progress-wrap{grid-column:auto;grid-row:auto}.ll-controls{grid-column:auto;grid-row:auto}.ll-stage{aspect-ratio:16/7.15}.ll-hud-group small{font-size:5px}.ll-hud-group b{font-size:12px}.ll-levels{margin-top:18px}}
html.studio-preview-mode .ll-rotate{display:none!important}