/* Hallmark · macrostructure: Split Screen · theme: custom LUM360 arena
 * Existing shell/fonts; warm gold against violet, sculptural robot plaza.
 * pre-emit critique: P4 H4 E4 S5 R4 V4 */
.lum-ink{--li-gold:oklch(79% .147 86);--li-purple:oklch(53% .18 294);--li-navy:oklch(25% .035 220);--li-cream:oklch(95% .022 85);--li-mint:oklch(87% .037 170);--li-shadow:oklch(25% .035 220 / .2);--li-overlay:oklch(18% .025 220 / .93);--li-white:oklch(98% .006 85);--li-slate:oklch(42% .035 220);--li-glass:oklch(25% .035 220 / .82);padding-block:var(--space-2xl);}
.li-poster{display:grid;grid-template-columns:1fr 1.15fr;background:var(--li-cream);color:var(--li-navy);border-radius:var(--radius-lg);overflow:hidden;min-height:420px;}
.li-title{padding:var(--space-2xl);align-self:center;min-width:0}.li-title>img{margin-bottom:var(--space-md)}.li-title h1{font-family:var(--font-display);font-size:clamp(4rem,7vw,6.5rem);letter-spacing:-.075em;line-height:.85;margin:0 0 var(--space-lg);overflow-wrap:anywhere}.li-title h1 span{color:var(--li-purple)}.li-tagline{font-size:var(--text-lg);font-weight:600;margin-block:var(--space-lg) var(--space-md)}.li-title p:not(.li-tagline){max-width:45ch;line-height:1.6}.li-record{font-family:var(--font-display);font-weight:600;font-size:var(--text-sm);margin-top:var(--space-lg);}
.li-art{position:relative;display:flex;flex-direction:column;justify-content:center;background:var(--li-mint);min-width:0}.li-art svg{width:100%;height:auto}.li-art>span{position:absolute;bottom:var(--space-lg);left:var(--space-lg);letter-spacing:.14em;font-size:.75rem;font-weight:600}.li-art-floor{fill:var(--li-cream)}.li-art-gold{fill:var(--li-gold)}.li-art-violet{fill:var(--li-purple)}.li-art-wall{fill:var(--li-slate)}.li-art-top{fill:var(--li-white)}.li-art-dark{fill:var(--li-navy)}.li-art-shadow{fill:var(--li-shadow)}
.li-setup{display:grid;grid-template-columns:1.4fr 1fr;gap:var(--space-3xl);padding-block:var(--space-2xl);border-bottom:1px solid var(--color-rule)}.li-setup h2,.li-controls h2{font-size:var(--text-lg);margin:0 0 var(--space-lg)}.li-setup aside{padding-top:var(--space-sm)}.li-setup aside p{line-height:1.65}.li-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md)}.li-fields label{display:flex;flex-direction:column;gap:var(--space-sm);font-size:var(--text-sm);min-width:0}.li-fields select{width:100%;min-height:44px;padding:var(--space-sm);border:1px solid var(--color-rule-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-ink);font:inherit}.li-checks{display:flex;flex-wrap:wrap;gap:var(--space-lg);margin-block:var(--space-lg)}.li-checks label{display:flex;align-items:center;gap:var(--space-sm)}.li-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.li-actions button{white-space:nowrap;min-height:44px}.li-fine{color:var(--color-muted);font-size:var(--text-sm)}.li-link{border:0;padding:var(--space-sm) 0;background:none;color:var(--color-ink);text-decoration:underline;text-underline-offset:4px;font:inherit;cursor:pointer;min-height:44px}.li-controls{padding-block:var(--space-xl)}.li-controls table{border-collapse:collapse;width:100%;text-align:left;font-size:var(--text-sm)}.li-controls td,.li-controls th{padding:var(--space-md) var(--space-sm);border-bottom:1px solid var(--color-rule)}.li-controls th{font-weight:600}.li-notes{display:flex;align-items:start;justify-content:space-between;gap:var(--space-xl);font-size:var(--text-sm);color:var(--color-muted)}.li-notes p{max-width:65ch}.lum-ink [data-error]{color:var(--color-error)}
.lum-ink-playing{overflow:hidden}.li-game{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;border:0;margin:0;padding:0;background:var(--li-navy);color:var(--li-white);overflow:hidden;}.li-game[open]{display:grid;grid-template-rows:52px minmax(0,1fr) 44px}.li-game-top{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-md);gap:var(--space-sm)}.li-game-top>div{display:flex;align-items:center;gap:var(--space-sm)}.li-game button,.li-settings button{font:inherit;font-size:var(--text-sm);min-height:40px;border:1px solid var(--color-rule);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);background:var(--li-cream);color:var(--li-navy);cursor:pointer;white-space:nowrap}.li-game button:hover,.li-settings button:hover{background:var(--li-gold)}.li-game button:active,.li-settings button:active{transform:translateY(1px)}.li-game button:focus-visible,.li-settings :focus-visible,.lum-ink :focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.li-stage{position:relative;min-width:0;min-height:0;overflow:hidden;}.li-render,.li-hud{position:absolute;inset:0}.li-render canvas{width:100%;height:100%;display:block;outline:none}.li-hud{pointer-events:none}.li-score{position:absolute;top:var(--space-md);left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-sm) var(--space-lg);background:var(--li-glass);border-radius:var(--radius-md);font-family:var(--font-display);white-space:nowrap}.li-score strong{font-size:1.65rem;font-variant-numeric:tabular-nums}.li-score>span:first-child{color:var(--li-gold)}.li-score>span:last-child{color:var(--li-white)}.li-crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;line-height:1;text-shadow:0 1px 3px var(--li-navy)}.li-meters{position:absolute;bottom:var(--space-lg);left:var(--space-lg);width:180px;background:var(--li-glass);padding:var(--space-md);border-radius:var(--radius-md)}.li-meters label{display:flex;justify-content:space-between;gap:var(--space-sm);font-size:.75rem;align-items:center;margin-bottom:var(--space-xs)}.li-meters meter{width:80px;height:14px;accent-color:var(--li-gold)}.li-map{position:absolute;top:var(--space-md);right:var(--space-md);width:144px;height:144px;border:3px solid var(--li-navy);border-radius:var(--radius-sm);box-shadow:0 3px 16px var(--li-shadow)}.li-map-expanded{width:min(65vh,80vw);height:min(65vh,80vw);top:50%;left:50%;right:auto;transform:translate(-50%,-50%);z-index:3}.li-context{display:flex;align-items:center;gap:var(--space-lg);font-size:.75rem;padding-inline:var(--space-md);overflow:hidden}.li-context>span:first-child{color:var(--li-gold);white-space:nowrap}.li-context>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.li-overlay{position:absolute;inset:0;z-index:5;background:var(--li-overlay);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-lg);text-align:center;overflow-y:auto}.li-overlay h2{font-family:var(--font-display);font-size:clamp(1.8rem,5vw,3.5rem);line-height:1.1;margin:0 0 var(--space-md)}.li-overlay p{max-width:55ch;line-height:1.6}.li-overlay-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-sm);margin-top:var(--space-lg)}.li-overlay-actions button:first-child{background:var(--li-gold)}.li-overlay [data-result-stats]{font-size:var(--text-lg);color:var(--li-gold);margin-top:var(--space-md)}.li-tutorial{position:absolute;top:var(--space-md);left:var(--space-md);max-width:235px;padding:var(--space-md);background:var(--li-glass);border-radius:var(--radius-md);font-size:var(--text-sm);pointer-events:auto}.li-tutorial strong{color:var(--li-gold)}.li-tutorial p{margin-bottom:0}.li-tutorial button{margin-top:var(--space-sm)}.li-respawn{position:absolute;inset:40% 0 auto;text-align:center;font-size:2rem;background:var(--li-overlay);padding:var(--space-lg)}
.li-settings{width:min(680px,calc(100% - 24px));max-height:calc(100dvh - 24px);border:1px solid var(--color-rule);border-radius:var(--radius-md);padding:var(--space-lg);color:var(--color-ink);background:var(--color-paper);}.li-settings::backdrop{background:var(--li-overlay)}.li-settings h2{margin-top:0}.li-settings h3{margin-block:var(--space-lg) var(--space-md)}.li-remap{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.li-settings output{font-variant-numeric:tabular-nums;display:block;min-height:24px;margin-block:var(--space-sm);overflow-wrap:anywhere}.li-settings .li-actions{margin-top:var(--space-lg)}.li-settings input[type=range]{width:100%;min-height:36px}.li-settings input[type=checkbox]{align-self:start}.li-touch{position:absolute;inset:0}.li-stick{position:absolute;left:24px;bottom:24px;width:110px;height:110px;border-radius:50%;background:var(--li-glass);border:2px solid var(--li-white);pointer-events:auto;touch-action:none;display:grid;place-items:center}.li-stick span{display:block;width:44px;height:44px;border-radius:50%;background:var(--li-cream)}.li-look{position:absolute;right:0;top:0;width:48%;height:65%;pointer-events:auto;touch-action:none}.li-touch-actions{position:absolute;right:16px;bottom:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-width:330px;pointer-events:auto}.li-touch-actions button{font-size:.7rem;min-height:44px;padding:6px;touch-action:none;white-space:normal}.li-touch-actions button:first-child{background:var(--li-gold)}
.lum-ink [hidden]{display:none!important}.lum-ink button:disabled{opacity:.5;cursor:wait}.lum-ink input,.lum-ink button,.lum-ink select{accent-color:var(--color-accent)}
@media(max-width:1000px){.li-map{width:105px;height:105px}.li-map-expanded{width:min(65vh,80vw);height:min(65vh,80vw)}.li-tutorial{top:80px;max-width:205px}.li-poster{grid-template-columns:1fr 1fr}.li-title{padding:var(--space-xl)}.li-setup{gap:var(--space-xl)}}
@media(max-width:760px){.li-poster{grid-template-columns:minmax(0,1fr)}.li-art{max-height:280px}.li-art svg{height:280px}.li-title h1{font-size:4.8rem}.li-title>img{width:36px;height:36px}.li-setup{grid-template-columns:minmax(0,1fr);gap:var(--space-lg)}.li-notes{flex-direction:column;gap:0}.li-game-top{padding-inline:8px}.li-game-top strong{font-size:.8rem}.li-game-top button{font-size:.72rem;padding:6px 8px;min-height:36px}.li-game[open]{grid-template-rows:44px minmax(0,1fr) 32px}.li-score{top:8px;padding:6px 10px;gap:14px;font-size:.7rem}.li-score strong{font-size:1.2rem}.li-map{top:56px;width:80px;height:80px;right:8px}.li-map-expanded{width:min(65vh,80vw);height:min(65vh,80vw);top:50%;right:auto}.li-meters{bottom:8px;left:8px;width:160px;padding:8px}.li-tutorial{top:56px;left:8px;max-width:180px;font-size:.72rem;padding:10px}.li-tutorial strong{font-size:.8rem}.li-context{font-size:.65rem;padding:4px 8px;gap:8px}.li-stage:has(.li-touch:not([hidden])) .li-meters{bottom:auto;top:56px;width:150px}.li-stage:has(.li-touch:not([hidden])) .li-tutorial{top:145px;max-width:210px}.li-touch-actions{max-width:210px;grid-template-columns:repeat(2,minmax(0,1fr))}.li-stick{width:86px;height:86px;left:16px}.li-overlay-actions{gap:8px}.li-controls td,.li-controls th{padding:10px 5px;font-size:.75rem;overflow-wrap:anywhere}.li-fields{gap:12px}.li-checks{gap:12px}.li-title{padding:24px}}
@media(max-width:360px){.li-fields{grid-template-columns:minmax(0,1fr)}.li-title h1{font-size:4rem}.li-setup .li-actions{flex-direction:column}.li-game-top img{display:none}.li-tutorial{max-width:155px}.li-touch-actions{max-width:175px}}
@media(max-height:500px) and (orientation:landscape){.li-game[open]{grid-template-rows:36px minmax(0,1fr) 26px}.li-game-top button{min-height:30px}.li-score{top:4px}.li-meters{bottom:auto;top:45px;left:8px}.li-tutorial{top:45px;left:175px;max-width:240px}.li-stage:has(.li-touch:not([hidden])) .li-tutorial{top:45px;left:175px;max-width:235px}.li-map{top:8px;width:78px;height:78px}.li-map-expanded{width:70vh;height:70vh;top:50%}.li-touch-actions{grid-template-columns:repeat(3,minmax(0,1fr));max-width:290px}.li-stick{width:85px;height:85px;bottom:12px}.li-overlay h2{font-size:1.8rem}}
@media(prefers-reduced-motion:reduce){.lum-ink *{scroll-behavior:auto}.li-game button:active,.li-settings button:active{transform:none}}

.li-stage:has(canvas[data-charging=true]) .li-crosshair{color:var(--li-gold);outline:2px solid var(--li-gold);outline-offset:10px;border-radius:50%}

.li-full-frame{display:block;border:0;width:100%;height:100%;background:var(--li-navy)}
@media(max-width:700px){.li-game-top strong{display:none}.li-game-top button{font-size:.65rem;padding:4px 6px}.li-game-top{gap:4px}.li-game-top>div{gap:4px}}

.li-art>img{display:block;width:100%;height:100%;min-height:420px;object-fit:cover}.li-art>span{padding:6px 10px;background:var(--li-cream);border-radius:6px}@media(max-width:760px){.li-art>img{min-height:0;height:280px;object-fit:cover}}
/* Keep the complete game viewport and its toolbar clear of device cutouts. */
.li-game{box-sizing:border-box;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}
@media(pointer:coarse){.li-game-top button{min-height:44px}.li-game[open]{grid-template-rows:48px minmax(0,1fr) 32px}}