:root{--canopy:#263a24;--canopy-deep:#1b2b1a;--moss:#4e6a45;--moss-deep:#3f5738;--bark:#4a3524;--bark-deep:#33241a;--cream:#f4eedd;--cream-soft:#f4eeddb8;--ink:#2b241b;--slate:#3b3a37;--slate-deep:#2a2927;--amber:#c58a4a;--bar-fill:#263a24cc;--bar-solid:#2c4229;--label-fill:#4a3524d1;--label-solid:#4a3524;--bar-stroke:#ffffff24;--tile-stroke:#f4eedd38;--press-scrim:#1b2b1a47;--shadow-tile:0 8px 20px #0c140a59;--shadow-lift:0 14px 32px #0c140a73;--blur:28px;--screen-w:1180px;--screen-h:820px;--status-h:24px;--reserved-tl:120px;--bar-h:200px;--bar-pad:20px;--tile:160px;--tile-gap:28px;--layer-btn:56px;--layer-gap:12px;--infobox-w:420px;--toggle-h:56px;--toggle-top:44px;--edge:24px;--touch-min:44px;--r-tile:28px;--r-bar:40px;--r-pill:999px;--r-button:24px;--s-1:8px;--s-2:16px;--s-3:24px;--s-4:32px;--s-5:48px;--s-6:64px;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--fs-caption:15px;--fs-body:18px;--fs-label:22px;--fs-title:30px;--fs-display:48px;--lh-tight:1.15;--lh-body:1.4;--t-press:80ms;--t-fast:.16s;--t-dim:.4s;--t-label:.6s;--t-breathe:3.2s;--t-ghost:9s;--label-delay:2s;--ease:cubic-bezier(.4, 0, .2, 1);--ease-soft:cubic-bezier(.45, .05, .55, .95)}.screen{background:var(--canopy-deep);font-family:var(--font);color:var(--cream);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:manipulation;position:absolute;inset:0;overflow:hidden}.screen *{box-sizing:border-box}:where(.screen) button{font:inherit;color:inherit;cursor:pointer;appearance:none;background:0 0;border:0;margin:0;padding:0}.lang{top:calc(var(--toggle-top) + env(safe-area-inset-top,0px));right:var(--edge);height:var(--toggle-h);border-radius:var(--r-pill);background:var(--bar-fill);min-width:104px;-webkit-backdrop-filter:blur(var(--blur)) saturate(1.15);backdrop-filter:blur(var(--blur)) saturate(1.15);box-shadow:inset 0 1px 0 var(--bar-stroke), var(--shadow-tile);color:var(--cream);font-size:var(--fs-body);letter-spacing:.04em;transition:transform var(--t-press) var(--ease), background var(--t-press) var(--ease);align-items:center;gap:10px;padding:0 18px 0 16px;font-weight:600;display:inline-flex;position:absolute}.lang svg{opacity:.85;width:22px;height:22px;display:block}.lang:active,.lang.is-pressed{background:#1b2b1ae6;transform:scale(.94)}.label{left:var(--s-4);bottom:calc(var(--bar-h) + 16px + env(safe-area-inset-bottom,0px));background:var(--label-fill);max-width:520px;-webkit-backdrop-filter:blur(var(--blur)) saturate(1.15);backdrop-filter:blur(var(--blur)) saturate(1.15);box-shadow:inset 0 1px 0 var(--bar-stroke), var(--shadow-tile);opacity:0;transition:opacity var(--t-label) var(--ease), transform var(--t-label) var(--ease);pointer-events:none;border-radius:24px;padding:14px 22px 15px;position:absolute;transform:translateY(6px)}.label.is-visible{opacity:1;transform:none}.screen.has-facts .label{opacity:0}.label__common{font-size:var(--fs-label);font-weight:600;line-height:var(--lh-tight);color:var(--cream);display:block}.label__sci{font-size:17px;font-style:italic;line-height:var(--lh-tight);color:var(--cream-soft);margin-top:3px;display:block}.layers{top:calc(var(--toggle-top) + var(--toggle-h) + var(--layer-gap) + env(safe-area-inset-top,0px));right:var(--edge);gap:var(--layer-gap);flex-direction:column;display:flex;position:absolute}.layer{width:var(--layer-btn);height:var(--layer-btn);border-radius:var(--r-pill);background:var(--bar-fill);-webkit-backdrop-filter:blur(var(--blur)) saturate(1.15);backdrop-filter:blur(var(--blur)) saturate(1.15);box-shadow:inset 0 1px 0 var(--bar-stroke), var(--shadow-tile);color:var(--cream);transition:transform var(--t-press) var(--ease), background var(--t-fast) var(--ease), color var(--t-fast) var(--ease);justify-content:center;align-items:center;display:inline-flex}.layer svg{width:26px;height:26px;display:block}.layer:active,.layer.is-pressed{transform:scale(.92)}.layer[aria-pressed=true]{background:var(--cream);color:var(--canopy);box-shadow:0 0 0 3px #f4eedd59, var(--shadow-tile)}.infobox{top:calc(var(--toggle-top) + var(--toggle-h) + var(--layer-gap) + env(safe-area-inset-top,0px));right:calc(var(--edge) + var(--layer-btn) + var(--s-2));width:var(--infobox-w);max-height:calc(var(--screen-h) - var(--bar-h) - var(--toggle-top) - var(--toggle-h) - var(--layer-gap) - var(--s-3));background:var(--label-fill);-webkit-backdrop-filter:blur(var(--blur)) saturate(1.15);backdrop-filter:blur(var(--blur)) saturate(1.15);box-shadow:inset 0 1px 0 var(--bar-stroke), var(--shadow-lift);color:var(--cream);opacity:0;transition:opacity var(--t-label) var(--ease), transform var(--t-label) var(--ease);pointer-events:none;border-radius:28px;padding:22px 26px 24px;position:absolute;transform:translate(8px)}.infobox.is-visible{opacity:1;transform:none}.infobox__title{font-size:var(--fs-label);font-weight:600;line-height:var(--lh-tight);margin:0 0 8px}.infobox__body{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--cream);margin:0}.infobox__body+.infobox__body{margin-top:10px}.infobox__sci{color:var(--cream-soft);margin:0 0 12px;font-size:16px;font-style:italic;display:block}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.layer{background:var(--bar-solid)}.layer[aria-pressed=true]{background:var(--cream)}.infobox{background:var(--label-solid)}}.picker{height:calc(var(--bar-h) + env(safe-area-inset-bottom,0px));padding:var(--bar-pad) var(--s-4) calc(var(--bar-pad) + env(safe-area-inset-bottom,0px));justify-content:center;align-items:center;gap:var(--tile-gap);border-radius:50% 50% 0 0 / var(--r-bar) var(--r-bar) 0 0;background:var(--bar-fill);-webkit-backdrop-filter:blur(var(--blur)) saturate(1.15);backdrop-filter:blur(var(--blur)) saturate(1.15);box-shadow:inset 0 1px 0 var(--bar-stroke), 0 -8px 30px #14180e2e;transition:opacity var(--t-dim) var(--ease);display:flex;position:absolute;bottom:0;left:0;right:0}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.picker,.lang{background:var(--bar-solid)}.label{background:var(--label-solid)}}.tile{width:var(--tile);height:var(--tile);border-radius:var(--r-tile);background:var(--bark-deep);box-shadow:0 0 0 1px var(--tile-stroke), var(--shadow-tile);transition:transform var(--t-press) var(--ease), box-shadow var(--t-press) var(--ease), filter var(--t-dim) var(--ease), opacity var(--t-dim) var(--ease);flex:none;position:relative;overflow:hidden;transform:scale(1)}.tile__photo{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.tile__photo svg{width:100%;height:100%;display:block}.tile__scrim{background:var(--press-scrim);opacity:0;transition:opacity var(--t-press) var(--ease);pointer-events:none;position:absolute;inset:0}.tile:active,.tile.is-pressed{box-shadow:0 0 0 3px var(--cream), var(--shadow-tile);transition-duration:var(--t-press);transform:scale(.95)}.tile:active .tile__scrim,.tile.is-pressed .tile__scrim{opacity:1}.tile.is-selected,.tile[aria-pressed=true]{box-shadow:0 0 0 4px var(--canopy), 0 0 0 9px var(--cream), var(--shadow-lift)}.picker.is-dimmed .tile,.screen[data-state=flyingIn] .tile,.screen[data-state=landing] .tile,.screen[data-state=takingOff] .tile{opacity:.45;filter:saturate(.3)brightness(.9);pointer-events:none;animation:none}.picker.is-dimmed .tile.is-selected,.screen[data-state=takingOff] .tile.is-selected{box-shadow:0 0 0 1px var(--tile-stroke), var(--shadow-tile)}@keyframes breathe{0%{transform:scale(1)}to{transform:scale(1.035)}}.screen[data-state=empty] .tile{animation:breathe var(--t-breathe) var(--ease-soft) infinite alternate}.screen[data-state=empty] .tile:nth-child(2){animation-delay:.4s}.screen[data-state=empty] .tile:nth-child(3){animation-delay:.8s}.screen[data-state=empty] .tile:active,.screen[data-state=empty] .tile.is-pressed{animation:none}@keyframes ghost-drift{0%{opacity:0;transform:translate(0)rotate(-10deg)scale(.9)}12%{opacity:.8;transform:translate(-14px,30px)rotate(-6deg)scale(1)}58%{opacity:.8;transform:translate(-86px,170px)rotate(4deg)scale(1)}70%{opacity:0;transform:translate(-96px,195px)rotate(6deg)scale(.95)}to{opacity:0;transform:translate(-96px,195px)rotate(6deg)scale(.95)}}.ghost{left:calc(50% - 30px);top:calc(100% - var(--bar-h) - 240px);width:56px;height:56px;color:var(--cream);opacity:0;filter:drop-shadow(0 4px 6px #14180e59);pointer-events:none;position:absolute}.ghost svg{width:100%;height:100%;display:block}.screen[data-state=empty] .ghost{animation:ghost-drift var(--t-ghost) var(--ease-soft) infinite;animation-delay:1.5s}.staff{text-align:center;color:var(--cream);font-family:var(--font);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.staff--start{background:var(--moss);gap:var(--s-3);width:100%;height:100%;transition:background var(--t-press) var(--ease)}.staff--start:active,.staff--start.is-pressed{background:var(--moss-deep)}.staff__icon{opacity:.9;width:96px;height:96px}.staff__icon svg{width:100%;height:100%;display:block}.staff__title{font-size:var(--fs-display);font-weight:600;line-height:var(--lh-tight);letter-spacing:-.01em;margin:0}.staff__sub{font-size:var(--fs-body);line-height:var(--lh-body);opacity:.72;max-width:520px;margin:0}.staff--error{background:var(--slate);text-align:left;padding:0 var(--s-6);align-items:flex-start;gap:var(--s-2)}.staff__eyebrow{margin:0 0 var(--s-1);font-family:var(--font-mono);font-size:var(--fs-caption);letter-spacing:.18em;text-transform:uppercase;opacity:.6}.staff--error .staff__title{font-size:40px}.staff__body{max-width:600px;font-size:20px;line-height:var(--lh-body);opacity:.85;margin:0}.staff__detail{margin:var(--s-1) 0 0;font-family:var(--font-mono);font-size:var(--fs-caption);opacity:.5}.retry{margin-top:var(--s-4);border-radius:var(--r-pill);background:var(--cream);height:80px;color:var(--ink);box-shadow:var(--shadow-lift);transition:transform var(--t-press) var(--ease), background var(--t-press) var(--ease);align-items:center;gap:14px;padding:0 40px 0 32px;font-size:24px;font-weight:600;display:inline-flex}.retry svg{width:28px;height:28px;display:block}.retry:active,.retry.is-pressed{background:#e3dac3;transform:scale(.96)}html,body{height:100%;margin:0;padding:0}body{background:var(--canopy-deep);width:100%;height:100dvh;color:var(--cream);font-family:var(--font);overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;position:fixed;inset:0;overflow:hidden}.mw-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.mw-staff-layer{z-index:100;position:absolute;inset:0}.mw-staff-layer[hidden]{display:none}.staff{padding-top:env(safe-area-inset-top,0px)}.mw-landscape{z-index:900;background:var(--moss);color:var(--cream);font-family:var(--font);font-size:var(--fs-title);text-align:center;padding:var(--s-4);place-items:center;display:none;position:fixed;inset:0}@media (orientation:portrait) and (hover:none) and (pointer:coarse){.mw-landscape{display:grid}}.tile__photo--placeholder{position:absolute;inset:0}.tile__placeholder-icon{color:#14180eb3;opacity:.85;position:absolute;inset:14%}.tile__placeholder-icon svg{width:100%;height:100%;display:block}.screen[data-state=start] .picker,.screen[data-state=start] .lang,.screen[data-state=start] .layers,.screen[data-state=start] .infobox,.screen[data-state=start] .ghost,.screen[data-state=error] .picker,.screen[data-state=error] .lang,.screen[data-state=error] .layers,.screen[data-state=error] .infobox,.screen[data-state=error] .ghost{display:none}.mw-debug{z-index:1000;-webkit-overflow-scrolling:touch;touch-action:pan-y;width:min(100vw,360px);max-height:100dvh;padding:calc(env(safe-area-inset-top,0px) + 8px) 10px calc(env(safe-area-inset-bottom,0px) + 12px);box-sizing:border-box;color:#d8f0d0;-webkit-user-select:text;user-select:text;background:#000000d1;font:12px/1.45 ui-monospace,Menlo,Consolas,monospace;position:fixed;top:0;left:0;overflow-y:auto}.mw-debug[hidden]{display:none}.mw-debug h2{color:#9fe0a8;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #2f5a3a;margin:10px 0 4px;font-size:12px;font-weight:700}.mw-debug h2:first-child{margin-top:0}.mw-debug .mw-row{justify-content:space-between;gap:8px;padding:1px 0;display:flex}.mw-debug .mw-row .k{color:#8fb39a;flex:none}.mw-debug .mw-row .v{text-align:right;word-break:break-all}.mw-debug .mw-log{color:#b9cfb9;white-space:pre-wrap;word-break:break-word;background:#0a1a0e;max-height:160px;margin:4px 0 0;padding:4px 6px;overflow-y:auto}.mw-debug .mw-log .err{color:#ff9b9b}.mw-debug .mw-bar{flex-wrap:wrap;gap:6px;margin:6px 0;display:flex}.mw-debug button,.mw-debug select{font:inherit;color:#d8f0d0;background:#16321d;border:1px solid #4b7d57;border-radius:6px;min-height:34px;padding:4px 10px}.mw-debug button:active{background:#2c5a36}.mw-debug button.on{color:#fff;background:#3f8a4f}.mw-debug .mw-slider{grid-template-columns:1fr auto;gap:2px 8px;margin:4px 0;display:grid}.mw-debug .mw-slider .lab{color:#8fb39a}.mw-debug .mw-slider .val{text-align:right}.mw-debug .mw-slider .ctl{grid-column:1/-1;align-items:center;gap:6px;display:flex}.mw-debug .mw-slider input[type=range]{flex:1;min-width:0;height:30px;margin:0}.mw-debug .mw-slider button{min-width:42px;padding:4px 0}.mw-debug textarea{box-sizing:border-box;color:#d8f0d0;background:#0a1a0e;border:1px solid #2f5a3a;width:100%;min-height:90px;font:11px/1.3 ui-monospace,Menlo,Consolas,monospace}.mw-debug .mw-list button{text-align:left;width:100%;margin:2px 0;display:block}.mw-debug-pill{left:50%;top:calc(env(safe-area-inset-top,0px) + 8px);z-index:1000;color:#d8f0d0;background:#000000d1;border:1px solid #4b7d57;border-radius:999px;min-height:44px;padding:8px 16px;font:13px/1.3 ui-monospace,Menlo,Consolas,monospace;position:fixed;transform:translate(-50%)}.mw-debug-pill[hidden]{display:none}.mw-debug.right{left:auto;right:0}