#little-giant-game{--lg-accent:#ffe49b;position:fixed;inset:0;z-index:1000;overflow:hidden;color:#fff;font-family:Arial,sans-serif;background:#63b7cf;isolation:isolate}
#little-giant-game *{box-sizing:border-box}
#little-giant-game button{font:inherit;cursor:pointer}
.lg-stage,.lg-vignette{position:absolute;inset:0;width:100%;height:100%}
.lg-stage{touch-action:none}
.lg-vignette{pointer-events:none;background:linear-gradient(180deg,#08214391 0%,transparent 20%,transparent 67%,#08213f9e 100%),linear-gradient(90deg,#061d3895 0%,transparent 28%,transparent 76%,#061d386e 100%)}
.lg-header{position:absolute;z-index:4;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:clamp(12px,2vw,27px) clamp(16px,3vw,54px);gap:10px}
.lg-header button,.lg-controls button{border:1px solid #c6f5ff99;color:#fff;background:#08243fbd;box-shadow:0 5px 25px #00264455,inset 0 1px #fff5;border-radius:999px;padding:12px 19px;font-weight:900;letter-spacing:.08em;backdrop-filter:blur(13px);transition:transform .18s,background .18s,box-shadow .18s}
.lg-header button:hover,.lg-controls button:hover{transform:scale(1.04);background:#0c5572e6;box-shadow:0 0 25px #66e9ff99}
.lg-brand{text-align:center;text-shadow:0 3px 15px #073352;display:grid;line-height:.95}
.lg-brand img{display:block;width:clamp(165px,21vw,340px);height:clamp(55px,7vw,112px);object-fit:contain;filter:drop-shadow(0 8px 16px #03192f9c);animation:lg-logo-arrive .7s cubic-bezier(.2,.9,.2,1) both}
.lg-brand small{margin-top:-4px}
@keyframes lg-logo-arrive{from{opacity:0;transform:translateY(-12px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:750px){.lg-brand img{width:clamp(132px,40vw,225px);height:55px}.lg-brand small{font-size:5px;margin-top:-7px}}
.lg-brand b{font-weight:1000;font-size:clamp(21px,3vw,52px);letter-spacing:-.05em;white-space:nowrap}
.lg-brand i{font-style:normal;color:#60edff}
.lg-brand small{font-weight:900;font-size:clamp(7px,.8vw,12px);letter-spacing:.25em;margin-top:6px}
.lg-debug{opacity:.6;font-size:11px!important}.lg-debug.active{opacity:1;background:#6d2578!important}
.lg-header-actions{display:flex;align-items:center;justify-content:flex-end;min-width:150px}
#little-giant-game .lg-debug{display:none}
#little-giant-game .lg-worlds[hidden]{display:none}
#little-giant-game .lg-worlds{color:#fff3c6;background:linear-gradient(145deg,#295470e6,#0a2b48e6);box-shadow:0 12px 34px #00182c9c,0 0 22px #ffe59c44,inset 0 1px 3px #fff5}
#little-giant-game .lg-worlds.charging{background:linear-gradient(90deg,#7cdef4 var(--worlds-hold),#0a2b48 var(--worlds-hold));color:#061e35}
.lg-level{position:absolute;z-index:3;left:clamp(16px,4vw,68px);top:clamp(100px,16vh,170px);max-width:min(340px,30vw);padding:22px 25px;border:1px solid #b9eafa87;border-radius:23px;background:#07233eb8;box-shadow:0 12px 45px #04233866,inset 0 1px #fff4;backdrop-filter:blur(15px)}
.lg-eyebrow{display:block;font-weight:900;letter-spacing:.2em;font-size:12px;color:#8aeefe}
.lg-level h1{font-size:clamp(26px,3vw,48px);line-height:.95;text-transform:uppercase;letter-spacing:-.045em;margin:11px 0 13px;text-shadow:0 3px 17px #00192f}
.lg-level p{line-height:1.38;font-size:clamp(13px,1.1vw,16px);color:#effaff;margin:0}
.lg-stars{display:flex;gap:10px;margin-top:18px;font-size:19px;color:#849daf}.lg-stars .lit{color:var(--lg-accent);text-shadow:0 0 14px var(--lg-accent)}
.lg-camera-status{position:absolute;z-index:3;right:clamp(16px,3vw,50px);top:clamp(90px,13vh,140px);border:1px solid #9cefff91;border-radius:999px;background:#062540bb;padding:10px 15px;display:flex;align-items:center;gap:9px;font-weight:700;font-size:clamp(10px,.85vw,13px);letter-spacing:.04em;backdrop-filter:blur(10px);max-width:290px}
.lg-live-dot{width:9px;height:9px;flex:none;border-radius:50%;background:#45ffb6;box-shadow:0 0 12px #45ffb6;animation:lg-pulse 1.8s infinite}
.lg-puzzle-card{position:absolute;z-index:3;bottom:clamp(75px,9vh,100px);left:50%;transform:translateX(-50%);width:min(560px,70vw);min-height:75px;display:flex;align-items:center;gap:14px;padding:12px 17px;background:#08223edd;border:1px solid #aaeeffab;border-radius:17px;box-shadow:0 8px 35px #00294688,inset 0 1px #fff6;backdrop-filter:blur(16px)}
.lg-puzzle-icon{font-size:34px;color:var(--lg-accent);text-shadow:0 0 20px var(--lg-accent);animation:lg-pulse 2s infinite}.lg-puzzle-card div{flex:1;min-width:0}.lg-puzzle-card strong{display:block;font-size:clamp(14px,1.25vw,20px);font-weight:1000;letter-spacing:.045em}.lg-puzzle-card small{display:block;line-height:1.25;color:#cce9f4;margin-top:3px;font-size:clamp(10px,.9vw,13px)}.lg-hold{position:absolute;bottom:0;left:0;right:0;height:5px;overflow:hidden;border-radius:0 0 16px 16px}.lg-hold i{display:block;height:100%;width:0;background:linear-gradient(90deg,#4ee5ff,#fff4a8);box-shadow:0 0 15px #4ee5ff;transition:width .08s}
.lg-controls{position:absolute;z-index:4;bottom:16px;left:clamp(15px,3vw,50px);right:clamp(15px,3vw,50px);display:flex;align-items:center;justify-content:space-between;gap:15px;color:#fff;font-size:12px;font-weight:700;text-shadow:0 2px 8px #002}
.lg-controls button{padding:9px 15px;font-size:12px;white-space:nowrap}.lg-controls>span{text-align:center;line-height:1.2}
.lg-complete{position:absolute;z-index:5;right:4vw;top:50%;transform:translateY(-50%);width:min(400px,36vw);padding:27px;border:1px solid #ffebb7b8;border-radius:25px;background:linear-gradient(145deg,#124363ed,#071e3deb);box-shadow:0 16px 75px #001c35b9,0 0 40px #ffe29572;text-align:center;backdrop-filter:blur(16px);animation:lg-appear .55s both}.lg-complete[hidden]{display:none}.lg-complete>span{color:#ffeaa0;font-weight:900;letter-spacing:.15em;font-size:12px}.lg-complete h2{font-size:clamp(29px,3.1vw,50px);line-height:.96;margin:15px 0;color:#fff;text-shadow:0 0 20px #81e7ff;text-transform:uppercase}.lg-complete p{line-height:1.4}.lg-complete-actions{display:grid;gap:11px;margin-top:20px}.lg-complete button{border:1px solid #a5edff;border-radius:12px;padding:15px;font-weight:1000;letter-spacing:.05em;color:#06223c;background:linear-gradient(90deg,#e6fbff,#69deff);box-shadow:0 4px 18px #40dbff70}.lg-complete .lg-retry{background:#0a314edb;color:#fff}
.lg-level-picker{position:absolute;z-index:7;right:3vw;bottom:68px;display:grid;gap:8px;width:min(310px,90vw);max-height:70vh;overflow:auto;padding:10px;border-radius:16px;background:#06233eed;border:1px solid #a2e8ff;box-shadow:0 10px 40px #001a33b3}.lg-level-picker[hidden]{display:none}.lg-level-picker button{display:flex;align-items:center;gap:12px;width:100%;border:1px solid #b4e5f455;border-radius:10px;background:#123b58;color:#fff;text-align:left;font-weight:900;padding:4px}.lg-level-picker button:disabled{opacity:.43;cursor:not-allowed}.lg-level-picker img{width:68px;height:46px;object-fit:cover;border-radius:7px}
@keyframes lg-pulse{50%{filter:brightness(1.5);transform:scale(1.08)}}@keyframes lg-appear{from{opacity:0;transform:translate(18px,-50%) scale(.9)}to{opacity:1;transform:translate(0,-50%) scale(1)}}
@media(max-width:750px){.lg-header{padding:10px 13px}.lg-header button{padding:9px 10px;font-size:11px}.lg-back span{display:none}.lg-brand b{font-size:23px}.lg-brand small{font-size:6px}.lg-level{top:65px;left:10px;max-width:48vw;padding:12px;border-radius:13px}.lg-level h1{font-size:22px;margin:6px 0}.lg-level p{font-size:11px}.lg-eyebrow{font-size:9px}.lg-stars{font-size:13px;margin-top:7px;gap:4px}.lg-camera-status{top:68px;right:10px;padding:6px 8px;max-width:40vw;font-size:9px}.lg-puzzle-card{width:86vw;bottom:59px;min-height:59px;padding:9px 11px}.lg-puzzle-card strong{font-size:12px}.lg-puzzle-card small{font-size:10px}.lg-puzzle-icon{font-size:22px}.lg-controls{bottom:7px;left:8px;right:8px}.lg-controls>span{display:none}.lg-controls button{font-size:10px;padding:8px 10px}.lg-complete{left:50%;right:auto;top:50%;transform:translate(-50%,-50%);width:min(380px,92vw);padding:20px}.lg-complete h2{font-size:31px}@keyframes lg-appear{from{opacity:0;transform:translate(-50%,-45%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}}
@media(max-height:600px) and (orientation:landscape){.lg-level{top:65px;padding:11px;max-width:min(190px,25vw)}.lg-level h1{font-size:20px}.lg-level p,.lg-stars{display:none}.lg-puzzle-card{bottom:54px}.lg-camera-status{top:68px}}
@media(prefers-reduced-motion:reduce){#little-giant-game *{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* LITTLE & GIANT · borderless console HUD and camera-selectable finish screen */
#little-giant-game :is(.lg-header button,.lg-controls button,.lg-level,.lg-camera-status,.lg-puzzle-card,.lg-complete,.lg-orb,.lg-scoreboard){border:0;outline:0}
#little-giant-game :is(.lg-header button,.lg-controls button){background:linear-gradient(145deg,#092c49d9,#06162bbc);box-shadow:0 12px 36px #001b3082,0 0 22px #73e1ff26,inset 0 2px 4px #ffffff1c}
#little-giant-game :is(.lg-header button,.lg-controls button):focus-visible{box-shadow:0 0 0 5px #8ceeff8c,0 0 30px #69dfffb8}
#little-giant-game .lg-level{background:linear-gradient(115deg,#07213cc9,#07213c8c 72%,transparent);box-shadow:0 20px 48px #00162672;backdrop-filter:blur(18px)}
#little-giant-game .lg-camera-status{background:linear-gradient(100deg,#08263cce,#06334aa8);box-shadow:0 7px 30px #00192a75}
#little-giant-game .lg-puzzle-card{background:linear-gradient(110deg,#062942e6,#0b1f39c7);box-shadow:0 13px 38px #001c35a6,0 0 22px #69e8ff29}
#little-giant-game .lg-controls{justify-content:flex-start}
#little-giant-game .lg-controls>span{flex:1;text-align:center}
.lg-scoreboard{position:absolute;z-index:3;right:clamp(15px,3vw,50px);top:clamp(140px,19vh,205px);display:grid;grid-template-columns:repeat(2,minmax(90px,1fr));gap:10px 19px;width:min(290px,25vw);padding:18px 20px;border-radius:20px;background:linear-gradient(140deg,#0a2b45d9,#0b2440b0);box-shadow:0 15px 42px #0016267a;backdrop-filter:blur(16px)}
.lg-scoreboard span{display:grid;gap:3px;font-size:10px;font-weight:900;letter-spacing:.1em;color:#afdcf1}.lg-scoreboard b{font-size:clamp(18px,1.65vw,26px);letter-spacing:0;color:#fff;text-shadow:0 0 16px #80e7ff77}
#little-giant-game .lg-complete{inset:0;top:0;left:0;right:0;bottom:0;transform:none;width:100%;height:100%;max-width:none;padding:0;border-radius:0;background:linear-gradient(180deg,#04152ab8 0%,#0615291c 35%,#0615292b 68%,#041328cb 100%);box-shadow:none;backdrop-filter:blur(2px);pointer-events:none;text-align:center;animation:lg-finish-fade .45s ease-out both}
.lg-complete-summary{position:absolute;top:clamp(96px,15vh,165px);left:50%;transform:translateX(-50%);width:min(560px,50vw);padding:16px 26px 20px;border-radius:28px;background:linear-gradient(110deg,#071e37d9,#113654c9,#071e37d9);box-shadow:0 22px 55px #00132796,0 0 35px #81dfff24;backdrop-filter:blur(17px)}
.lg-complete-summary>span{color:#ffe49b;font-size:clamp(11px,.95vw,14px);font-weight:1000;letter-spacing:.22em;text-shadow:0 0 20px #ffd78e}
#little-giant-game .lg-complete h2{font-size:clamp(32px,3.7vw,58px);margin:8px 0 5px;line-height:.94}
#little-giant-game .lg-complete p{margin:4px 0 10px;color:#ddf3ff;font-size:clamp(12px,1vw,16px)}
.lg-award{display:block;color:#ffe58c;font-size:clamp(23px,2.45vw,39px);font-weight:1000;line-height:1.1;text-shadow:0 0 25px #ffcb6f9c;animation:lg-award-pop .6s .15s both}
.lg-result-stats{display:flex;justify-content:center;gap:clamp(12px,2vw,30px);margin-top:12px;color:#b4dded;font-size:clamp(8px,.74vw,11px);font-weight:900;letter-spacing:.08em}.lg-result-stats span{display:grid;gap:3px}.lg-result-stats b{color:#fff;font-size:clamp(15px,1.28vw,21px);letter-spacing:0}
#little-giant-game .lg-complete-actions{display:contents}
#little-giant-game .lg-orb{position:absolute;top:58%;width:clamp(118px,15vw,220px);aspect-ratio:1;border-radius:50%;padding:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;overflow:hidden;isolation:isolate;pointer-events:auto;color:#fff;background:radial-gradient(circle at 38% 25%,#24627bbd,#08263edc 66%,#041627f2);box-shadow:0 14px 48px #00101ed1,0 0 38px #4ce0ff80,inset 0 6px 17px #c1f6ff32;transform:translateY(-50%);transition:transform .18s,box-shadow .18s}
#little-giant-game .lg-home{left:clamp(14px,7vw,120px)}
#little-giant-game .lg-next{right:clamp(14px,7vw,120px);background:radial-gradient(circle at 38% 25%,#fff2bc,#7bdbf4 60%,#27a7d0);color:#08263f;box-shadow:0 14px 48px #00101ed1,0 0 45px #8eeeffa8,inset 0 7px 20px #fff9}
.lg-orb-fill{position:absolute;inset:0;z-index:-1;border-radius:50%;background:linear-gradient(180deg,#76e7ff9c,#1caceee6);transform:translateY(calc(100% - var(--gesture-fill,0%)));transition:transform .09s linear}
.lg-next .lg-orb-fill{background:linear-gradient(180deg,#fff7c7c4,#ffd777eb)}
#little-giant-game .lg-orb:hover,#little-giant-game .lg-orb.charging{transform:translateY(-50%) scale(1.07);box-shadow:0 15px 54px #00101ee5,0 0 54px #89eaffd9,inset 0 6px 18px #fff7}
.lg-orb-symbol{font-size:clamp(32px,4vw,64px);line-height:1;filter:drop-shadow(0 0 12px #8cecff)}.lg-orb strong{font-size:clamp(11px,1.16vw,18px);font-weight:1000;letter-spacing:.02em;line-height:1.05;max-width:95%}.lg-orb small{font-size:clamp(8px,.76vw,12px);font-weight:900;letter-spacing:.14em;opacity:.8}
.lg-complete-hint{position:absolute;left:50%;bottom:clamp(26px,5vh,56px);transform:translateX(-50%);width:max-content;max-width:90vw;padding:11px 19px;border-radius:999px;background:#071f38d9;box-shadow:0 10px 30px #00182ca1;color:#d9f7ff;font-size:clamp(11px,.95vw,14px);font-weight:800}
.lg-is-complete :is(.lg-level,.lg-puzzle-card,.lg-camera-status,.lg-scoreboard,.lg-controls,.lg-back,.lg-worlds){opacity:0;pointer-events:none}
@keyframes lg-finish-fade{from{opacity:0}to{opacity:1}}@keyframes lg-award-pop{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}
@media(max-width:750px){.lg-scoreboard{top:125px;right:10px;width:min(175px,43vw);gap:6px;padding:10px;border-radius:13px}.lg-scoreboard span{font-size:7px}.lg-scoreboard b{font-size:14px}.lg-complete-summary{top:clamp(70px,12vh,120px);width:min(420px,88vw);padding:12px 16px;border-radius:17px}#little-giant-game .lg-complete h2{font-size:clamp(25px,6vw,36px)}#little-giant-game .lg-complete p{font-size:11px}.lg-award{font-size:24px}.lg-result-stats{gap:12px;font-size:8px}.lg-result-stats b{font-size:14px}#little-giant-game .lg-orb{top:60%;width:clamp(116px,31vw,150px)}#little-giant-game .lg-home{left:4vw}#little-giant-game .lg-next{right:4vw}.lg-orb-symbol{font-size:36px}.lg-orb strong{font-size:11px}.lg-orb small{font-size:8px}.lg-complete-hint{bottom:17px;font-size:10px;padding:9px 11px}}
@media(max-height:600px) and (orientation:landscape){.lg-scoreboard{top:70px;width:170px;padding:10px;gap:5px}.lg-complete-summary{top:56px;width:min(420px,49vw);padding:9px 14px}#little-giant-game .lg-complete h2{font-size:29px;margin:4px 0}#little-giant-game .lg-complete p{font-size:10px;margin:2px 0}.lg-award{font-size:22px}.lg-result-stats{margin-top:5px}#little-giant-game .lg-orb{top:59%;width:min(25vh,130px)}.lg-complete-hint{bottom:7px;padding:6px 10px}}
#little-giant-game .lg-brand small{margin-top:-4px}
@media(max-width:750px){#little-giant-game .lg-brand small{margin-top:-6px;font-size:6px}}
@media(max-width:750px){.lg-header-actions{min-width:0}#little-giant-game .lg-worlds{padding:9px 8px;font-size:9px;letter-spacing:0;white-space:nowrap}}
.lg-stars{display:grid;grid-template-columns:repeat(15,minmax(0,1fr));gap:3px;width:min(100%,285px);font-size:15px;margin-top:15px}
.lg-stars span{text-align:center;line-height:1}
@media(max-width:750px){.lg-stars{gap:1px;font-size:9px;margin-top:8px}}