/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.static{position:static}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.grid{display:grid}.hidden{display:none}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.rotate-270{rotate:270deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}@font-face{font-family:Fraunces Open Pattern;src:url(/assets/open-pattern/fonts/Fraunces72pt-SemiBold.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Atkinson Open Pattern;src:url(/assets/open-pattern/fonts/AtkinsonHyperlegible-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Atkinson Open Pattern;src:url(/assets/open-pattern/fonts/AtkinsonHyperlegible-Bold.woff2)format("woff2");font-weight:700;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f7f1e6;--muted:#c6cac9;--shell:#0a0e12;--panel:#171c22;--panel-soft:#222830;--line:#f7f1e633;--line-strong:#f7f1e661;--valid:#f4ca72;--invalid:#ffd2bc;--route:#9fe6d6;--focus:#fff;--cell:56px;--rail:28px}*{box-sizing:border-box}html,body{width:100%;min-width:320px;min-height:100%;color:var(--ink);background:#070a0d;margin:0;font-family:Atkinson Open Pattern,ui-sans-serif,system-ui,sans-serif}body{overflow:hidden}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:3px}h1,h2,p,blockquote{margin:0}h1,h2{font-family:Fraunces Open Pattern,Georgia,serif;font-weight:600}.open-pattern{--realm-a:#91c9be;--realm-b:#737c9a;background:radial-gradient(circle at 12% 10%, var(--realm-a), transparent 28%), radial-gradient(circle at 88% 2%, var(--realm-b), transparent 31%), linear-gradient(145deg, #121820, #070a0d 78%);width:100%;height:100dvh;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.open-pattern{background:radial-gradient(circle at 12% 10%, color-mix(in srgb, var(--realm-a) 18%, transparent), transparent 28%), radial-gradient(circle at 88% 2%, color-mix(in srgb, var(--realm-b) 20%, transparent), transparent 31%), linear-gradient(145deg, #121820, #070a0d 78%)}}.board-row{display:contents}.realm-tiny-titans{--realm-a:#78854a;--realm-b:#c28d46}.realm-starloom{--realm-a:#8fa9c9;--realm-b:#b88a4b}.realm-midnight-bakery{--realm-a:#b76f43;--realm-b:#8d3c55}.realm-oddball-workshop{--realm-a:#4c7772;--realm-b:#aa8048}.realm-tidal-trinkets{--realm-a:#62a9a4;--realm-b:#c77468}.realm-lattice-wilds{--realm-a:#91c9be;--realm-b:#737c9a}.app-frame{width:100%;height:100%;padding:max(10px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:relative}.app-frame:before{content:"";pointer-events:none;opacity:.16;background-image:linear-gradient(118deg, transparent 46%, #ffffff0e 48%, transparent 50%), linear-gradient(29deg, transparent 47%, var(--realm-a) 49%, transparent 51%);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.app-frame:before{background-image:linear-gradient(118deg, transparent 46%, #ffffff0e 48%, transparent 50%), linear-gradient(29deg, transparent 47%, color-mix(in srgb, var(--realm-a) 14%, transparent) 49%, transparent 51%)}}.app-frame:before{background-size:83px 91px,109px 97px}.topbar,.play-shell,.map-view,.title-view,.production-credit,.overlay-view,.notice{z-index:2;position:relative}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;width:min(1180px,100%);min-height:58px;margin:0 auto;padding:0 0 10px;display:flex}.brand-button{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex}.brand-mark{border:1px solid var(--line-strong);color:#080b0e;background:linear-gradient(145deg, var(--realm-a), #f0c77a);border-radius:11px 7px 12px 8px;place-items:center;width:38px;height:38px;font-family:Fraunces Open Pattern,serif;font-size:16px;display:grid;box-shadow:inset 0 1px #ffffff73,0 6px 18px #00000057}.brand-button strong{letter-spacing:-.02em;font-family:Fraunces Open Pattern,serif;font-size:19px;display:block}.brand-button small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-top:1px;font-size:11px;display:block}.topbar nav{align-items:center;gap:4px;display:flex}.topbar nav button{min-height:40px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;padding:8px 10px;font-size:13px;font-weight:700}.topbar nav button:hover,.topbar nav button[aria-current=page],.topbar nav button[aria-pressed=true]{border-color:var(--line);color:var(--ink);background:#ffffff0e}.kicker{color:var(--realm-a)}@supports (color:color-mix(in lab, red, red)){.kicker{color:color-mix(in srgb, var(--realm-a) 78%, #fff)}}.kicker{letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:700}.notice{z-index:20;color:#fff5e9;background:#452f27;border:1px solid #e3b58e;border-radius:12px;align-items:center;gap:12px;width:min(620px,100% - 32px);padding:10px 14px;font-size:13px;display:flex;position:absolute;top:70px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #0006}.notice button{cursor:pointer;background:0 0;border:0;margin-left:auto;text-decoration:underline}.play-shell{grid-template-columns:260px 520px 280px;align-items:center;gap:60px;width:min(1180px,100%);min-height:0;margin:0 auto;padding:10px 0 6px;display:grid}.host-column,.field-column,.routes-column{min-width:0}.host-column{flex-direction:column;gap:12px;display:flex}.host-card,.objective-card,.modifier-card,.wildlife-card,.phase-card,.next-set-card,.mark-summary,.piece-set,.status-strip,.realm-card,.overlay-card,.results-card{border:1px solid var(--line);background:linear-gradient(145deg,#ffffff12,#ffffff05);box-shadow:inset 0 1px #ffffff12,0 18px 42px #0000002e}.host-card{background-image:linear-gradient(180deg, transparent 42%, #070a0df0 84%), var(--environment);background-position:50%;background-size:cover;border-radius:22px;min-height:270px;position:relative;overflow:hidden}.host-card img{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 16px 15px #00000085);width:calc(100% - 40px);height:210px;position:absolute;bottom:45px;left:20px;right:20px}.host-card>div{position:absolute;bottom:14px;left:16px;right:16px}.host-card h1{margin-top:3px;font-size:25px;line-height:1}.host-card p{color:var(--muted);margin-top:4px;font-size:13px}.objective-card{border-radius:18px;padding:18px}.objective-card h2{letter-spacing:-.02em;margin-top:8px;font-size:24px;line-height:1.1}.objective-card p{color:var(--muted);margin-top:12px;font-size:14px;line-height:1.38}.tutorial-coach{border-color:var(--valid);position:relative}@supports (color:color-mix(in lab, red, red)){.tutorial-coach{border-color:color-mix(in srgb, var(--valid) 58%, transparent)}}.tutorial-coach{background:linear-gradient(145deg, var(--valid), #ffffff06)}@supports (color:color-mix(in lab, red, red)){.tutorial-coach{background:linear-gradient(145deg, color-mix(in srgb, var(--valid) 10%, transparent), #ffffff06)}}.tutorial-coach-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.tutorial-coach-heading strong{color:var(--valid);font-size:12px}.tutorial-progress{grid-template-columns:13px 1fr 13px;align-items:center;width:76px;margin-top:10px;display:grid}.tutorial-progress i{border:2px solid var(--valid);background:#151a1f;border-radius:50%;width:13px;height:13px}.tutorial-progress i.complete{background:var(--valid);box-shadow:0 0 14px var(--valid)}@supports (color:color-mix(in lab, red, red)){.tutorial-progress i.complete{box-shadow:0 0 14px color-mix(in srgb, var(--valid) 48%, transparent)}}.tutorial-progress span{background:var(--valid);height:2px}@supports (color:color-mix(in lab, red, red)){.tutorial-progress span{background:color-mix(in srgb, var(--valid) 50%, transparent)}}.tutorial-coach small{color:var(--valid);margin-top:10px;display:block}@supports (color:color-mix(in lab, red, red)){.tutorial-coach small{color:color-mix(in srgb, var(--valid) 78%, #fff)}}.tutorial-coach small{font-size:10px;line-height:1.25}.modifier-card{border-radius:15px;align-items:center;gap:12px;padding:10px 13px;display:flex}.modifier-card img{width:42px;height:42px}.modifier-card strong{margin-top:2px;font-size:14px;display:block}.modifier-card small{color:var(--muted);margin-top:3px;font-size:10px;display:block}.modifier-next-set{align-items:center;gap:9px;margin-top:4px;display:flex}.current-arrow{color:var(--route);font-size:calc(var(--cell) * .46)}.field-column{flex-direction:column;align-items:center;gap:8px;display:flex}.board-assembly{--assembly:calc((8 * var(--cell)) + (2 * var(--rail)));flex:0 0 var(--assembly);width:var(--assembly);height:var(--assembly);border:1px solid var(--line-strong);background:radial-gradient(circle at 12% 9%, var(--realm-a), transparent 24%), radial-gradient(circle at 88% 89%, var(--realm-b), transparent 30%), linear-gradient(145deg, #343b45, #14191f 64%);border-radius:24px;position:relative}@supports (color:color-mix(in lab, red, red)){.board-assembly{background:radial-gradient(circle at 12% 9%, color-mix(in srgb, var(--realm-a) 24%, transparent), transparent 24%), radial-gradient(circle at 88% 89%, color-mix(in srgb, var(--realm-b) 26%, transparent), transparent 30%), linear-gradient(145deg, #343b45, #14191f 64%)}}.board-assembly{box-shadow:0 28px 65px #00000073,inset 0 1px #ffffff29}.board-grid{z-index:3;top:var(--rail);left:var(--rail);grid-template-columns:repeat(8, var(--cell));grid-template-rows:repeat(8, var(--cell));width:calc(8 * var(--cell));height:calc(8 * var(--cell));touch-action:none;background-color:#151b21;background-image:linear-gradient(#070a0d61, #070a0d85), var(--board-art);background-position:50%;background-size:cover;border-top:1px solid #707780;border-left:1px solid #707780;display:grid;position:absolute}.board-grid.resolving{cursor:wait}.field-cell{width:var(--cell);height:var(--cell);min-width:0;min-height:0;color:var(--ink);cursor:crosshair;background:linear-gradient(145deg,#ffffff0a,#0000001f),#12181e6b;border:1px solid #707780;border-top:0;border-left:0;border-radius:0;place-items:center;margin:0;padding:0;display:grid;position:relative}.field-cell.occupied{background-image:linear-gradient(145deg, #ffffff38, transparent 38%), var(--texture);background-size:auto,128px 128px;background-position:center, calc(var(--cell) * -1) calc(var(--cell) * -1);box-shadow:inset 3px 3px #ffffff1a,inset -4px -4px #0000003d}.field-cell.source-player:before{content:"";background:#070a0d2e;border:1px solid #ffffff38;border-radius:28% 18% 26% 20%;width:44%;height:44%}.field-cell.witness{box-shadow:inset 0 0 0 2px #e0bf6a,inset 0 0 0 5px #070a0dbf}.field-cell.mechanism{box-shadow:inset 4px 0 #e4cf9b,inset -4px 0 #e4cf9b}.field-cell.cooling{background-image:repeating-linear-gradient(0deg,#0000 0 6px,#9fe6d638 7px 9px),linear-gradient(145deg,#ffffff09,#00000014)}.cell-symbol{z-index:4;font-size:calc(var(--cell) * .33);text-shadow:0 1px 4px #000;font-weight:700;position:absolute}.field-cell.valid-preview,.field-cell.invalid-preview{z-index:5;outline-offset:-5px}.field-cell.valid-preview{outline:3px solid var(--valid);background:linear-gradient(145deg,#ffffff29,#f4ca722e),#333a3f}.field-cell.invalid-preview{outline:3px solid var(--invalid);background:repeating-linear-gradient(135deg,#ffd2bc94 0 3px,#0000 3px 9px),repeating-linear-gradient(45deg,#ffd2bc38 0 2px,#0000 2px 9px),#4e3535}.field-cell.valid-preview:after,.field-cell.invalid-preview:after{width:52%;height:52%;font-size:calc(var(--cell) * .4);background:#070a0dd6;border:2px solid;border-radius:50%;place-items:center;font-weight:700;line-height:1;display:grid;position:absolute}.field-cell.valid-preview:after{content:"+";color:var(--valid)}.field-cell.invalid-preview:after{content:"×";color:var(--invalid)}.field-cell.tutorial-target:not(.valid-preview){z-index:4;box-shadow:inset 0 0 0 3px var(--valid), inset 0 0 18px var(--valid)}@supports (color:color-mix(in lab, red, red)){.field-cell.tutorial-target:not(.valid-preview){box-shadow:inset 0 0 0 3px var(--valid), inset 0 0 18px color-mix(in srgb, var(--valid) 24%, transparent)}}.field-cell.tutorial-target:not(.valid-preview){animation:1.8s ease-in-out infinite tutorial-glow}.tutorial-cell-label{z-index:7;color:#130f07;background:var(--valid);font-size:calc(var(--cell) * .2);border-radius:5px;padding:2px 4px;font-weight:700;line-height:1;position:absolute;bottom:2px;right:2px}@keyframes tutorial-glow{50%{box-shadow:inset 0 0 0 3px var(--valid), inset 0 0 24px color-mix(in srgb, var(--valid) 40%, transparent), 0 0 12px color-mix(in srgb, var(--valid) 34%, transparent)}}.field-cell.keyboard-focus:focus{z-index:8;outline-offset:-6px;outline:3px double #fff;box-shadow:inset 0 0 0 5px #070a0d,inset 0 0 0 8px #fff}.field-cell.used-row{border-top:4px solid var(--route)}.field-cell.used-column{border-left:4px solid var(--route)}.field-cell.settling-cell{animation:80ms cubic-bezier(.2,.8,.3,1) both material-settle}.field-cell.clearing-cell{animation:corridor-clear .18s ease-in calc(var(--clear-step) * 15ms) both}@keyframes material-settle{0%{filter:brightness(1.45);transform:translateY(-5px)}to{filter:brightness();transform:translateY(0)}}@keyframes corridor-clear{0%{opacity:1;filter:brightness()}42%{opacity:1;filter:brightness(1.65)}to{opacity:0;filter:brightness(1.8);transform:scale(.82)}}.coordinate-labels{z-index:2;color:var(--muted);font-size:10px;font-weight:700;display:grid;position:absolute}.coordinate-labels.columns{top:6px;left:var(--rail);grid-template-columns:repeat(8, var(--cell));width:calc(8 * var(--cell));text-align:center}.coordinate-labels.rows{top:var(--rail);grid-template-rows:repeat(8, var(--cell));height:calc(8 * var(--cell));align-items:center;left:7px}.route-rail{opacity:.55;pointer-events:none;position:absolute}.rail-top,.rail-bottom{right:var(--rail);left:var(--rail);background:linear-gradient(90deg, transparent, var(--realm-a), transparent);height:4px}.rail-top{top:14px}.rail-bottom{bottom:14px}.rail-left,.rail-right{top:var(--rail);bottom:var(--rail);background:linear-gradient(transparent, var(--realm-a), transparent);width:4px}.rail-left{left:14px}.rail-right{right:14px}.route-presentation{z-index:9;pointer-events:none;position:absolute;inset:0;overflow:visible}.resolution-route{opacity:.92;background:linear-gradient(90deg, transparent, var(--route) 18%, #fff 52%, var(--route) 82%, transparent);box-shadow:0 0 8px var(--route), 0 0 20px var(--route);border-radius:999px;position:absolute}@supports (color:color-mix(in lab, red, red)){.resolution-route{box-shadow:0 0 8px color-mix(in srgb, var(--route) 70%, transparent), 0 0 20px color-mix(in srgb, var(--route) 42%, transparent)}}.resolution-route.route-row{top:calc(var(--rail) + (var(--route-index) * var(--cell)) + (var(--cell) / 2) - 3px);left:var(--rail);width:calc(8 * var(--cell));transform-origin:0;height:6px;animation:.3s cubic-bezier(.18,.76,.3,1) both open-row}.resolution-route.route-column{top:var(--rail);left:calc(var(--rail) + (var(--route-index) * var(--cell)) + (var(--cell) / 2) - 3px);width:6px;height:calc(8 * var(--cell));transform-origin:top;background:linear-gradient(transparent, var(--route) 18%, #fff 52%, var(--route) 82%, transparent);animation:.3s cubic-bezier(.18,.76,.3,1) both open-column}.resolution-route.phase-travelling,.resolution-route.phase-arrived{opacity:.62;animation:none}@keyframes open-row{0%{opacity:.15;transform:scaleX(.02)}70%{opacity:1}to{transform:scaleX(1)}}@keyframes open-column{0%{opacity:.15;transform:scaleY(.02)}70%{opacity:1}to{transform:scaleY(1)}}.route-traveller,.route-destination{width:calc(var(--cell) * .68);height:calc(var(--cell) * .68);border:2px solid var(--route);position:absolute}@supports (color:color-mix(in lab, red, red)){.route-traveller,.route-destination{border:2px solid color-mix(in srgb, var(--route) 72%, #fff)}}.route-traveller,.route-destination{filter:drop-shadow(0 5px 8px #0000008f);background-repeat:no-repeat;background-size:300% 100%;border-radius:38%}.route-traveller{z-index:12;box-shadow:0 0 0 3px #070a0db8, 0 0 18px var(--route);background-position:50%}@supports (color:color-mix(in lab, red, red)){.route-traveller{box-shadow:0 0 0 3px #070a0db8, 0 0 18px color-mix(in srgb, var(--route) 66%, transparent)}}.route-traveller.route-row{top:calc(var(--rail) + (var(--route-index) * var(--cell)) + (var(--cell) * .16));left:calc(var(--rail) - (var(--cell) * .34));animation:.24s cubic-bezier(.32,.05,.58,1) both travel-row}.route-traveller.route-column{top:calc(var(--rail) - (var(--cell) * .34));left:calc(var(--rail) + (var(--route-index) * var(--cell)) + (var(--cell) * .16));animation:.24s cubic-bezier(.32,.05,.58,1) both travel-column}@keyframes travel-row{0%{transform:translate(0)scale(.9)}45%{transform:translateX(calc(4 * var(--cell))) scale(1.08)}to{transform:translateX(calc(8 * var(--cell))) scale(.92)}}@keyframes travel-column{0%{transform:translateY(0)scale(.9)}45%{transform:translateY(calc(4 * var(--cell))) scale(1.08)}to{transform:translateY(calc(8 * var(--cell))) scale(.92)}}.route-destination{z-index:11;width:calc(var(--cell) * .56);height:calc(var(--cell) * .56);box-shadow:0 0 0 3px #070a0dc7, 0 0 14px var(--route);background-position:100%}@supports (color:color-mix(in lab, red, red)){.route-destination{box-shadow:0 0 0 3px #070a0dc7, 0 0 14px color-mix(in srgb, var(--route) 52%, transparent)}}.route-destination{animation:.16s ease-out both destination-arrive}.route-destination.route-row{top:calc(var(--rail) + (var(--route-index) * var(--cell)) + (var(--cell) * .22));left:calc(var(--rail) + (8 * var(--cell)) + (var(--cell) * .04))}.route-destination.route-column{top:calc(var(--rail) + (8 * var(--cell)) + (var(--cell) * .04));left:calc(var(--rail) + (var(--route-index) * var(--cell)) + (var(--cell) * .22))}.route-destination:after{content:attr(data-creature);color:#07100f;background:var(--route);border:2px solid #0b1014;border-radius:50%;place-items:center;width:15px;height:15px;font-size:9px;font-weight:700;line-height:1;display:grid;position:absolute;bottom:-4px;right:-4px}@keyframes destination-arrive{0%{opacity:0;transform:scale(.62)}to{opacity:1;transform:scale(1)}}.status-strip{width:100%;color:var(--muted);border-radius:12px;justify-content:space-between;padding:8px 12px;font-size:12px;display:flex}.status-strip strong{color:var(--ink)}.piece-set{border-radius:15px;width:100%;padding:8px 10px 10px}.piece-set-heading{justify-content:space-between;align-items:baseline;display:flex}.piece-set-heading small{color:var(--muted);font-size:11px}.piece-options{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:7px;display:grid}.piece-card{border:1px solid var(--line);cursor:grab;background:#070a0d80;border-radius:12px;grid-template-columns:minmax(42px,1fr) auto;align-items:center;min-height:66px;padding:7px 9px;display:grid;position:relative}.piece-card>span:not(.shape-glyph){color:var(--muted);align-self:start;font-size:10px;font-weight:700}.piece-card>small{color:var(--valid);text-transform:uppercase;font-size:9px;font-weight:700;position:absolute;bottom:5px;right:7px}.piece-card.selected{border-color:var(--valid);box-shadow:inset 0 0 0 2px var(--valid)}.piece-card.coach-target{border-color:var(--valid);box-shadow:inset 0 0 0 2px var(--valid), 0 0 16px var(--valid)}@supports (color:color-mix(in lab, red, red)){.piece-card.coach-target{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--valid) 78%, transparent), 0 0 16px color-mix(in srgb, var(--valid) 22%, transparent)}}.piece-card.used{opacity:.28;filter:grayscale();cursor:default}.piece-card.coach-muted{opacity:.22;filter:grayscale()}.shape-glyph{place-self:center;gap:2px;width:fit-content;display:grid}.shape-glyph i{border-radius:3px;width:14px;height:14px;display:block}.shape-glyph i.filled{border:1px solid var(--realm-a)}@supports (color:color-mix(in lab, red, red)){.shape-glyph i.filled{border:1px solid color-mix(in srgb, var(--realm-a) 60%, #fff)}}.shape-glyph i.filled{background:linear-gradient(145deg, #ffffff4d, transparent 45%), var(--realm-b);box-shadow:inset -2px -2px #00000038}.shape-glyph i.empty{opacity:0}.shape-glyph.compact i{border-radius:2px;width:8px;height:8px}.action-bar{grid-template-columns:repeat(5,1fr);gap:6px;width:100%;display:grid}.action-bar button,.dialog-actions button,.overlay-card>button.primary,.primary.wide{border:1px solid var(--line);cursor:pointer;background:linear-gradient(145deg,#ffffff17,#ffffff06);border-radius:11px;min-height:44px;padding:8px 10px;font-size:13px;font-weight:700}.action-bar button:disabled,button:disabled{opacity:.4;cursor:not-allowed}button.primary,.dialog-actions button.primary{border-color:var(--realm-a)}@supports (color:color-mix(in lab, red, red)){button.primary,.dialog-actions button.primary{border-color:color-mix(in srgb, var(--realm-a) 55%, #fff)}}button.primary,.dialog-actions button.primary{color:#08100f;background:linear-gradient(145deg, var(--realm-a), var(--realm-a))}@supports (color:color-mix(in lab, red, red)){button.primary,.dialog-actions button.primary{background:linear-gradient(145deg, color-mix(in srgb, var(--realm-a) 78%, #fff), var(--realm-a))}}.error-banner,.failure-banner{color:#fff0e8;background:#4a302d;border:1px solid #e7b59c;border-radius:10px;align-items:center;gap:9px;width:100%;min-height:36px;padding:7px 11px;font-size:12px;display:flex}.error-banner>span{border:1px solid;border-radius:50%;place-items:center;width:20px;height:20px;font-weight:700;display:grid}.failure-banner{background:#413421;border-color:#d9ba88;justify-content:space-between}.routes-column{flex-direction:column;gap:9px;display:flex}.routes-heading h2{margin-top:4px;font-size:24px;line-height:1.05}.wildlife-card{border-radius:15px;grid-template-columns:68px 1fr;align-items:center;gap:9px;min-height:92px;padding:8px;display:grid}.wildlife-card.satisfied{border-color:var(--route)}@supports (color:color-mix(in lab, red, red)){.wildlife-card.satisfied{border-color:color-mix(in srgb, var(--route) 60%, transparent)}}.wildlife-card.satisfied{background:linear-gradient(145deg, var(--route), #ffffff05)}@supports (color:color-mix(in lab, red, red)){.wildlife-card.satisfied{background:linear-gradient(145deg, color-mix(in srgb, var(--route) 12%, transparent), #ffffff05)}}.wildlife-card.travelling{border-color:var(--route);background:linear-gradient(145deg, var(--route), #ffffff08)}@supports (color:color-mix(in lab, red, red)){.wildlife-card.travelling{background:linear-gradient(145deg, color-mix(in srgb, var(--route) 18%, transparent), #ffffff08)}}.wildlife-card.travelling{box-shadow:inset 0 1px #ffffff1f, 0 0 22px var(--route)}@supports (color:color-mix(in lab, red, red)){.wildlife-card.travelling{box-shadow:inset 0 1px #ffffff1f, 0 0 22px color-mix(in srgb, var(--route) 22%, transparent)}}.wildlife-sprite{filter:drop-shadow(0 7px 7px #0000005c);background-position:0;background-repeat:no-repeat;background-size:300% 100%;border-radius:12px;width:64px;height:64px}.wildlife-card.satisfied .wildlife-sprite{background-position:100%}.wildlife-card.travelling .wildlife-sprite{background-position:50%;animation:.24s ease-in-out both wildlife-depart}@keyframes wildlife-depart{45%{filter:drop-shadow(0 11px 9px #00000075)brightness(1.12);transform:translateY(-4px)scale(1.04)}}.wildlife-card strong{font-size:13px;line-height:1.05;display:block}.wildlife-card p{color:var(--muted);margin-top:4px;font-size:11px;line-height:1.28}.wildlife-card div>span{color:var(--route);margin-top:5px;display:block}@supports (color:color-mix(in lab, red, red)){.wildlife-card div>span{color:color-mix(in srgb, var(--route) 76%, #fff)}}.wildlife-card div>span{font-size:10px;font-weight:700}.wildlife-card .mobile-preferences{display:none}.wildlife-card .mobile-preferences>span{color:inherit;font-size:inherit;font-weight:inherit;margin:0;line-height:1.12;display:block}.wildlife-card .mobile-preferences b{color:var(--ink)}.phase-card,.next-set-card{border-radius:14px;align-items:center;gap:12px;padding:10px 13px;display:flex}.split-diamond{color:var(--route);font-size:30px}.phase-card strong,.phase-card span{font-size:12px;display:block}.phase-card div span{color:var(--muted);margin-top:3px}.next-set-card{display:block}.next-set-card>div{justify-content:space-around;align-items:center;min-height:34px;margin-top:5px;display:flex}.mark-summary{border-radius:14px;grid-template-columns:1fr;gap:6px;padding:11px;display:grid}.mark-summary>span{color:var(--muted);align-items:center;gap:7px;font-size:12px;display:flex}.mark-summary i{color:var(--muted);font-style:normal}.mark-summary .earned,.mark-summary .earned i{color:var(--valid)}.pause-layer,.results-layer{z-index:30;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#040709bd;border-radius:24px;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.pause-layer>div{border:1px solid var(--line-strong);text-align:center;background:#171d23;border-radius:20px;width:min(430px,100%);padding:28px;box-shadow:0 24px 70px #0000008f}.pause-layer h2{margin-top:8px;font-size:28px}.pause-layer p{color:var(--muted);margin:10px 0 18px}.pause-layer button{border:1px solid var(--line);cursor:pointer;background:#ffffff14;border-radius:10px;min-height:44px;padding:9px 18px}.dialog-actions{justify-content:center;gap:8px;display:flex}.dialog-actions button{min-width:110px}.results-card{text-align:center;background:linear-gradient(145deg,#262d35,#12171c);border-radius:24px;width:min(520px,100%);max-height:100%;padding:30px;overflow:auto;box-shadow:0 32px 90px #000000ad}.results-card h2{margin-top:6px;font-size:42px;line-height:1}.results-card>p{color:var(--muted);margin-top:9px}.result-marks{grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0;display:grid}.result-marks>div{border:1px solid var(--line);min-height:94px;color:var(--muted);background:#00000038;border-radius:13px;place-items:center;gap:4px;padding:9px;display:grid}.result-marks span{font-size:22px}.result-marks strong{color:var(--ink);font-size:12px}.result-marks small{font-size:10px}.result-marks .complete span,.result-marks .complete small{color:var(--valid)}.results-card blockquote{border-left:3px solid var(--realm-a);color:#e9e3d8;text-align:left;background:#0000002e;padding:14px 16px;font-family:Fraunces Open Pattern,serif;font-size:17px;line-height:1.35}.results-card cite{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-top:7px;font-family:Atkinson Open Pattern,sans-serif;font-size:11px;font-style:normal;display:block}.results-card .tutorial-set-note{font-size:12px;line-height:1.35}.dialog-actions.three{margin-top:18px}.dialog-actions.three button{flex:1;min-width:0}.tutorial-unscored{border:1px solid var(--route);margin:20px 0;padding:13px}@supports (color:color-mix(in lab, red, red)){.tutorial-unscored{border:1px solid color-mix(in srgb, var(--route) 45%, transparent)}}.tutorial-unscored{color:var(--route);background:var(--route);border-radius:12px}@supports (color:color-mix(in lab, red, red)){.tutorial-unscored{background:color-mix(in srgb, var(--route) 9%, transparent)}}.tutorial-unscored{font-size:13px;font-weight:700}.title-view{border:1px solid var(--line);isolation:isolate;background:#070b0d url(/assets/open-pattern/title/lattice-path-hero.jpg) 50%/cover no-repeat;border-radius:28px;align-items:center;width:min(1180px,100%);min-height:0;margin:12px auto 8px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff29,0 24px 60px #00000052}.title-view:before{content:"";z-index:-1;background:linear-gradient(90deg,#04080af5 0%,#04080ad1 33%,#04080a26 62%,#04080a0f 100%);position:absolute;inset:0}.title-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(150deg,#080e11f0,#080e11bd);border:1px solid #e3be7057;border-radius:20px 14px 22px 16px;width:500px;margin-left:30px;padding:30px 36px 26px;box-shadow:inset 0 1px #ffffff14,0 24px 60px #00000057}.title-eyebrow{color:#e9c57e;letter-spacing:.24em;text-transform:uppercase;font-size:11px;font-weight:700;display:block}.title-panel h1{color:#f2d195;letter-spacing:-.045em;text-transform:uppercase;text-wrap:balance;text-shadow:0 3px 28px #e8be701f;margin-top:8px;font-size:clamp(52px,5vw,74px);line-height:.87}.title-panel h1 span{letter-spacing:.08em;margin-bottom:8px;font-size:.4em;line-height:1;display:block}.title-rule{color:#d9b96f;align-items:center;width:100%;margin:21px 0 18px;display:flex}.title-rule:before,.title-rule:after{content:"";background:linear-gradient(90deg,#0000,currentColor);flex:1;height:1px}.title-rule:after{transform:scaleX(-1)}.title-rule i{border:1px solid;width:9px;height:9px;margin:0 8px;transform:rotate(45deg)}.title-premise{color:#fff2d9;max-width:390px;font-family:Fraunces Open Pattern,Georgia,serif;font-size:21px;line-height:1.25}.title-explainer{color:#cbd1cf;max-width:410px;margin-top:10px;font-size:14px;line-height:1.42}.title-actions{gap:9px;width:min(340px,100%);margin-top:22px;display:grid}.title-actions button{letter-spacing:.11em;text-transform:uppercase;cursor:pointer;border-radius:10px 7px 11px 8px;min-height:50px;font-weight:700}.title-primary{color:#15100a;background:linear-gradient(#f2d08d,#c89845);border:1px solid #f4d89e;box-shadow:inset 0 1px #fff3c9,0 8px 22px #ca994533}.title-primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.title-secondary{color:#f5d99d;background:#05090b9e;border:1px solid #d9b96f}.title-secondary:hover{background:#d9b96f1f}.title-link{color:#d9c6a0;text-underline-offset:5px;background:0 0;border:0;text-decoration:underline;min-height:38px!important}.title-steps{color:#aeb7b4;letter-spacing:.02em;align-items:center;gap:7px;margin-top:20px;font-size:10px;display:flex}.title-steps span{white-space:nowrap;align-items:center;gap:5px;display:flex}.title-steps b{width:18px;height:18px;color:var(--route);border:1px solid #9fe6d685;border-radius:50%;place-items:center;font-size:9px;display:grid}.title-steps i{color:var(--route);font-style:normal}.title-art-note{color:#ffffffb3;letter-spacing:.06em;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#04080a9e;border:1px solid #ffffff21;border-radius:999px;padding:7px 10px;font-size:10px;position:absolute;bottom:16px;right:20px}.map-view{scrollbar-gutter:stable;width:min(1180px,100%);min-height:0;margin:0 auto;padding:20px 0 10px;overflow:auto}.map-intro{justify-content:space-between;align-items:end;gap:18px;margin-bottom:16px;display:flex}.map-intro h1{font-size:32px;line-height:1}.map-intro-actions{align-items:center;gap:12px;display:flex}.map-intro p{color:var(--muted);font-size:14px}.map-intro-actions button{border:1px solid var(--valid);min-height:44px;padding:8px 14px}@supports (color:color-mix(in lab, red, red)){.map-intro-actions button{border:1px solid color-mix(in srgb, var(--valid) 54%, transparent)}}.map-intro-actions button{color:var(--valid);background:var(--valid);border-radius:11px}@supports (color:color-mix(in lab, red, red)){.map-intro-actions button{background:color-mix(in srgb, var(--valid) 9%, transparent)}}.map-intro-actions button{cursor:pointer;font-weight:700}.realm-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.realm-card{border-radius:20px;min-height:278px;position:relative;overflow:hidden}.realm-environment{object-fit:cover;opacity:.8;filter:saturate(.78);width:100%;height:118px}.realm-card-body{z-index:2;margin-top:-34px;padding:0 14px 14px;position:relative}.realm-host{align-items:end;gap:10px;display:flex}.realm-host>img{object-fit:contain;filter:drop-shadow(0 10px 9px #0000008f);width:86px;height:86px}.realm-host span{min-width:0;padding-bottom:4px}.realm-host small,.realm-host strong,.realm-host em{display:block}.realm-host small{min-height:20px;color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:9px;line-height:1.12}.realm-host strong{margin-top:2px;font-family:Fraunces Open Pattern,serif;font-size:20px}.realm-host em{color:var(--realm-a);margin-top:2px}@supports (color:color-mix(in lab, red, red)){.realm-host em{color:color-mix(in srgb, var(--realm-a) 75%, #fff)}}.realm-host em{font-size:11px;font-style:normal}.realm-card-body>p{color:var(--muted);margin:6px 0 12px;font-size:11px}.challenge-row{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.challenge-row button{border:1px solid var(--line);cursor:pointer;background:#070a0d8f;border-radius:11px;min-height:54px}.challenge-row span,.challenge-row small{display:block}.challenge-row span{font-family:Fraunces Open Pattern,serif;font-size:15px}.challenge-row small{color:var(--valid);letter-spacing:.1em;margin-top:3px;font-size:9px}.overlay-view{place-items:center;min-height:0;padding:20px;display:grid;overflow:hidden}.overlay-card{background:linear-gradient(145deg,#242c34,#11161b);border-radius:24px;width:min(680px,100%);max-height:100%;padding:36px;position:relative;overflow:auto;box-shadow:0 30px 90px #0000007a}.overlay-card h1{margin-top:7px;font-size:34px;line-height:1.08}.overlay-card>p{color:var(--muted);margin-top:16px;font-size:15px;line-height:1.5}.close-button{border:1px solid var(--line);cursor:pointer;background:#0000003d;border-radius:50%;place-items:center;width:44px;height:44px;font-size:24px;display:grid;position:absolute;top:13px;right:13px}.help-list{gap:8px;margin:22px 0;display:grid}.help-list>div{border:1px solid var(--line);border-radius:11px;grid-template-columns:30px 1fr;align-items:center;gap:10px;min-height:44px;padding:8px 11px;display:grid}.help-list span{color:#0b1111;background:var(--realm-a);border-radius:50%;place-items:center;width:26px;height:26px;font-weight:700;display:grid}.help-list p{color:var(--muted);font-size:14px}.primary.wide{width:100%}.settings-list{gap:10px;margin-top:22px;display:grid}.toggle{border:1px solid var(--line);border-radius:12px;grid-template-columns:1fr auto;align-items:center;min-height:54px;padding:8px 13px;display:grid}.toggle input{opacity:0;position:absolute}.toggle i{border:1px solid var(--line-strong);background:#0c1014;border-radius:20px;width:48px;height:28px;position:relative}.toggle i:after{content:"";background:var(--muted);border-radius:50%;width:20px;height:20px;transition:transform .16s;position:absolute;top:3px;left:3px}.toggle input:checked+i{background:var(--realm-a)}@supports (color:color-mix(in lab, red, red)){.toggle input:checked+i{background:color-mix(in srgb, var(--realm-a) 48%, #111)}}.toggle input:checked+i:after{background:#fff;transform:translate(20px)}.toggle input:focus-visible+i{outline-offset:3px;outline:3px solid #fff}.toggle.disabled{opacity:.45}.settings-list fieldset{border:1px solid var(--line);border-radius:12px;grid-template-columns:repeat(3,1fr);gap:8px;margin:6px 0 0;padding:12px;display:grid}.settings-list legend{color:var(--muted);padding:0 6px;font-size:12px}.settings-list fieldset label{border:1px solid var(--line);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:44px;display:flex}.about-wordmark{width:160px;height:auto;margin:0 0 18px;display:block}.about-boundary{border:1px solid var(--line);border-radius:12px;gap:4px;margin-top:20px;padding:14px;display:grid}.about-boundary span{color:var(--muted);font-size:13px;line-height:1.4}.production-credit{color:#f7f1e680;letter-spacing:.04em;justify-content:center;align-items:center;gap:7px;min-height:22px;font-size:9px;display:flex}.production-credit img{object-fit:contain;opacity:.68;width:14px;height:14px}.sr-live{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:fixed;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.motion-reduced *,.motion-reduced :before,.motion-reduced :after{transition-duration:.01ms!important;animation-duration:.01ms!important}@media (width<=1100px) and (height>=600px){.play-shell{grid-template-columns:210px minmax(480px,520px);justify-content:center;gap:28px}.routes-column{grid-area:1/1;padding-top:360px}.host-card{min-height:230px}.host-card img{height:170px}}@media (width>=701px) and (height<=760px){:root{--cell:44px;--rail:22px}.play-shell{grid-template-columns:220px 440px 240px;gap:30px;width:960px;padding:5px 0 3px}.host-column{gap:8px}.host-card{border-radius:17px;min-height:198px}.host-card img{height:150px;bottom:39px}.host-card h1{font-size:21px}.host-card p{font-size:11px}.objective-card{border-radius:14px;padding:13px}.objective-card h2{margin-top:5px;font-size:20px}.objective-card p{margin-top:7px;font-size:11px;line-height:1.25}.modifier-card{padding:7px 10px}.modifier-card img{width:34px;height:34px}.field-column{gap:5px}.board-assembly{border-radius:19px}.coordinate-labels.columns{top:4px}.coordinate-labels.rows{left:5px}.rail-top{top:10px}.rail-bottom{bottom:10px}.rail-left{left:10px}.rail-right{right:10px}.status-strip{padding:5px 9px;font-size:10px}.piece-set{padding:5px 7px 6px}.piece-options{margin-top:4px}.piece-card{min-height:52px;padding:4px 6px}.shape-glyph i{width:11px;height:11px}.action-bar button{min-height:44px;padding:5px;font-size:11px}.routes-column{gap:6px}.routes-heading h2{font-size:20px}.wildlife-card{grid-template-columns:54px 1fr;min-height:72px;padding:5px}.wildlife-sprite{width:50px;height:50px}.wildlife-card strong{font-size:11px}.wildlife-card p{margin-top:2px;font-size:9px}.wildlife-card div>span{margin-top:2px;font-size:8px}.mark-summary{padding:8px}.mark-summary>span{font-size:10px}}@media (width<=700px) and (orientation:portrait){:root{--cell:40px;--rail:18px}html,body{height:auto;min-height:100%}body{overscroll-behavior-y:contain;overflow:hidden auto}.open-pattern{height:auto;min-height:100dvh;overflow:visible}.app-frame{height:auto;min-height:100dvh;padding:max(5px, env(safe-area-inset-top)) max(6px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(6px, env(safe-area-inset-left));flex-direction:column;display:flex}.app-frame:before{position:fixed}.topbar{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#0a0e12fa,#0a0e12e6);min-height:47px;padding:0 6px 5px;position:sticky;top:0}.brand-mark{width:32px;height:32px;font-size:13px}.brand-button strong{white-space:nowrap;font-size:15px}.brand-button small{display:none}.topbar nav{gap:1px;margin-left:auto}.topbar nav button{min-width:44px;min-height:44px;padding:6px 4px;font-size:0}.topbar nav button:after{content:attr(data-short-label);white-space:nowrap;font-size:10px;line-height:1}.open-pattern:not(.is-title) .brand-button>span:last-child{display:none}.title-view{background-position:62%;border-radius:18px;flex:1 0 calc(100dvh - 82px);width:100%;margin:5px auto 3px}.title-view:before{background:linear-gradient(#04080a9e,#04080a38 36%,#04080ac7 76%,#04080af5)}.title-panel{text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(#070c0f80,#070c0fe6);border-color:#e3be7047;border-radius:17px 12px 19px 13px;width:calc(100% - 22px);margin:auto 11px 12px;padding:20px 20px 18px}.title-eyebrow{font-size:9px}.title-panel h1{margin-top:6px;font-size:clamp(42px,13.5vw,58px);line-height:.89}.title-panel h1 span{margin-bottom:5px}.title-rule{margin:13px 0 12px}.title-premise{margin:0 auto;font-size:17px}.title-explainer{margin:8px auto 0;font-size:12px;line-height:1.3}.title-actions{gap:8px;width:100%;margin-top:16px}.title-actions button{min-height:48px}.title-link{min-height:34px!important}.title-steps,.title-art-note{display:none}.play-shell{grid-template-rows:auto auto auto;grid-template-columns:min(356px,100%);place-content:start center;gap:7px;width:100%;margin:0 auto;padding:8px 0 12px}.host-column{grid-template-columns:124px minmax(0,1fr);align-items:stretch;gap:6px;width:min(356px,100%);display:grid}.host-card{background-image:linear-gradient(90deg, #070a0d33, #070a0deb), var(--environment);border-radius:12px;min-height:72px}.host-card img{width:62px;height:58px;bottom:0;left:3px}.host-card>div{margin-left:62px;padding:10px 6px 10px 0;position:relative;inset:auto}.host-card .kicker{display:none}.host-card h1{font-size:16px;line-height:1.05}.host-card p{overflow-wrap:anywhere;margin-top:3px;font-size:10px;line-height:1.2}.objective-card{border-radius:12px;min-height:72px;padding:9px 10px}.objective-card h2{margin-top:4px;font-family:Atkinson Open Pattern,sans-serif;font-size:13px;line-height:1.2}.objective-card p{margin-top:5px;font-size:11px;line-height:1.25;display:block;overflow:visible}.tutorial-coach h2,.tutorial-coach>small{display:none}.tutorial-coach-heading strong{font-size:10px}.tutorial-coach .tutorial-progress{width:62px;margin-top:8px;position:static}.tutorial-coach-heading{padding-right:0}.tutorial-coach p{margin-top:7px}.modifier-card{border-radius:10px;grid-column:1/-1;min-height:34px;padding:3px 9px}.modifier-card img{width:28px;height:28px}.modifier-card strong{font-size:11px}.routes-column{grid-area:2/1;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;width:min(356px,100%);padding:0;display:grid}.routes-heading{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.wildlife-card{border-radius:9px;grid-template-columns:30px minmax(0,1fr);gap:3px;height:auto;min-height:54px;padding:4px}.wildlife-sprite{border-radius:7px;width:28px;height:28px}.wildlife-card strong{font-size:11px}.wildlife-card .wildlife-long-label,.wildlife-card p,.wildlife-card .wildlife-status{display:none}.wildlife-card .mobile-preferences{white-space:normal;gap:1px;margin-top:2px;font-size:10px;line-height:1.15;display:grid}.phase-card,.next-set-card,.mark-summary{display:none}.field-column{grid-area:3/1;gap:6px;width:min(356px,100%)}.board-assembly{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;border-radius:17px}.coordinate-labels.columns{top:3px}.coordinate-labels.rows{left:4px}.rail-top{top:8px}.rail-bottom{bottom:8px}.rail-left{left:8px}.rail-right{right:8px}.status-strip{border-radius:9px;flex-wrap:wrap;gap:4px 12px;min-height:34px;padding:7px 8px;font-size:11px;line-height:1.2}.status-strip span{white-space:nowrap}.piece-set{border-radius:10px;padding:4px 6px 5px}.piece-set-heading small{display:none}.piece-set-heading.has-preview small{font-size:8px;display:block}.piece-options{gap:5px;margin-top:3px}.piece-card{border-radius:9px;min-height:54px;padding:4px 6px}.shape-glyph i{width:10px;height:10px}.piece-card>span:not(.shape-glyph){font-size:8px}.piece-card>small{font-size:7px}.action-bar{gap:4px}.action-bar button{border-radius:9px;min-height:46px;padding:6px 3px;font-size:12px;line-height:1.1}.error-banner,.failure-banner{min-height:30px;padding:4px 7px;font-size:10px}.production-credit{min-height:24px;padding:4px 0 max(4px, env(safe-area-inset-bottom));flex:none;margin-top:auto;font-size:9px}.production-credit img{width:12px;height:12px}.pause-layer{padding:12px;position:fixed}.results-layer{border-radius:0;align-items:end;min-height:0;padding:0;position:fixed;top:auto}.results-card{width:100%;max-height:74dvh;padding:22px 18px max(18px, env(safe-area-inset-bottom));border-radius:22px 22px 0 0}.results-card h2{font-size:34px}.result-marks{margin:16px 0}.result-marks>div{min-height:76px;padding:6px}.results-card blockquote{font-size:14px}.dialog-actions.three{flex-wrap:wrap}.dialog-actions.three button{flex-basis:30%}.map-view{padding:12px 8px 6px}.map-intro{display:block}.map-intro h1{margin-top:5px;font-size:25px}.map-intro-actions{justify-content:space-between;margin-top:8px}.map-intro p{font-size:12px}.map-intro-actions button{flex:none}.realm-grid{grid-template-columns:1fr;gap:10px}.realm-card{min-height:196px}.realm-environment{height:82px}.realm-card-body{margin-top:-34px}.realm-host>img{width:70px;height:70px}.realm-host strong{font-size:18px}.realm-card-body>p{margin:3px 0 7px}.challenge-row button{min-height:48px}.overlay-view{padding:8px}.overlay-card{border-radius:18px;padding:24px 18px}.overlay-card h1{padding-right:28px;font-size:26px}.help-list{margin:16px 0}.help-list>div{min-height:40px}.help-list p{font-size:12px}}@media (width<=700px) and (height<=820px) and (orientation:portrait){:root{--cell:36px;--rail:16px}.topbar{min-height:43px}.play-shell,.host-column,.routes-column,.field-column{width:320px}.play-shell{grid-template-columns:320px;gap:3px}.host-column{grid-template-columns:116px 1fr;gap:4px}.host-card,.objective-card{min-height:60px}.host-card img{width:50px;height:46px}.host-card>div{margin-left:48px;padding:7px 4px 7px 0}.objective-card{padding:7px 8px}.tutorial-coach p{margin-top:5px;font-size:10px}.modifier-card{min-height:30px}.wildlife-card{grid-template-columns:22px minmax(0,1fr);gap:2px;height:auto;min-height:48px;overflow:visible}.wildlife-sprite{width:20px;height:20px}.wildlife-card strong{white-space:nowrap;font-size:9px}.wildlife-card p,.wildlife-card .wildlife-status{display:none}.wildlife-card .mobile-preferences{white-space:normal;margin-top:1px;font-size:9px;display:grid}.piece-card{min-height:48px}.status-strip{min-height:27px}.piece-set{padding-top:3px}.action-bar button{min-height:44px}}@media (orientation:landscape) and (height<=520px){:root{--cell:30px;--rail:16px}.app-frame{padding:4px max(8px, env(safe-area-inset-right)) 2px max(8px, env(safe-area-inset-left))}.topbar{min-height:38px;padding:0 0 3px}.brand-mark{width:30px;height:30px}.brand-button strong{font-size:15px}.brand-button small{display:none}.topbar nav button{min-height:34px;padding:4px 7px;font-size:11px}.title-view{border-radius:17px;margin:3px auto 2px}.title-panel{width:480px;margin-left:16px;padding:14px 22px 12px}.title-panel h1{font-size:42px}.title-panel h1 span{margin-bottom:4px}.title-rule{margin:9px 0}.title-premise{font-size:16px}.title-explainer{margin-top:5px;font-size:11px}.title-actions{grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.title-actions button{min-height:42px}.title-link{grid-column:1/-1;min-height:24px!important}.title-steps{display:none}.title-art-note{font-size:8px;bottom:8px}.play-shell{grid-template-rows:34px 100px 28px 60px 44px;grid-template-columns:272px minmax(430px,510px);place-content:center;gap:4px 18px;padding:2px 0}.host-column,.field-column{display:contents}.host-card,.objective-card{display:none}.modifier-card{border-radius:9px;grid-area:1/2;min-height:34px;padding:2px 9px}.modifier-card img{width:28px;height:28px}.modifier-card .kicker{margin-right:8px;display:inline}.modifier-card strong{font-size:11px;display:inline}.tutorial-shell .tutorial-coach{grid-area:1/2;grid-template-columns:auto 1fr;align-items:center;gap:5px 10px;min-height:34px;padding:3px 9px;display:grid}.tutorial-shell .tutorial-coach-heading{padding:0}.tutorial-shell .tutorial-coach-heading strong,.tutorial-shell .tutorial-progress,.tutorial-shell .tutorial-coach h2,.tutorial-shell .tutorial-coach>small{display:none}.tutorial-shell .tutorial-coach p{white-space:nowrap;text-overflow:ellipsis;grid-column:2;margin:0;font-size:9px;line-height:1.1;display:block;overflow:hidden}.board-assembly{--assembly:272px;border-radius:15px;grid-area:1/1/6;align-self:center}.board-grid{top:16px;left:16px}.coordinate-labels.columns{top:2px;left:16px}.coordinate-labels.rows{top:16px;left:3px}.route-rail{display:none}.status-strip{grid-area:3/2;min-height:28px;padding:3px 7px;font-size:9px}.piece-set{grid-area:4/2;padding:3px 5px}.piece-set-heading{display:none}.piece-options{margin:0}.piece-card{min-height:52px;padding:3px}.shape-glyph i{width:8px;height:8px}.action-bar{grid-area:5/2}.action-bar button{min-height:44px;padding:4px;font-size:10px}.error-banner,.failure-banner{width:510px;position:absolute;bottom:0;right:0}.routes-column{grid-area:2/2;grid-template-columns:repeat(3,1fr);align-content:center;gap:5px;padding:0;display:grid}.routes-heading,.phase-card,.next-set-card,.mark-summary{display:none}.wildlife-card{grid-template-columns:38px 1fr;min-height:96px;padding:4px}.wildlife-sprite{width:36px;height:36px}.wildlife-card strong{font-size:9px}.wildlife-card p{font-size:8px;line-height:1.12}.wildlife-card div>span{font-size:7px}.production-credit{min-height:14px;font-size:7px}.production-credit img{width:10px;height:10px}.map-view{padding:6px 0}.map-intro{margin-bottom:7px}.map-intro h1{font-size:22px}.realm-grid{grid-template-columns:repeat(3,1fr);gap:6px}.realm-card{min-height:210px}.realm-environment{height:72px}.realm-card-body{padding:0 8px 8px}.realm-host>img{width:56px;height:56px}.realm-host strong{font-size:15px}.realm-card-body>p{margin:2px 0 5px;font-size:9px}.challenge-row{gap:3px}.challenge-row button{min-height:39px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}