:root{--ink:#eef4e8;--muted:#aebbb0;--panel:#0e161de6;--panel-solid:#101921;--line:#d8e5cf2e;--line-strong:#d8e5cf61;--focus:#f3c563;--danger:#e8a092;--background:#081017;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{background:var(--background);min-width:320px}body{min-width:320px;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 18% 12%,#5d77612e,#0000 28rem),radial-gradient(circle at 82% 20%,#4444972e,#0000 30rem),linear-gradient(145deg,#071018 0%,#111923 50%,#081218 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}button,input{font:inherit}button{border:1px solid var(--line-strong);min-height:44px;color:var(--ink);cursor:pointer;background:#ffffff0e;border-radius:.8rem;transition:border-color .12s,background .12s,transform .12s}button:hover:not(:disabled){background:#ffffff1a;border-color:#f3c563a6}button:active:not(:disabled){transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.46}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.site-page{min-height:100vh;padding:clamp(.75rem,2vw,1.6rem);overflow-x:hidden}.eyebrow{color:#bdcabc;letter-spacing:.18em;text-transform:uppercase;margin:0 0 .35rem;font-size:.7rem;font-weight:750}.title-screen,.game-shell{border:1px solid var(--line);background:linear-gradient(145deg,#0d151df0,#080f16e6);border-radius:clamp(1rem,2vw,1.75rem);width:min(100%,1280px);margin:0 auto;box-shadow:0 32px 90px #00000061,inset 0 1px #ffffff0d}.title-screen{isolation:isolate;text-align:center;min-height:min(780px,100vh - 4rem);padding:clamp(1.4rem,5vw,4.2rem);position:relative;overflow:hidden}.title-screen:before{z-index:-2;content:"";background:linear-gradient(90deg,#53694c1f,#0000 20% 80%,#147d871f),radial-gradient(circle at 50% 22%,#dcb75c26,#0000 26rem);position:absolute;inset:0}.title-orbit{justify-content:center;gap:.65rem;margin:0 auto 1.2rem;display:flex}.title-orbit span,.roster-token{aspect-ratio:1;background:#62795b;border:2px solid #ffffff8c;width:1rem;display:block;transform:rotate(45deg)}.title-orbit span:nth-child(2){background:#5254a0;border-radius:50%}.title-orbit span:nth-child(3){background:#b86d4c;border-radius:35% 65% 65% 35%}.title-orbit span:nth-child(4){background:#a38543;border-radius:.2rem}.title-orbit span:nth-child(5){background:#218f97;border-radius:50% 25%}.title-screen h1{letter-spacing:-.065em;text-shadow:0 0 42px #dcb75c26;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(3.5rem,10vw,8.8rem);font-weight:500;line-height:.88}.tagline{color:#efce83;margin:1rem 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.25rem,2.6vw,2rem);font-style:italic}.title-intro{color:#c5d0c7;width:min(100%,690px);margin:1.35rem auto 0;font-size:clamp(.98rem,1.7vw,1.14rem)}.title-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;width:min(100%,750px);margin:2rem auto 0;display:grid}.hero-button{text-align:left;flex-direction:column;justify-content:center;align-items:flex-start;min-height:96px;padding:1rem 1.3rem;display:flex}.hero-button strong{font-family:Georgia,Times New Roman,serif;font-size:1.25rem}.hero-button span{color:var(--muted);margin-top:.25rem;font-size:.78rem}.learn-button{background:linear-gradient(145deg,#85693361,#3a312647);border-color:#f3c5639e}.level-picker{border:1px solid var(--line);text-align:left;background:#ffffff06;border-radius:1rem;width:min(100%,980px);margin:1.5rem auto 0;padding:1rem}.level-picker>h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:1.35rem;font-weight:500}.level-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin-top:.8rem;display:grid}.level-card{text-align:left;flex-direction:column;align-items:flex-start;min-height:118px;padding:.8rem;display:flex}.level-card-order{color:#efca78;letter-spacing:.06em;text-transform:uppercase;font-size:.65rem;font-weight:800}.level-card strong{margin-top:.25rem;font-family:Georgia,Times New Roman,serif;font-size:1rem}.level-card>span:last-child{color:var(--muted);margin-top:.35rem;font-size:.68rem}.intentional-rules{color:#a9b5ab;flex-wrap:wrap;justify-content:center;gap:.45rem;margin:1rem auto 0;font-size:.75rem;display:flex}.intentional-rules span{border:1px solid var(--line);border-radius:999px;padding:.3rem .65rem}.world-roster>h2{margin:0 0 1rem;font-family:Georgia,Times New Roman,serif;font-size:1.2rem;font-weight:500}.world-roster>div{grid-template-columns:repeat(5,minmax(0,1fr));gap:.6rem;display:grid}.roster-card{border:1px solid var(--line);text-align:left;background:#ffffff06;border-radius:1rem;min-width:0;padding:1rem .7rem}.roster-card:nth-child(2) .roster-token{background:#5150a0;border-radius:50%}.roster-card:nth-child(3) .roster-token{background:#b36c4b;border-radius:35% 65% 65% 35%}.roster-card:nth-child(4) .roster-token{background:#9d7e3e;border-radius:.15rem}.roster-card:nth-child(5) .roster-token{background:#258e98;border-radius:50% 25%}.roster-card h3{margin:.75rem 0 0;font-size:.83rem}.roster-card p{color:#efca78;margin:.15rem 0 .65rem;font-size:.74rem}.roster-card small{color:var(--muted);font-size:.65rem;line-height:1.45;display:block}.title-accessibility{color:#9aa79e;margin:1.2rem auto 0;font-size:.75rem}.game-shell{min-width:0;padding:clamp(.7rem,1.7vw,1.25rem);position:relative}.game-hud{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(420px,1.25fr);align-items:center;gap:1rem;margin-bottom:.9rem;padding:.2rem .2rem .9rem;display:grid}.hud-title,.shard-status{min-width:0}.hud-objective{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(.92rem,1.5vw,1.12rem)}.shard-count{color:#c5d0c7;text-align:right;margin-bottom:.35rem;font-size:.72rem;font-weight:700;display:block}.shard-slots{grid-template-columns:repeat(5,minmax(0,1fr));gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.shard-slots li{color:#9da99f;text-align:center;background:#ffffff06;border:1px dashed #d7e4d242;border-radius:.65rem;flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:44px;padding:.35rem;font-size:.62rem;display:flex}.shard-slots li.is-collected{color:#f3ddae;background:#d2a54529;border-style:solid;border-color:#f3c563b3}.slot-state{text-transform:uppercase;font-size:.58rem;font-weight:800}.game-layout{grid-template-columns:minmax(0,1.72fr) minmax(310px,.8fr);align-items:start;gap:clamp(.75rem,1.4vw,1.15rem);display:grid}.board-region,.game-rail>section,.game-message{border:1px solid var(--line);background:var(--panel);border-radius:1rem}.board-region{min-width:0;padding:clamp(.55rem,1.2vw,.9rem)}.board-heading,.section-heading{justify-content:space-between;align-items:flex-end;gap:.8rem;display:flex}.board-heading{margin-bottom:.55rem}.board-heading h2,.section-heading h3{margin:0}.board-heading h2{font-family:Georgia,Times New Roman,serif;font-size:clamp(1rem,2vw,1.4rem);font-weight:500}.coordinate-readout,.section-heading span{color:var(--muted);text-align:right;margin:0;font-size:.72rem}.tile-board{width:100%;max-width:min(100%,107.143vh - 278.571px);aspect-ratio:var(--board-columns) / var(--board-rows);grid-template-columns:repeat(var(--board-columns), minmax(0, 1fr));border:1px solid var(--line-strong);background:#050b10;border-radius:.8rem;margin-inline:auto;display:grid;overflow:hidden;box-shadow:inset 0 0 35px #0009}.board-tile{background:#070d12;border:.5px solid #ffffff09;min-width:0;position:relative;overflow:hidden}.tile-floor,.tile-pedestal-empty,.tile-pedestal-shard,.tile-safe-island{background:linear-gradient(135deg, #ffffff0f, transparent 55%), color-mix(in srgb, var(--realm-primary) 42%, #1a2329);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--realm-accent) 18%, transparent)}.tile-wall{background:repeating-linear-gradient(135deg,#222a2d 0 5px,#161d21 5px 10px)}.tile-void,.tile-deep-water{background:repeating-radial-gradient(circle at 30% 35%,#0b1820 0 1px,#050b10 2px 7px)}.tile-fractured{background:linear-gradient(25deg,#0000 45%,#dfae4673 47% 50%,#0000 52%),repeating-linear-gradient(135deg,#6f756f 0 7px,#4b554b 7px 13px)}.tile-gravity{background:repeating-linear-gradient(90deg,#28275d 0 7px,#171f47 7px 14px);box-shadow:inset 0 0 0 2px #ebf1ca4d}.tile-dough-hot{background:repeating-radial-gradient(circle,#f0d6a8 0 4px,#b56755 5px 10px)}.tile-dough-cold{background:repeating-linear-gradient(45deg,#5d4041 0 5px,#2d292f 5px 10px)}.tile-bridge-active{background:repeating-linear-gradient(90deg,#af8a43 0 6px,#475255 6px 12px)}.tile-bridge-inactive{background:repeating-linear-gradient(45deg,#252f31 0 5px,#152022 5px 10px)}.tile-sandbar{background:repeating-linear-gradient(30deg,#8d8e6a 0 6px,#446d72 6px 12px)}.tile-floating-path{background:repeating-radial-gradient(circle,#82dfe3 0 3px,#1a6974 4px 10px)}.tile-anchored{background:repeating-linear-gradient(135deg,#b58e49 0 4px,#6e805d 4px 8px,#377f88 8px 12px)}.tile-door-locked{background:repeating-linear-gradient(90deg,#554634 0 6px,#1e2529 6px 12px);box-shadow:inset 0 0 0 2px #a87a3e}.tile-door-open{background:radial-gradient(circle,#eef1be 0 12%,#3e7796 18%,#121f2a 58%);box-shadow:inset 0 0 0 2px #efd38e}.tile-oven-cold,.tile-oven-hot,.tile-crank,.tile-moon-shell{background:repeating-linear-gradient(45deg,#513c31 0 5px,#1d2527 5px 10px);box-shadow:inset 0 0 0 2px #eabe5b8c}.tile-oven-hot{background:radial-gradient(circle,#d9753d 0 18%,#513c31 25%,#1d2527 65%)}.tile-pedestal-shard{box-shadow:inset 0 0 0 2px #efd17d,inset 0 0 20px #eed07d59}.tile-highlighted{outline:3px solid var(--focus);outline-offset:-4px;z-index:2}.tile-label{z-index:2;color:#ffffffe6;text-align:center;text-overflow:ellipsis;text-shadow:0 1px 2px #000;white-space:nowrap;font-size:clamp(.28rem,.48vw,.48rem);font-weight:750;line-height:1;position:absolute;inset:auto 1px 1px;overflow:hidden}.avatar-token{z-index:4;border:2px solid var(--realm-accent);background:var(--realm-primary);color:#fff;border-radius:42% 58% 50% 50%;place-items:center;font-size:clamp(.28rem,.5vw,.52rem);font-weight:850;line-height:1;display:grid;position:absolute;inset:14%;box-shadow:0 2px 8px #000000b3,inset 0 0 0 2px #ffffff1f}.avatar-starloom{border-radius:50%;transform:rotate(-8deg)}.avatar-starloom span{transform:rotate(8deg)}.avatar-bakery{border-radius:40% 60% 60% 40%}.avatar-workshop{border-radius:18%}.avatar-tidal{border-radius:55% 45%}.tile-board.is-resolving .avatar-token{filter:brightness(1.22);transform:translateY(-2px)}.board-legend{color:var(--muted);flex-wrap:wrap;gap:.65rem;margin-top:.55rem;font-size:.7rem;display:flex}.board-legend span{align-items:center;gap:.3rem;display:inline-flex}.legend-swatch{aspect-ratio:1;border:1px solid var(--line-strong);width:.7rem;display:inline-block}.legend-floor{background:var(--realm-primary)}.legend-blocked{background:#11181c}.legend-mechanism{background:#9d7238}.legend-objective{border:2px solid var(--focus)}.game-rail{scrollbar-width:thin;flex-direction:column;gap:.7rem;min-width:0;max-height:calc(100vh - 8.5rem);display:flex;overflow:auto}.game-rail>section,.game-message{margin:0;padding:.85rem}.realm-status h2,.lesson-panel h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:1.35rem;font-weight:500}.realm-status>p:not(.eyebrow),.lesson-panel p{color:#bec8c0;margin:.45rem 0 0;font-size:.76rem}.realm-status .form-name{color:var(--realm-accent);font-weight:750}.mechanism-list{gap:.3rem;margin:.75rem 0 0;padding:0;list-style:none;display:grid}.mechanism-list li{border-left:2px solid var(--line-strong);color:#aab6ad;padding-left:.75rem;font-size:.67rem}.game-message{border-color:color-mix(in srgb, var(--realm-accent) 42%, transparent);background:color-mix(in srgb, var(--realm-primary) 16%, var(--panel-solid));color:#eef3e8;font-size:.75rem}.section-heading{margin-bottom:.6rem}.section-heading h3{font-size:.78rem}.realm-buttons{gap:.35rem;display:grid}.realm-button{text-align:left;grid-template-columns:1.5rem minmax(0,1fr) auto;align-items:center;gap:.55rem;width:100%;padding:.45rem .55rem;display:grid}.realm-button.is-active{border-color:var(--realm-accent);background:color-mix(in srgb, var(--realm-primary) 28%, transparent);opacity:1}.realm-number{aspect-ratio:1;border:1px solid;border-radius:50%;place-items:center;width:1.5rem;font-size:.64rem;display:grid}.realm-copy{flex-direction:column;min-width:0;display:flex}.realm-copy strong{font-size:.7rem}.realm-copy small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.61rem;overflow:hidden}.realm-state{color:var(--muted);text-transform:uppercase;font-size:.58rem}.touch-control-layout{grid-template-columns:minmax(180px,1fr) minmax(90px,.62fr);align-items:stretch;gap:.7rem;display:grid}.direction-pad{grid-template-rows:repeat(3,44px);grid-template-columns:repeat(3,minmax(44px,1fr));gap:.25rem;display:grid}.direction-button{min-width:44px;min-height:44px;padding:.2rem;font-size:.64rem}.direction-north{grid-area:1/2}.direction-west{grid-area:2/1}.direction-east{grid-area:2/3}.direction-south{grid-area:3/2}.direction-center{border:1px solid var(--line);color:var(--muted);border-radius:.65rem;grid-area:2/2;place-items:center;font-size:.57rem;display:grid}.interact-button{background:#a9823729;border-color:#f3c56380;min-height:100%;font-weight:800}.interact-button small{color:var(--muted);margin-top:.25rem;font-size:.56rem;font-weight:500;display:block}.settings-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;display:grid}.settings-actions button,.toggle-label{min-height:44px;font-size:.65rem}.toggle-label{border:1px solid var(--line-strong);background:#ffffff0a;border-radius:.8rem;justify-content:center;align-items:center;gap:.45rem;display:flex}.toggle-label input{width:1.1rem;height:1.1rem;accent-color:var(--focus)}.lesson-progress{color:#adb9af;grid-template-columns:auto minmax(60px,1fr);align-items:center;gap:.6rem;margin-bottom:.75rem;font-size:.63rem;display:grid}.lesson-progress-track{background:#ffffff17;border-radius:999px;height:.35rem;overflow:hidden}.lesson-progress-track span{border-radius:inherit;background:var(--realm-accent);height:100%;display:block}.lesson-objective,.lesson-control,.lesson-disabled,.hint-box{background:#ffffff09;border-radius:.6rem;padding:.55rem .65rem}.lesson-disabled{color:#9eaaa1!important}.hint-box{border:1px solid #f3c56359;color:#e8d6aa!important}.lesson-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;margin-top:.7rem;display:grid}.lesson-actions button{font-size:.65rem}.lesson-complete{background:#366f4529;border:1px solid #81c78f66;border-radius:.7rem;gap:.55rem;margin-top:.7rem;padding:.65rem;font-size:.72rem;display:grid}.primary-button{background:#9a743140;border-color:#f3c563a6;font-weight:750}.danger-button{color:#f1c3ba;border-color:#e8a0928c}.confirmation-card{background:#251b1d;border:1px solid #e8a09266;border-radius:.7rem;margin-top:.7rem;padding:.75rem}.confirmation-card h3,.confirmation-card p{margin:0}.confirmation-card h3{font-size:.8rem}.confirmation-card p{margin-top:.35rem;font-size:.65rem}.inline-actions,.stacked-actions{gap:.5rem;margin-top:.8rem;display:flex}.stacked-actions{flex-direction:column}.inline-actions>*{flex:1}.completion-panel .inline-actions{flex-wrap:wrap}.completion-panel .inline-actions>*{flex:130px}.pause-panel,.restart-confirmation,.main-menu-confirmation,.completion-panel{z-index:20;border:1px solid var(--line-strong);background:#111b22;border-radius:1.1rem;width:min(100% - 2rem,470px);padding:1.25rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 100vmax #020609b8,0 24px 65px #0009}.pause-panel h2,.restart-confirmation h2,.main-menu-confirmation h2,.completion-panel h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:1.8rem;font-weight:500}.pause-panel p,.restart-confirmation p,.main-menu-confirmation p,.completion-panel p{color:#b9c4bb;font-size:.78rem}.production-credit{color:#d6e0d79e;letter-spacing:.02em;justify-content:center;align-items:center;gap:.55rem;width:min(100%,1280px);min-height:46px;margin:.7rem auto 0;font-size:.68rem;display:flex}.production-credit img{object-fit:contain;opacity:.78;width:20px;height:20px}.reduced-motion .ambient-layer,.reduced-motion .title-key-art,.reduced-motion .title-app-mark{animation:none!important}.reduced-motion .production-player,.reduced-motion .transition-effect,.reduced-motion .production-board{transition-duration:80ms!important}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ambient-layer,.title-key-art,.title-app-mark{animation:none!important}.production-player,.transition-effect,.production-board{transition-duration:80ms!important}}@media (width<=900px){.site-page{padding:.65rem}.title-screen{min-height:0;padding:2rem 1rem}.world-roster>div{grid-template-columns:repeat(2,minmax(0,1fr))}.level-card-grid{grid-template-columns:1fr}.roster-card:last-child{grid-column:1/-1}.game-hud{grid-template-columns:1fr;gap:.6rem}.shard-count{text-align:left}.game-layout{grid-template-columns:1fr}.board-region{order:1}.game-rail{order:2;max-height:none;overflow:visible}}@media (width<=520px){.site-page{padding:.35rem}.title-screen,.game-shell{border-radius:.9rem}.title-screen{padding:1.5rem .75rem}.title-actions{grid-template-columns:1fr}.hero-button{min-height:82px}.world-roster>div{grid-template-columns:1fr}.roster-card:last-child{grid-column:auto}.roster-card{grid-template-columns:1.5rem 1fr;column-gap:.55rem;padding:.65rem;display:grid}.roster-card .roster-token{grid-row:1/4}.roster-card h3,.roster-card p{margin-top:0}.game-shell{padding:.48rem}.game-hud{margin-bottom:.5rem;padding-bottom:.5rem}.shard-slots{gap:.2rem}.shard-slots li{min-height:42px;padding:.2rem .1rem;font-size:.52rem}.slot-state{font-size:.48rem}.board-heading{align-items:flex-start}.coordinate-readout{max-width:48%}.board-region{padding:.38rem}.tile-label{display:none}.tile-gravity .tile-label{font-size:.31rem;display:block}.avatar-token{border-width:1px;font-size:.27rem;inset:9%}.board-legend{gap:.45rem;font-size:.65rem}.game-rail{gap:.5rem}.game-rail>section,.game-message{padding:.7rem}.realm-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.realm-button{grid-template-columns:1.4rem minmax(0,1fr);min-height:58px}.realm-button:last-child{grid-column:1/-1}.realm-state{display:none}.touch-control-layout{grid-template-columns:minmax(0,1.3fr) minmax(92px,.7fr)}.direction-pad{grid-template-columns:repeat(3,minmax(44px,1fr))}.production-credit{min-height:40px;margin-top:.35rem;font-size:.61rem}.production-credit img{width:18px;height:18px}}.title-screen{text-align:left;background:#060d18;min-height:min(860px,100vh - 4rem);padding:clamp(1.2rem,4vw,3.2rem)}.title-screen:before{z-index:-1;background:linear-gradient(90deg,#040a12f7 0%,#040a12c7 34%,#040a122e 69%,#040a12b3 100%),linear-gradient(#0000 48%,#040a12f5 100%)}.title-key-art{z-index:-2;object-fit:cover;object-position:center top;filter:saturate(.94)contrast(1.04);width:100%;height:100%;animation:12s ease-in-out infinite alternate title-breathe;position:absolute;inset:0}.title-app-mark{aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 5px 18px #52b0ff61);width:clamp(54px,7vw,84px);margin-bottom:.75rem;animation:5s ease-in-out infinite mark-float;display:block}.title-screen>.eyebrow,.title-screen>h1,.title-screen>.tagline,.title-screen>.title-intro,.title-screen>.title-actions{z-index:1;width:min(100%,690px);margin-left:0;margin-right:auto;position:relative}.title-screen h1{color:#f4efe4;text-shadow:0 4px 35px #02050a,0 0 60px #5297d233;font-size:clamp(3.8rem,9vw,8.2rem)}.title-intro{color:#d5ded8}.title-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-button,.level-card,.roster-card,.game-rail>section,.game-message{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#171d22e0,#080f17d1);box-shadow:inset 0 1px #ffffff0f,0 14px 30px #0000003d}.level-picker,.world-roster,.intentional-rules,.title-accessibility{z-index:1;position:relative}.level-picker{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#050b12c7;border-color:#d9ba743d;width:100%;margin-top:clamp(1.2rem,4vw,3rem)}.world-roster{margin-top:1.2rem}.world-roster>div{gap:.7rem}.roster-card{border-color:#d7e5de29;min-height:152px;padding:.75rem;position:relative;overflow:hidden}.roster-portrait{background-image:var(--roster-image);background-position:var(--roster-position);filter:drop-shadow(0 5px 10px #00000085);background-color:#04090ead;background-repeat:no-repeat;background-size:400% 400%;border:1px solid #e7d7a852;border-radius:50%;width:58px;height:58px;display:block}.roster-titans .roster-portrait,.realm-button-titans .realm-portrait{background-position:0 100%;background-size:330% 330%}.game-shell{background:radial-gradient(circle at 50% 0, color-mix(in srgb, var(--realm-primary) 18%, transparent), transparent 38rem), linear-gradient(145deg, #080e16fa, #050b12f5);border-color:#c9b37b38}.production-board-region{border-color:color-mix(in srgb, var(--realm-accent) 30%, #d9cdac2e);background:linear-gradient(#050a10b8, #050a10d1), var(--board-frame) center / 180px auto repeat;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 18px 45px #0000005c}.production-board-region.realm-titans{--terrain-floor:#aeb0a1;--terrain-wall:#172019;--terrain-void:#020705;--terrain-route:#e1a73a}.production-board-region.realm-starloom{--terrain-floor:#aab3d5;--terrain-wall:#10162a;--terrain-void:#01030a;--terrain-route:#edf4d3}.production-board-region.realm-bakery{--terrain-floor:#d9bd91;--terrain-wall:#211616;--terrain-void:#080506;--terrain-route:#c45c7b}.production-board-region.realm-workshop{--terrain-floor:#a7aa9b;--terrain-wall:#171c1d;--terrain-void:#030607;--terrain-route:#65aaa0}.production-board-region.realm-tidal{--terrain-floor:#adcac6;--terrain-wall:#102326;--terrain-void:#02090c;--terrain-route:#8cebf0}.production-board{width:100%;max-width:min(100%,107.143vh - 278.571px);aspect-ratio:var(--board-columns) / var(--board-rows);grid-template-columns:repeat(var(--board-columns), minmax(0, 1fr));background:#030812;border:1px solid #e8dab24d;border-radius:.8rem;margin-inline:auto;transition:filter .14s,opacity .14s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 34px #02050a,0 8px 24px #0000006b}.production-board.is-impact{filter:brightness(1.08)saturate(1.08)}.production-board.is-result{filter:none}.production-tile{background-image:var(--tile-image);isolation:isolate;background-position:50%;background-size:cover;border:.5px solid #f0e9d306;min-width:0;position:relative;overflow:hidden}.production-tile:after{z-index:0;content:"";pointer-events:none;background:#02060a14;position:absolute;inset:0}.production-tile.terrain-walkable:after{background:linear-gradient(145deg, #ffffff1a, transparent 42%, #00000014), color-mix(in srgb, var(--terrain-floor) 24%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--terrain-floor) 24%, transparent)}.production-tile.terrain-wall{border-color:#00000024}.production-tile.terrain-wall:after{background:color-mix(in srgb, var(--terrain-wall) 46%, transparent);box-shadow:inset 0 -2px #0000004d}.production-tile.terrain-void{border-color:#0000}.production-tile.terrain-void:after{background:radial-gradient(circle at 45% 42%, transparent 0 24%, #00000038 76%), color-mix(in srgb, var(--terrain-void) 78%, transparent)}.production-tile.terrain-blocked:after{background:linear-gradient(145deg, #ffffff06, transparent 46%), color-mix(in srgb, var(--terrain-wall) 40%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--terrain-route) 22%, transparent)}.production-tile.terrain-walkable.is-route:after{background:linear-gradient(145deg, #ffffff24, transparent 40%, #00000012), color-mix(in srgb, var(--terrain-floor) 30%, transparent);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--terrain-route) 72%, white 10%), inset 0 0 12px color-mix(in srgb, var(--terrain-route) 16%, transparent)}.production-tile.is-anchored:after{box-shadow:inset 0 0 0 1.5px #97e2e8e6,inset 0 0 0 3px #dab6685c,inset 0 0 12px #85dde633}.production-tile.is-highlighted{z-index:3;outline:3px solid var(--focus);outline-offset:-4px}.production-tile.is-objective{box-shadow:inset 0 0 0 1.5px #f6d78794}.production-tile.is-anchored{box-shadow:inset 0 0 0 1.5px #8edce785}.tile-object-art{z-index:1;object-fit:contain;filter:drop-shadow(0 2px 3px #0000009e);pointer-events:none;width:108%;height:108%;position:absolute;inset:-4%}.production-tile-label{z-index:2;color:#fff8e8;text-align:center;text-overflow:ellipsis;text-shadow:0 1px 2px #000;white-space:nowrap;background:#02060ab8;border-radius:2px;padding:1px 2px;font-size:clamp(.26rem,.46vw,.45rem);font-weight:800;line-height:1.15;position:absolute;bottom:1px;left:1px;right:1px;overflow:hidden}.production-player{z-index:8;top:calc((100% / var(--board-rows)) * var(--player-y));left:calc((100% / var(--board-columns)) * var(--player-x));width:calc(100% / var(--board-columns));height:calc(100% / var(--board-rows));background-image:var(--avatar-image);background-position:var(--avatar-position);filter:drop-shadow(0 0 1px #fffadef0)drop-shadow(0 3px 3px #000000d1);pointer-events:none;background-size:400% 400%;transition:top 80ms linear,left 80ms linear,filter .12s,transform .12s;position:absolute}.production-board.is-source .production-player{transform:translateY(-2%)}.production-board.is-impact .production-player{filter:brightness(1.18) drop-shadow(0 0 6px var(--realm-accent))}.production-board.is-result .production-player{transform:none}.ambient-layer{z-index:5;object-fit:contain;opacity:.04;mix-blend-mode:screen;pointer-events:none;width:24%;height:24%;animation:9s ease-in-out infinite alternate ambient-drift;position:absolute}.ambient-a{top:4%;right:6%}.ambient-b{animation-delay:-4s;bottom:3%;left:5%}.transition-effect{z-index:10;top:calc((100% / var(--board-rows)) * var(--effect-y) - (100% / var(--board-rows)) * .55);left:calc((100% / var(--board-columns)) * var(--effect-x) - (100% / var(--board-columns)) * .55);width:calc((100% / var(--board-columns)) * 2.1);height:calc((100% / var(--board-rows)) * 2.1);object-fit:contain;opacity:.9;filter:drop-shadow(0 0 8px var(--realm-accent));mix-blend-mode:screen;pointer-events:none;transition:opacity .12s,transform .14s,filter .14s;position:absolute}.transition-effect.phase-source{opacity:.56;transform:scale(.72)}.transition-effect.phase-impact{opacity:1;transform:scale(1.08)}.transition-effect.phase-result{opacity:.72;transform:scale(1)}.production-legend{aspect-ratio:1;background-position:50%;background-size:cover;border:1px solid #e8dbb257;border-radius:.18rem;width:.85rem;display:inline-block}.realm-titans .production-legend.floor{background-image:url(/assets/worldshift/surfaces/titans-00.png)}.realm-starloom .production-legend.floor{background-image:url(/assets/worldshift/surfaces/starloom-00.png)}.realm-bakery .production-legend.floor{background-image:url(/assets/worldshift/surfaces/bakery-00.png)}.realm-workshop .production-legend.floor{background-image:url(/assets/worldshift/surfaces/workshop-00.png)}.realm-tidal .production-legend.floor{background-image:url(/assets/worldshift/surfaces/tidal-00.png)}.realm-titans .production-legend.wall{background-image:url(/assets/worldshift/surfaces/titans-01.png)}.realm-starloom .production-legend.wall{background-image:url(/assets/worldshift/surfaces/starloom-01.png)}.realm-bakery .production-legend.wall{background-image:url(/assets/worldshift/surfaces/bakery-01.png)}.realm-workshop .production-legend.wall{background-image:url(/assets/worldshift/surfaces/workshop-01.png)}.realm-tidal .production-legend.wall{background-image:url(/assets/worldshift/surfaces/tidal-01.png)}.realm-titans .production-legend.void{background-image:url(/assets/worldshift/surfaces/titans-02.png)}.realm-starloom .production-legend.void{background-image:url(/assets/worldshift/surfaces/starloom-02.png)}.realm-bakery .production-legend.void{background-image:url(/assets/worldshift/surfaces/bakery-02.png)}.realm-workshop .production-legend.void{background-image:url(/assets/worldshift/surfaces/workshop-02.png)}.realm-tidal .production-legend.void{background-image:url(/assets/worldshift/surfaces/tidal-02.png)}.production-legend.mechanism{background-image:url(/assets/worldshift/ui/shared-06.png)}.production-legend.objective{background-image:url(/assets/worldshift/ui/shared-05.png)}.board-state-summary{color:#b9c5bc;margin:.45rem 0 0;font-size:.72rem;line-height:1.45}.board-state-summary strong{color:#eee1bd}.shard-slots li{min-height:54px;padding-top:.2rem;position:relative}.shard-slot-art{width:30px;height:30px;display:block;position:relative}.shard-slot-art img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.shard-slot-art .shard-slot-crystal{filter:drop-shadow(0 0 4px #efd27db8);width:70%;height:70%;inset:15%}.realm-button{grid-template-columns:1.35rem 2.35rem minmax(0,1fr) auto;min-height:54px}.realm-portrait{background-image:var(--realm-portrait-image);background-position:var(--realm-portrait-position);filter:drop-shadow(0 3px 5px #00000085);background-color:#04090ead;background-repeat:no-repeat;background-size:400% 400%;border:1px solid #e7d5a752;border-radius:50%;width:38px;height:38px;display:block}.realm-button.is-active .realm-portrait{box-shadow:0 0 0 2px var(--realm-accent), 0 0 12px color-mix(in srgb, var(--realm-accent) 48%, transparent)}.lesson-objective,.hint-box{grid-template-columns:38px minmax(0,1fr);align-items:center;gap:.55rem;display:grid}.lesson-objective img,.hint-box img{object-fit:contain;width:38px;height:38px}.lesson-complete{grid-template-columns:42px minmax(0,1fr);align-items:center}.lesson-complete img{object-fit:contain;width:42px;height:42px}.lesson-complete button{grid-column:1/-1}.completion-panel{text-align:center;overflow:hidden}.completion-crest{object-fit:contain;filter:drop-shadow(0 0 14px #66bdf459);width:92px;height:92px;margin:-.25rem auto .4rem;display:block}@keyframes ambient-drift{0%{opacity:.025;transform:translate(-3px,2px)scale(.96)}to{opacity:.055;transform:translate(5px,-4px)scale(1.04)}}@keyframes title-breathe{0%{filter:saturate(.92)contrast(1.02);transform:scale(1)}to{filter:saturate()contrast(1.06);transform:scale(1.012)}}@keyframes mark-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media (width<=900px){.title-screen:before{background:linear-gradient(#040a1261 0%,#040a12c7 38%,#040a12fa 100%),linear-gradient(90deg,#040a12bd,#040a1226)}.title-key-art{object-position:center top;height:52%}.title-screen>.eyebrow,.title-screen>h1,.title-screen>.tagline,.title-screen>.title-intro,.title-screen>.title-actions{width:100%}}@media (width<=520px){.title-screen{padding:1rem .7rem}.title-app-mark{width:50px}.title-actions,.world-roster>div{grid-template-columns:1fr}.roster-card{grid-template-columns:58px 1fr;min-height:94px}.roster-portrait{grid-row:1/4;width:54px;height:54px}.production-tile-label{display:none}.production-tile.is-mechanism .production-tile-label,.production-tile.is-objective .production-tile-label{font-size:.29rem;display:block}.realm-button{grid-template-columns:1.2rem 2.1rem minmax(0,1fr);min-height:62px}.realm-portrait{width:34px;height:34px}.realm-state{display:none}.shard-slots li{min-height:52px}.slot-state{display:none}}