.how-to-backdrop{position:fixed;z-index:30;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:clamp(12px,3vw,40px);background:#0b1b33d1}.how-to-dialog{width:min(100%,1000px);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;overflow:hidden;padding:clamp(20px,3.5vw,48px);border:4px solid #0B1B33;background:#fff;color:#0b1b33;box-shadow:8px 8px #0b1b33}.how-to-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:clamp(16px,2.8vh,32px);border-bottom:2px solid #94A3B8}.how-to-heading{display:grid;gap:clamp(12px,2vh,22px)}.how-to-eyebrow{color:#0052b4;font-size:clamp(15px,1.5vw,21px);font-weight:700;letter-spacing:.08em}.how-to-heading h2{margin:0;font-size:clamp(28px,4vw,48px);line-height:1.25}.how-to-close{min-width:48px;min-height:48px;font-size:28px;line-height:1}.how-to-content{flex:1;display:grid;align-content:center;min-height:0;padding:clamp(20px,4vh,48px) 0}.how-to-content>p{max-width:850px;margin:0;font-size:clamp(21px,2.5vw,34px);line-height:1.5;font-weight:600}.how-to-lights{display:grid;gap:clamp(8px,1.4vh,16px)}.how-to-lights p{display:grid;grid-template-columns:minmax(130px,190px) 1fr;align-items:center;gap:clamp(12px,2vw,24px);margin:0;font-size:clamp(18px,2.15vw,29px);line-height:1.35}.how-to-lights .light-badge{width:max-content;font-size:clamp(16px,1.8vw,22px)}.how-to-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:clamp(16px,2.8vh,32px);border-top:2px solid #94A3B8}.how-to-dots{display:flex;align-items:center;gap:10px}.how-to-dots>span:not(.how-to-step-label){width:16px;height:16px;border:2px solid #0B1B33;background:#d6e3f0}.how-to-dots>span.is-current{background:#0052b4;box-shadow:2px 2px #0b1b33}.how-to-step-label{margin-left:8px;font-size:18px;font-weight:700;white-space:nowrap}.how-to-actions{display:flex;gap:14px}.how-to-actions .button{min-height:56px;padding:0 22px;font-size:20px}@media(max-width:600px){.how-to-backdrop{padding:10px}.how-to-dialog{padding:18px}.how-to-footer{align-items:flex-end}.how-to-lights p{grid-template-columns:1fr;gap:6px}.how-to-actions{gap:8px}.how-to-actions .button{padding:0 12px;font-size:16px}}@media(max-height:600px){.how-to-dialog{padding:16px 24px}.how-to-content{padding:12px 0}.how-to-content>p{font-size:clamp(18px,3.2vh,25px);line-height:1.35}.how-to-lights{gap:6px}.how-to-lights p{font-size:clamp(16px,2.8vh,22px)}.how-to-header{padding-bottom:12px}.how-to-footer{padding-top:12px}}@media(prefers-reduced-motion:reduce){.how-to-dialog *,.how-to-dialog *:before,.how-to-dialog *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}/*! tailwindcss v4.3.5 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--font-sans:"Pixel Accents", "Pixelify Sans", system-ui, sans-serif;--font-mono:"Pixelify Sans", ui-monospace, monospace;--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);--px:4px;--color-canvas:#eef4fa;--color-surface:#fff;--color-surface-subtle:#d6e3f0;--color-ink:#0b1b33;--color-ink-muted:#475569;--color-brand:#0052b4;--color-sky:#60a5fa;--color-terminal-bg:#1e3a5f;--color-border:#94a3b8;--color-border-strong:#0b1b33;--color-error-surface:#fdf2f5;--color-error-ink:#881337;--color-light-green:#15803d;--color-light-green-bg:#dcfce7;--color-light-green-border:#86efac;--color-light-blue:#0369a1;--color-light-blue-bg:#e0f2fe;--color-light-blue-border:#7dd3fc;--color-light-yellow:#a16207;--color-light-yellow-bg:#fef9c3;--color-light-yellow-border:#fde047;--color-light-red:#b91c1c;--color-light-red-bg:#fee2e2;--color-light-red-border:#fca5a5;--color-code-bg:#0b1b33;--color-code-ink:#e2e8f0;--color-tag-overlay-bg:#eef2ff;--color-tag-overlay-ink:#3730a3;--color-floor-alt:#f8fafc;--font-display:"Press Start 2P", monospace;--text-title:calc(6 * var(--px));--text-heading:calc(5 * var(--px));--text-body:calc(4 * var(--px));--shadow-pixel:calc(1 * var(--px)) calc(1 * var(--px)) 0 #0b1b33;--shadow-focus:0 0 0 calc(.5 * var(--px)) #fff, 0 0 0 calc(1.25 * var(--px)) #0052b4;--color-meter-track:#d6e3f0;--color-receipt-paper:#f8fafc;--color-receipt-edge:#94a3b8}}@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%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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;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:where(:not(iframe)){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]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance: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}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.relative{position:relative}.static{position:static}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.block{display:block}.grid{display:grid}.hidden{display:none}.table{display:table}.resize{resize:both}.rounded{border-radius:.25rem}.text-ink-muted{color:var(--color-ink-muted)}.ring{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.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:Pixelify Sans;src:url(/fonts/PixelifySans-VariableFont_wght.ttf)format("truetype");font-weight:400 700;font-display:swap}@font-face{font-family:"Press Start 2P";src:url(/fonts/PressStart2P-Regular.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Pixel Accents;src:url(/fonts/PressStart2P-Regular.ttf)format("truetype");font-weight:400;font-display:swap;size-adjust:75%;ascent-override:100%;descent-override:0%;line-gap-override:0%;unicode-range:U+30-39,U+2C,U+2E,U+3A,U+20AC,U+A0}.phone-frame{z-index:8;top:calc(22 * var(--px));right:calc(100 * var(--px));width:min(calc(148 * var(--px)),65vw);max-height:calc(138 * var(--px));padding:calc(2 * var(--px));border:var(--px) solid #0b1b33;box-shadow:var(--shadow-pixel);background:#1e3a5f;position:absolute}.phone-hardware{height:calc(5 * var(--px));justify-content:center;align-items:center;display:flex;position:relative}.phone-hardware span{width:calc(16 * var(--px));height:calc(1.5 * var(--px));box-shadow:0 calc(.5 * var(--px)) #60a5fa;background:#0b1b33}.phone-hardware i{right:calc(2 * var(--px));width:calc(2 * var(--px));height:calc(2 * var(--px));background:#a16207;position:absolute}.phone-screen{max-height:calc(126 * var(--px));color:#0b1b33;border:calc(.5 * var(--px)) solid #0b1b33;background:#fff;flex-direction:column;display:flex;overflow:hidden}.phone-status{padding:calc(1 * var(--px)) calc(2 * var(--px));color:#fff;font-size:calc(4 * var(--px));background:#1e3a5f;justify-content:space-between;align-items:center;display:flex}.phone-status strong{align-items:center;gap:calc(1 * var(--px));display:flex}.phone-handset{width:calc(4 * var(--px));height:calc(4 * var(--px));shape-rendering:crispedges}.phone-status .button{min-height:calc(7 * var(--px));padding:0 calc(2 * var(--px));font-size:calc(4 * var(--px))}.approval-card{flex-direction:column;min-height:0;display:flex;overflow:hidden}.approval-card-status{padding:calc(2 * var(--px)) calc(3 * var(--px));justify-content:space-between;align-items:center;display:flex}.approval-countdown{font-variant-numeric:tabular-nums;font-size:calc(4 * var(--px));font-weight:700}.approval-progress{height:calc(2.5 * var(--px));border:calc(.5 * var(--px)) solid #0b1b33;background:#d6e3f0}.approval-progress span{background:#0052b4;height:100%;transition:width 1s linear;display:block}.approval-card-body{padding:calc(2 * var(--px)) calc(3 * var(--px));min-height:0;overflow:auto}.approval-card-body h2{margin:0 0 calc(2 * var(--px));font-size:calc(5 * var(--px));line-height:1.25;font-family:var(--font-display)}.approval-card-body p,.approval-option,.approval-blocked{font-size:calc(4 * var(--px));line-height:1.35}.approval-option{border:calc(.5 * var(--px)) solid #94a3b8;padding:calc(2 * var(--px));margin:calc(2 * var(--px)) 0}.approval-option b{margin-left:calc(2 * var(--px));color:#0052b4}.disclosure{padding:calc(1.5 * var(--px));margin-top:calc(1 * var(--px));border:calc(.5 * var(--px)) solid}.disclosure-late{color:#5c3a21;background:#f5efe6;border-color:#9c663b}.disclosure-allergen{color:#3730a3;background:#eef2ff;border-color:#818cf8}.approval-blocked{padding:calc(2 * var(--px));background:#f8fafc}.approval-blocked h3{margin:0}.approval-blocked p{align-items:center;gap:calc(1 * var(--px));display:flex}.approval-actions{padding:calc(2 * var(--px)) calc(3 * var(--px));gap:calc(1.5 * var(--px));background:#eef4fa;border-top:1px solid #94a3b8;grid-template-columns:1fr 1fr;display:grid}.approval-actions>button:first-child{grid-column:1/-1}.approval-actions button{min-height:calc(8 * var(--px));font-size:calc(4 * var(--px))}.button-reject,.button-alternative{color:#881337;background:#fff;border:1px solid #881337}.approval-error{padding:calc(1 * var(--px));color:#881337;font-size:calc(4 * var(--px));background:#fdf2f5;margin:0}.hearts-meter{align-items:center;gap:calc(1 * var(--px));padding:calc(1 * var(--px)) calc(2 * var(--px));border:calc(.5 * var(--px)) solid #0b1b33;box-shadow:calc(.5 * var(--px)) calc(.5 * var(--px)) 0 #0b1b33;font-size:calc(4 * var(--px));background:#fff;font-weight:700;display:flex}.hearts-meter [data-heart=full]{color:#f43f5e}.hearts-meter [data-heart=empty]{color:#475569}@media(prefers-reduced-motion:no-preference){.phone-frame:not([hidden]) [data-vibrate=on]{animation:.52s steps(2,end) phone-vibrate}}@keyframes phone-vibrate{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}@media(prefers-reduced-motion:reduce){.phone-frame:has(.approval-countdown){outline:calc(1 * var(--px)) solid #a16207;outline-offset:calc(1 * var(--px))}}:root{color:#0b1b33;font-synthesis:none;text-rendering:optimizelegibility;--px:4px;background:#eef4fa;font-family:Pixel Accents,Pixelify Sans,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,select,input{font:inherit}h1,h2{font-family:"Press Start 2P",monospace}button:focus-visible,select:focus-visible,input:focus-visible{box-shadow:var(--shadow-focus);outline:none}.title-screen{min-height:100vh;padding:calc(5 * var(--px));background-color:#eef4fa;background-image:linear-gradient(#d6e3f0 1px,#0000 1px),linear-gradient(90deg,#d6e3f0 1px,#0000 1px),linear-gradient(#f8fafc 1px,#0000 1px),linear-gradient(90deg,#f8fafc 1px,#0000 1px);background-size:calc(16 * var(--px)) calc(16 * var(--px)),calc(16 * var(--px)) calc(16 * var(--px)),calc(8 * var(--px)) calc(8 * var(--px)),calc(8 * var(--px)) calc(8 * var(--px));background-position:0 0,0 0,calc(4 * var(--px)) calc(4 * var(--px)),calc(4 * var(--px)) calc(4 * var(--px));place-items:center;display:grid}.title-card{width:min(100%,1040px);padding:clamp(calc(5 * var(--px)),5vw,calc(10 * var(--px)));border:calc(2 * var(--px)) solid #0b1b33;box-shadow:calc(2 * var(--px)) calc(2 * var(--px)) 0 #0b1b33;background:#fff}.title-header{justify-items:center;gap:calc(3 * var(--px));padding:calc(2 * var(--px)) 0 calc(5 * var(--px));border-bottom:calc(1 * var(--px)) solid #94a3b8;text-align:center;display:grid}.title-header h1{color:#0052b4;font-size:calc(6 * var(--px));margin:0;line-height:1.35}.title-tagline{font-size:calc(4 * var(--px));margin:0}.provider-badge{padding:calc(1 * var(--px)) calc(2 * var(--px));border:calc(.5 * var(--px)) solid #0b1b33;font-size:calc(4 * var(--px));background:#e0f2fe;margin:0;font-weight:700}.level-list{gap:calc(2 * var(--px));margin-top:calc(4 * var(--px));display:grid}.level-card{grid-template-columns:calc(12 * var(--px)) 1fr auto;align-items:center;gap:calc(3 * var(--px));min-height:calc(16 * var(--px));padding:calc(2 * var(--px));border:calc(.5 * var(--px)) solid #0b1b33;box-shadow:var(--shadow-pixel);background:#fff;display:grid}.level-index{width:calc(10 * var(--px));height:calc(10 * var(--px));border:calc(.5 * var(--px)) solid #0b1b33;font-size:calc(4 * var(--px));background:#d6e3f0;place-items:center;font-weight:700;display:grid}.level-card h2{font-size:calc(5 * var(--px));margin:0;line-height:1.4}.title-state{justify-items:center;gap:calc(3 * var(--px));display:grid}.title-state>*{margin:0}.button{min-height:calc(10 * var(--px));padding:0 calc(4 * var(--px));border:calc(.5 * var(--px)) solid #0b1b33;color:#0052b4;box-shadow:calc(.75 * var(--px)) calc(.75 * var(--px)) 0 #0b1b33;cursor:pointer;font-size:calc(4 * var(--px));background:#fff;font-weight:700;transition:background-color .12s steps(2,end),transform .12s steps(2,end),box-shadow .12s steps(2,end)}.button-primary{color:#fff;background:#0052b4}.button-primary:hover:not(:disabled){background:#003e8a}.button-ghost:hover:not(:disabled){background:#e0f2fe}.button:active:not(:disabled){transform:translate(calc(.5 * var(--px)),calc(.5 * var(--px)));box-shadow:calc(.25 * var(--px)) calc(.25 * var(--px)) 0 #0b1b33}.button:disabled{opacity:.65;cursor:not-allowed}.pixel-alert,.alert{align-items:center;gap:calc(1 * var(--px));margin-top:calc(2 * var(--px));padding:calc(2 * var(--px));border:calc(1 * var(--px)) solid #881337;border-left-width:calc(2 * var(--px));color:#881337;font-size:calc(4 * var(--px));background:#fdf2f5;display:flex}.alert-icon{width:calc(5 * var(--px));height:calc(5 * var(--px));fill:none;stroke:currentColor;stroke-linecap:square;stroke-linejoin:miter;stroke-width:1.8px;flex:none}.game-world{background:#0b1b33;place-items:center;display:grid;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.world-frame{flex:none;position:relative;overflow:hidden}.pixi-host,.world-overlay{width:320px;height:180px;position:absolute;inset:0 auto auto 0}.pixi-host canvas{width:320px;height:180px;image-rendering:pixelated;display:block}.world-overlay{pointer-events:none;position:absolute;top:0;left:0}.station-hotspot{z-index:2;color:#0b1b33;cursor:pointer;pointer-events:auto;font-size:calc(4 * var(--px));background:0 0;border:0;justify-content:center;align-items:flex-end;padding:0;display:flex;position:absolute}.station-label{padding:0 calc(1 * var(--px));border:calc(.5 * var(--px)) solid #0b1b33;background:#fff;line-height:1.1}.game-world[data-panel-open=true] .station-label{visibility:hidden}.station-hotspot:focus-visible{box-shadow:0 0 0 calc(.5 * var(--px)) #fff,0 0 0 calc(1.25 * var(--px)) #0052b4;outline:0}.station-hotspot[aria-disabled=true]{cursor:not-allowed}.world-children{z-index:6;inset:calc(14 * var(--px)) 0 0;pointer-events:none;place-items:center;display:grid;position:absolute}.world-children>*{pointer-events:auto}.world-overlay-hud{z-index:5;height:calc(14 * var(--px));pointer-events:none;position:absolute;inset:0 0 auto}.world-overlay-hud>*,.world-overlay-side>*{pointer-events:auto}.world-overlay-side{z-index:4;left:calc(224 * var(--px));top:calc(14 * var(--px));pointer-events:none;position:absolute;bottom:0;right:0}.kitchen-hud{align-items:center;gap:calc(2.5 * var(--px));padding:0 calc(3 * var(--px));border-bottom:calc(.75 * var(--px)) solid #0b1b33;font-size:calc(4 * var(--px));pointer-events:auto;background:#fffffff0;display:flex;position:absolute;top:0;right:0;bottom:0;left:0}.kitchen-hud>div:first-child{flex:none}.kitchen-hud [role=status]{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.kitchen-hud .button{flex:none;margin-left:auto}.kitchen-hud h1{font-size:calc(4 * var(--px));margin:0;line-height:1.2}.kitchen-hud p{margin:0}.kitchen-hud>div{align-items:center;gap:calc(2 * var(--px));display:flex}.activity-dock{right:calc(2 * var(--px));bottom:calc(2 * var(--px));width:calc(94 * var(--px));height:calc(62 * var(--px));border:calc(1 * var(--px)) solid #0b1b33;box-shadow:inset calc(.5 * var(--px)) calc(.5 * var(--px)) 0 #fff,inset calc(-.5 * var(--px)) calc(-.5 * var(--px)) 0 #cbd5e1,var(--shadow-pixel);font-size:calc(4 * var(--px));background:#fff;flex-direction:column;display:flex;position:absolute;overflow:hidden}.activity-dock-header{padding:calc(1.5 * var(--px)) calc(2 * var(--px));border-bottom:calc(.75 * var(--px)) solid #0b1b33;color:#fff;background:#1e3a5f;flex:none;justify-content:space-between;display:flex}.activity-dock-header h2{font:calc(4 * var(--px)) "Press Start 2P",monospace;margin:0}.activity-log{padding:calc(2 * var(--px));gap:calc(2 * var(--px));background:#eef4fa;flex-direction:column;flex:1;display:flex;overflow:auto}.activity-empty{color:var(--color-ink-muted);margin:0}.activity-entry{border:calc(.5 * var(--px)) solid #94a3b8;border-left:calc(1.5 * var(--px)) solid #0b1b33;box-shadow:inset calc(-.5 * var(--px)) calc(-.5 * var(--px)) 0 #d6e3f0;overflow-wrap:anywhere;background:#fff;flex:none}.activity-entry.is-error{border-left-color:var(--color-error-ink)}.activity-entry-toggle{width:100%;min-height:calc(10 * var(--px));padding:calc(1.5 * var(--px)) calc(2 * var(--px));gap:calc(1 * var(--px));text-align:left;color:#0b1b33;font:calc(4 * var(--px)) "Pixel Accents","Pixelify Sans",sans-serif;cursor:pointer;background:#fff;border:0;display:grid}.activity-entry-toggle:hover{background:#eef4fa}.activity-entry-toggle:focus-visible{box-shadow:var(--shadow-focus);outline:0}.entry-meta{align-items:center;gap:calc(1 * var(--px));color:var(--color-ink-muted);flex-wrap:wrap;display:flex}.entry-title{color:#0b1b33}.entry-chevron{margin-left:auto}.reason-chip,.scenario-tag,.order-pending,.order-blocked,.order-error{padding:calc(.5 * var(--px));color:#0b1b33;background:#d6e3f0;display:inline-block}.scenario-tag{background:var(--color-tag-overlay-bg);color:var(--color-tag-overlay-ink)}.order-error{background:var(--color-error-surface);color:var(--color-error-ink)}.activity-detail{gap:calc(2 * var(--px));padding:calc(2 * var(--px));border-top:calc(.5 * var(--px)) solid #94a3b8;background:var(--color-floor-alt);display:grid}.activity-detail h3{margin:0 0 calc(1 * var(--px))}.activity-detail pre{max-height:calc(36 * var(--px));padding:calc(1.5 * var(--px));background:var(--color-code-bg);color:var(--color-code-ink);font-size:calc(4 * var(--px));overflow:auto}.plan-list{gap:calc(1.5 * var(--px));display:grid}.plan-card{gap:calc(1 * var(--px));padding:calc(1.5 * var(--px));border:calc(.5 * var(--px)) solid #94a3b8;background:#fff;display:grid}.plan-card>header{justify-content:space-between;display:flex}.plan-card.is-recommended{border:calc(1 * var(--px)) solid #0052b4}.plan-card p,.plan-card ul{padding-left:calc(2 * var(--px));margin:0}.excluded-list{gap:calc(1 * var(--px));padding:calc(1 * var(--px));display:grid}.excluded-list>div{gap:calc(.5 * var(--px));overflow-wrap:anywhere;display:grid}.light-badge{align-items:center;gap:calc(1 * var(--px));padding:calc(.5 * var(--px)) calc(1.5 * var(--px));border:calc(.5 * var(--px)) solid;font-size:calc(4 * var(--px));font-weight:700;line-height:1.2;display:inline-flex}.light-badge svg{width:calc(3.5 * var(--px));height:calc(3.5 * var(--px));flex:none}.light-green{color:var(--color-light-green);background:var(--color-light-green-bg);border-color:var(--color-light-green-border)}.light-blue{color:var(--color-light-blue);background:var(--color-light-blue-bg);border-color:var(--color-light-blue-border)}.light-yellow{color:var(--color-light-yellow);background:var(--color-light-yellow-bg);border-color:var(--color-light-yellow-border)}.light-red{color:var(--color-light-red);background:var(--color-light-red-bg);border-color:var(--color-light-red-border)}.game-clock{align-items:center;gap:calc(1.5 * var(--px));min-height:calc(9 * var(--px));padding:calc(1 * var(--px)) calc(2.5 * var(--px));border:calc(.5 * var(--px)) solid #0b1b33;box-shadow:inset calc(.5 * var(--px)) calc(.5 * var(--px)) 0 #cbd5e1,calc(.5 * var(--px)) calc(.5 * var(--px)) 0 #0b1b33;background:#fff;display:inline-flex}.game-clock-digits{font:calc(5 * var(--px)) "Press Start 2P",monospace;font-variant-numeric:tabular-nums;line-height:1}.clock-led{width:calc(2 * var(--px));height:calc(2 * var(--px));background:var(--color-ink-muted)}.clock-led.is-running{background:#0052b4}@keyframes timeline-entry-reveal{0%{opacity:0;transform:translateY(calc(1.5 * var(--px)))}to{opacity:1;transform:translateY(0)}}@keyframes clock-pulse{50%{opacity:.45}}@media(prefers-reduced-motion:no-preference){.activity-entry{animation:.2s steps(4,end) both timeline-entry-reveal}.entry-chevron{transition:transform .15s}.activity-entry-toggle[aria-expanded=true] .entry-chevron{transform:rotate(180deg)}.clock-led.is-running{animation:2s cubic-bezier(.4,0,.6,1) infinite clock-pulse}}@media(prefers-reduced-motion:reduce){.activity-entry,.entry-chevron,.clock-led.is-running{transition:none;animation:none}}.speech-bubble{z-index:3;max-width:calc(140 * var(--px));padding:calc(2 * var(--px)) calc(3 * var(--px));border:calc(1 * var(--px)) solid #0b1b33;color:#0b1b33;box-shadow:calc(2 * var(--px)) calc(2 * var(--px)) #0b1b33;font-size:calc(4 * var(--px));pointer-events:none;background:#fff;line-height:1.25;position:absolute;transform:translate(-50%,-100%)}.speech-bubble-below{transform:translate(-50%)}.world-loading,.world-error{z-index:5;padding:calc(4 * var(--px));border:calc(1 * var(--px)) solid #0b1b33;box-shadow:var(--shadow-pixel);font-size:calc(4 * var(--px));background:#fff;position:absolute}.pixel-panel{z-index:6;width:min(calc(200 * var(--px)),62.5vw);max-width:calc(200 * var(--px));max-height:calc(152 * var(--px));padding:calc(4 * var(--px));border:calc(1 * var(--px)) solid #0b1b33;box-shadow:var(--shadow-pixel);font-size:calc(4 * var(--px));background:#fff;position:relative;overflow:auto}.pixel-panel>*{z-index:1;position:relative}.pixel-panel h2{margin:0 0 calc(3 * var(--px));padding:0 0 calc(2 * var(--px));border-bottom:calc(.5 * var(--px)) solid #94a3b8;font-family:"Press Start 2P",monospace;font-size:calc(5 * var(--px));line-height:1.5}.pixel-panel-clipboard{padding:calc(5 * var(--px));border:calc(2 * var(--px)) solid #9c663b;background:#d49b6a}.pixel-panel-clipboard:before{z-index:0;inset:calc(3 * var(--px));border:calc(.5 * var(--px)) solid #0b1b33;content:"";background:#fff;position:absolute}.pixel-panel-clipboard:after{z-index:2;top:calc(1 * var(--px));width:calc(12 * var(--px));height:calc(2 * var(--px));border:calc(.5 * var(--px)) solid #0b1b33;box-shadow:0 calc(.5 * var(--px)) 0 #94a3b8;content:"";background:#cbd5e1;position:absolute;left:50%;transform:translate(-50%)}.pixel-panel-clipboard>h2{margin-top:calc(1 * var(--px))}.pixel-panel-terminal{border-top:calc(4 * var(--px)) solid #1e3a5f;background:#fff}.pixel-panel-terminal h2{margin:calc(-2 * var(--px)) calc(-2 * var(--px)) calc(3 * var(--px));padding:calc(1 * var(--px)) calc(2 * var(--px));color:#fff;background:#1e3a5f;border:0}.pixel-panel-notice{border-top:calc(1.5 * var(--px)) solid #0052b4}.pixel-panel-alert{border-left:calc(2 * var(--px)) solid #881337;color:#881337;background:#fdf2f5}.pixel-panel-alert h2{color:#881337}[hidden]{display:none!important}.clipboard-paper{min-width:0;padding:calc(1 * var(--px));background:0 0}.clipboard-brief-header{justify-content:space-between;align-items:center;gap:calc(2 * var(--px));padding-bottom:calc(2 * var(--px));border-bottom:calc(.5 * var(--px)) dashed #94a3b8;display:flex}.clipboard-brief-header h3{font-family:"Press Start 2P",monospace;font-size:calc(4 * var(--px));margin:0;line-height:1.5}.customer-pill{padding:calc(.5 * var(--px)) calc(1 * var(--px));border:calc(.5 * var(--px)) solid #0b1b33;font-size:calc(4 * var(--px));background:#e0f2fe;font-weight:700;display:inline-block}.brief-copy{margin:calc(3 * var(--px)) 0;font-size:calc(4 * var(--px));line-height:1.45}.schedule{gap:calc(2 * var(--px));margin:calc(2 * var(--px)) 0;padding:calc(2 * var(--px));border:calc(.5 * var(--px)) solid #94a3b8;background:#eef4fa;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.schedule p{gap:calc(.5 * var(--px));margin:0;display:grid}.schedule span,.metadata p span{color:#475569}.mandate-page{min-width:0}.preset-strip{align-items:center;gap:calc(1 * var(--px));margin:0 0 calc(2 * var(--px));padding-bottom:calc(2 * var(--px));border-bottom:calc(.5 * var(--px)) dashed #94a3b8;flex-wrap:wrap;display:flex}.preset-strip>strong{margin-right:calc(1 * var(--px))}.chip{min-height:calc(9 * var(--px));padding:0 calc(2 * var(--px));border:calc(.5 * var(--px)) solid #0b1b33;color:#0b1b33;cursor:pointer;background:#fff;font-weight:700}.chip:hover:not(:disabled){background:#eef4fa}.chip[aria-pressed=true]{color:#fff;background:#0052b4;border-color:#0052b4}.chip:disabled{opacity:.55;cursor:not-allowed}.custom-note{padding:0 calc(1 * var(--px));border:calc(.5 * var(--px)) dashed #475569;background:#d6e3f0}.doc-header{gap:calc(2 * var(--px));padding-bottom:calc(2 * var(--px));border-bottom:calc(.5 * var(--px)) solid #94a3b8;grid-template-columns:1fr;display:grid}.subtitle{font-family:"Press Start 2P",monospace;font-size:calc(4 * var(--px));margin:0;line-height:1.5}.metadata{gap:calc(2 * var(--px));grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.metadata p{gap:calc(.5 * var(--px));overflow-wrap:anywhere;min-width:0;margin:0;display:grid}.metadata strong{font-weight:700}.doc-body{padding:calc(2 * var(--px)) 0;font-size:calc(4 * var(--px));line-height:1.5}.doc-body p{margin:0}.inline-control select{max-width:100%;min-height:calc(8 * var(--px));padding:0 calc(1 * var(--px));border:0;border-bottom:calc(.5 * var(--px)) solid #0052b4;color:#0b1b33;cursor:pointer;background:#e0f2fe;font-weight:700}.inline-control select:hover:not(:disabled){background:#d6e3f0;border-bottom-color:#003e8a}.inline-control select:disabled{color:#475569;cursor:default;background:#d6e3f0}.allergen-line{align-items:center;gap:calc(1 * var(--px));min-height:calc(9 * var(--px));margin-top:calc(2 * var(--px));font-weight:700;display:flex}.allergen-line input{width:calc(5 * var(--px));height:calc(5 * var(--px));accent-color:#0052b4;flex:none}.signature-row{justify-content:space-between;align-items:center;gap:calc(2 * var(--px));padding-top:calc(2 * var(--px));border-top:calc(.5 * var(--px)) solid #94a3b8;font-size:calc(4 * var(--px));flex-wrap:wrap;display:flex}.signature-row .button{min-height:calc(10 * var(--px))}.stamp{gap:calc(.5 * var(--px));padding:calc(1 * var(--px));border:calc(1 * var(--px)) double #0052b4;color:#0052b4;font:700 calc(4 * var(--px)) "Pixel Accents","Pixelify Sans",sans-serif;letter-spacing:.04em;display:grid;transform:rotate(-3deg)}.stamp span{text-align:center;font-size:calc(4 * var(--px))}.signed-panel{margin-top:calc(2 * var(--px));padding-top:calc(2 * var(--px));border-top:calc(.5 * var(--px)) dashed #94a3b8}.signed-panel h2{margin:0 0 calc(1 * var(--px));font-size:calc(4 * var(--px))}.signed-panel blockquote{padding:calc(1 * var(--px));border-left:calc(1 * var(--px)) solid #0052b4;background:#e0f2fe;margin:0;line-height:1.4}.signed-meta{gap:calc(2 * var(--px));margin-top:calc(1 * var(--px));font:calc(4 * var(--px)) "Pixel Accents","Pixelify Sans",sans-serif;flex-wrap:wrap;display:flex}.signature-badge{margin:calc(1 * var(--px)) 0 0;padding:calc(.5 * var(--px));border:calc(.5 * var(--px)) solid #94a3b8;color:#475569;font-size:calc(4 * var(--px));display:inline-block}.brief-page{width:min(100%,1120px)}.brief-page>.button{margin-bottom:calc(2 * var(--px))}.brief-card{padding:calc(4 * var(--px));border:calc(.5 * var(--px)) solid #0b1b33;box-shadow:var(--shadow-pixel);background:#fff}.brief-card header{justify-content:space-between;align-items:center;gap:calc(3 * var(--px));padding-bottom:calc(2 * var(--px));border-bottom:calc(.5 * var(--px)) dashed #94a3b8;display:flex}.brief-card h1{min-width:0;font-size:calc(5 * var(--px));overflow-wrap:anywhere;margin:0;line-height:1.35}.brief-story{gap:calc(3 * var(--px));margin:calc(3 * var(--px)) 0;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.brief-story section{min-width:0;padding:calc(2 * var(--px));border:calc(.5 * var(--px)) solid #94a3b8;background:#f8fafc}.brief-story h2{margin:0 0 calc(1.5 * var(--px));font-size:calc(3.5 * var(--px));line-height:1.5}.brief-story p{font-size:calc(4 * var(--px));overflow-wrap:anywhere;margin:0;line-height:1.45}.brief-card .brief-copy{font-size:calc(4 * var(--px))}.brief-card footer{margin-top:calc(2 * var(--px));justify-content:flex-end;display:flex}@media(max-width:800px){.brief-story{grid-template-columns:1fr}.brief-card header{flex-direction:column;align-items:flex-start}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media(max-width:700px){.level-card{grid-template-columns:calc(10 * var(--px)) 1fr}.level-card .button{grid-column:2;justify-self:start}.metadata,.schedule{grid-template-columns:1fr}.clipboard-brief-header{flex-direction:column;align-items:flex-start}.signature-row{align-items:flex-start}}.result-preview-main{background:#eef4fa;place-items:center;min-height:100vh;padding:24px;display:grid}@media(min-width:1600px){.result-preview-main{--px:6px}}.pixel-panel-incident{border-color:var(--color-light-red)}.pixel-panel-incident>h2{margin:calc(-4 * var(--px)) calc(-4 * var(--px)) calc(2 * var(--px));padding:calc(2 * var(--px)) calc(3 * var(--px));background:var(--color-light-red);color:#fff;border:0}.result-summary{justify-content:space-between;align-items:center;gap:calc(2 * var(--px));margin-bottom:calc(2 * var(--px));flex-wrap:wrap;display:flex}.result-summary>div{align-items:center;gap:calc(2 * var(--px));display:flex}.result-summary p{margin:0}.result-stars{align-items:center;gap:calc(.5 * var(--px));display:inline-flex}.result-star{width:calc(5 * var(--px));height:calc(5 * var(--px))}.result-stars-copy{white-space:nowrap}.result-scores{gap:calc(1.5 * var(--px));margin:calc(2 * var(--px)) 0;display:grid}.result-score-row{grid-template-columns:calc(18 * var(--px)) minmax(0,1fr) calc(8 * var(--px));align-items:center;gap:calc(1.5 * var(--px));display:grid}.result-score-row strong{text-align:right;font-variant-numeric:tabular-nums}.result-meter{height:calc(4 * var(--px));border:calc(.5 * var(--px)) solid var(--color-border-strong);background:var(--color-meter-track);overflow:hidden}.result-meter-fill{background:var(--color-brand);background-image:repeating-linear-gradient(90deg,transparent 0 calc(3.5 * var(--px)),#0b1b332e calc(3.5 * var(--px)) calc(4 * var(--px)));height:100%;display:block}.result-meter-incident{background-color:var(--color-light-red)}.result-hash{margin:calc(2 * var(--px)) 0;padding:calc(1.5 * var(--px)) calc(2.5 * var(--px));border:calc(.5 * var(--px)) solid var(--color-border);overflow-wrap:anywhere;align-items:center;gap:calc(1.5 * var(--px));display:flex}.result-badge-icon{width:calc(3.5 * var(--px));height:calc(3.5 * var(--px));flex:none}.result-hash-good{border-color:var(--color-light-green);background:var(--color-light-green-bg);color:var(--color-light-green)}.result-hash-bad{border-color:var(--color-light-red);background:var(--color-light-red-bg);color:var(--color-light-red)}.result-hash-error,.result-error{border:calc(.5 * var(--px)) solid var(--color-error-ink);background:var(--color-error-surface);color:var(--color-error-ink);padding:calc(2 * var(--px))}.result-incident-detail{margin:calc(-2 * var(--px)) calc(-3 * var(--px)) calc(2 * var(--px));padding:calc(2 * var(--px)) calc(3 * var(--px));border-bottom:calc(.5 * var(--px)) solid var(--color-light-red);background:var(--color-light-red-bg)}.result-incident-detail p{margin:0 0 calc(1 * var(--px))}.result-receipt{min-height:calc(28 * var(--px));max-height:42vh;margin-top:calc(2 * var(--px));padding:calc(2.5 * var(--px)) calc(3 * var(--px));border:calc(.5 * var(--px)) solid var(--color-receipt-edge);background:var(--color-receipt-paper);box-shadow:inset 0 calc(1 * var(--px)) 0 var(--color-meter-track);overflow-y:auto}.result-receipt:focus-visible{box-shadow:var(--shadow-focus);outline:0}.result-overline{color:var(--color-ink-muted);text-transform:uppercase;display:block}.result-receipt-copy{margin:calc(1 * var(--px)) 0 calc(2 * var(--px))}.result-receipt h3{margin:calc(2 * var(--px)) 0;padding-top:calc(1.5 * var(--px));border-top:calc(.5 * var(--px)) dashed var(--color-receipt-edge)}.result-receipt ol{gap:calc(1 * var(--px));padding-left:calc(6 * var(--px));margin:0;display:grid}.result-receipt li{padding-left:calc(.5 * var(--px))}.result-receipt li time{font-variant-numeric:tabular-nums}.result-light{margin:0 calc(.5 * var(--px));padding:0 calc(.5 * var(--px));border:calc(.5 * var(--px)) solid currentColor;font-weight:700;display:inline-block}.result-light-green{color:var(--color-light-green);background:var(--color-light-green-bg)}.result-light-blue{color:var(--color-light-blue);background:var(--color-light-blue-bg)}.result-light-yellow{color:var(--color-light-yellow);background:var(--color-light-yellow-bg)}.result-light-red{color:var(--color-light-red);background:var(--color-light-red-bg)}.result-actions{gap:calc(2 * var(--px));margin-top:calc(2 * var(--px));flex-wrap:wrap;display:flex}.pixel-panel-notice:has(.result-summary),.pixel-panel-incident:has(.result-summary){flex-direction:column;display:flex;overflow:hidden}.pixel-panel:has(.result-summary)>h2:focus{box-shadow:var(--shadow-focus);outline:none}.result-receipt{flex:auto;max-height:none}@media(max-height:820px){.result-receipt{max-height:26vh}}.valio-screen{min-height:100vh;padding:calc(2 * var(--px));color:var(--color-ink);background-color:var(--color-canvas);background-image:linear-gradient(90deg,#d6e3f0 1px,#0000 1px),linear-gradient(#d6e3f0 1px,#0000 1px);background-size:calc(16 * var(--px)) calc(16 * var(--px))}.valio-header{justify-content:space-between;align-items:center;gap:calc(3 * var(--px));padding:calc(2 * var(--px)) calc(3 * var(--px));color:#fff;background:var(--color-terminal-bg);border-bottom:var(--px) solid var(--color-ink);display:flex}.valio-header h1{margin:0 calc(2 * var(--px)) 0 0;font:var(--text-title) / 1.2 var(--font-display);display:inline-block}.valio-operator{padding:calc(.75 * var(--px)) calc(2 * var(--px));background:var(--color-ink);border:1px solid var(--color-sky);font-size:var(--text-body);display:inline-block}.valio-main{gap:calc(2 * var(--px));max-width:1900px;padding-top:calc(2 * var(--px));margin:auto;display:grid}.valio-section{min-width:0;padding:calc(2 * var(--px));border:var(--px) solid var(--color-border-strong);box-shadow:var(--shadow-pixel);background:var(--color-surface)}.valio-section h2{margin:0 0 calc(1.5 * var(--px));font:var(--text-heading) / 1.25 var(--font-display)}.valio-section h3{margin:0 0 var(--px);font-size:var(--text-body)}.valio-tiers{gap:calc(2 * var(--px));grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.valio-tiers>section{padding:calc(1.5 * var(--px));background:var(--color-surface-subtle)}.valio-tiers>section:last-child{color:#f8fafc;background:#1e293b}.valio-columns{align-items:start;gap:calc(2 * var(--px));grid-template-columns:38fr 62fr;display:grid}.valio-left{gap:calc(2 * var(--px));display:grid}.valio-scroll{max-height:30vh;overflow:auto}.valio-section table{border-collapse:collapse;text-align:left;width:100%}.valio-section th,.valio-section td{padding:calc(1 * var(--px));border:1px solid var(--color-border);vertical-align:top;font-size:var(--text-body)}.valio-section th{background:var(--color-surface-subtle)}.valio-chips{gap:var(--px);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.valio-chips li{padding:0 calc(.75 * var(--px));border:1px solid var(--color-border);background:var(--color-surface-subtle)}.valio-chips .valio-locked{color:#f8fafc;border-color:var(--color-ink);background:#1e293b}.valio-blocked{margin-bottom:calc(1.5 * var(--px));padding:calc(1.5 * var(--px));border-left:calc(1.5 * var(--px)) solid var(--color-light-red);background:var(--color-light-red-bg)}.valio-blocked p,.valio-scenario p{margin:calc(1 * var(--px)) 0 0}.valio-scenario{margin-bottom:calc(1.5 * var(--px));padding:calc(1.5 * var(--px));color:#3730a3;background:#eef2ff;border:1px dashed #818cf8}.valio-loading{place-items:center;min-height:100vh;display:grid}.valio-error{padding:calc(3 * var(--px));color:var(--color-error-ink);background:var(--color-error-surface);border:var(--px) solid currentColor;font-size:var(--text-body)}@media(max-width:1439px){.valio-columns{grid-template-columns:1fr}.valio-scroll{max-height:34vh}}@media(max-width:760px){.valio-tiers{grid-template-columns:1fr}.valio-header{flex-direction:column;align-items:flex-start}}@media(prefers-reduced-motion:reduce){.valio-screen,.valio-header button{transition:none;animation:none}}@media(min-width:1440px)and (min-height:900px){:root{--px:6px}}.compare-page{gap:calc(3 * var(--px));min-height:100vh;padding:calc(5 * var(--px)) calc(6 * var(--px));background-color:#eef4fa;background-image:linear-gradient(45deg,#f8fafc 25%,#0000 25%),linear-gradient(-45deg,#f8fafc 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#f8fafc 75%),linear-gradient(-45deg,#0000 75%,#f8fafc 75%);background-size:calc(16 * var(--px)) calc(16 * var(--px));flex-direction:column;display:flex}.compare-heading{width:min(100%,calc(290 * var(--px)));margin:0 auto}.compare-heading h1{font-size:calc(6 * var(--px));margin:0;line-height:1.3}.compare-heading p{margin:calc(2 * var(--px)) 0 0;color:#475569;font-size:calc(4 * var(--px));line-height:1.3}.compare-heading strong{color:#0b1b33}.compare-frame{width:min(100%,calc(290 * var(--px)));border:calc(1 * var(--px)) solid #0b1b33;box-shadow:inset calc(.5 * var(--px)) calc(.5 * var(--px)) 0 #fff,inset calc(-.5 * var(--px)) calc(-.5 * var(--px)) 0 #cbd5e1,var(--shadow-pixel);background:#fff;margin:0 auto;overflow:auto}.compare-frame table{table-layout:fixed;border-collapse:collapse;text-align:left;width:100%;font-size:calc(4 * var(--px))}.compare-frame th,.compare-frame td{padding:calc(1.5 * var(--px)) calc(2 * var(--px));border-bottom:calc(.5 * var(--px)) solid #d6e3f0;overflow-wrap:anywhere;line-height:1.2}.compare-frame thead th{vertical-align:bottom;font-size:calc(5 * var(--px));background:#d6e3f0;border-bottom-color:#0b1b33}.compare-frame thead th:first-child{color:#475569;width:26%;font-size:calc(4 * var(--px))}.compare-frame tbody tr:nth-child(2n){background:#f8fafc}.compare-frame tbody th{font-weight:700}.compare-frame td[data-best=true]{border-left:calc(1 * var(--px)) solid #0052b4;background:#e0f2fe;font-weight:700}.compare-frame th[data-best=true]{border-top:calc(1.5 * var(--px)) solid #0052b4;background:#e0f2fe}.compare-frame th[data-incident=true],.compare-frame td[data-incident=true]{color:#b91c1c;background-color:#fee2e2;border-top-color:#b91c1c}.compare-tag{width:fit-content;margin-bottom:calc(1 * var(--px));padding:calc(.5 * var(--px)) calc(1 * var(--px));border:calc(.5 * var(--px)) solid currentColor;font-size:calc(4 * var(--px));line-height:1.1;display:block}.compare-best{color:#fff;background:#0052b4}.compare-incident{color:#fff;background:#b91c1c}.compare-muted{color:#475569;font-weight:400}.compare-check{color:#0052b4;font-weight:700}.compare-heart-value,.compare-star-value{align-items:center;gap:calc(.5 * var(--px));display:inline-flex}.compare-heart-value svg{width:calc(4 * var(--px));height:calc(4 * var(--px));flex:none}.compare-star-value{flex-wrap:wrap}.compare-star-value[data-zero=true]{color:#b91c1c;font-weight:700}.compare-star-value .result-stars{display:inline-flex}.compare-star-value .result-star{width:calc(4 * var(--px));height:calc(4 * var(--px))}.compare-star-value .result-stars>span{transform:none!important}.compare-state,.compare-error{width:min(100%,calc(180 * var(--px)));padding:calc(4 * var(--px));border:calc(1 * var(--px)) solid #0b1b33;box-shadow:var(--shadow-pixel);font-size:calc(4 * var(--px));background:#fff;margin:auto}.compare-error{border:calc(1 * var(--px)) solid #881337;border-left-width:calc(2 * var(--px));color:#881337;background:#fdf2f5}.compare-page footer{width:min(100%,calc(290 * var(--px)));margin:0 auto}@media(max-width:700px){.compare-page{padding:calc(3 * var(--px))}.compare-frame table{min-width:720px}}.mode-badge{z-index:1000;left:calc(2 * var(--px));bottom:calc(2 * var(--px));padding:calc(.5 * var(--px)) calc(1.5 * var(--px));color:var(--color-ink-muted);background:var(--color-surface);border:1px solid var(--color-border-strong);box-shadow:var(--shadow-pixel);font:var(--text-body) / 1.2 var(--font-mono);white-space:nowrap;position:fixed}.demo-error{align-content:center;justify-items:start;gap:calc(2 * var(--px));min-height:100vh;padding:calc(6 * var(--px));color:var(--color-error-ink);background:var(--color-error-surface);border:calc(1 * var(--px)) solid currentColor;font-size:var(--text-body);display:grid}.demo-error h1,.demo-error p{margin:0}.demo-error h1{font:var(--text-heading) / 1.3 var(--font-display)}.hearts-meter [data-heart]{position:relative}.heart-break{z-index:1;width:calc(4 * var(--px));height:calc(8 * var(--px));display:flex;position:absolute;inset:50% auto auto 50%;overflow:visible;transform:translate(-50%,-50%)}.heart-break svg{width:calc(2 * var(--px));height:calc(4 * var(--px));flex:none}.heart-break svg:first-child{animation:.65s steps(4,end) forwards heart-break-left}.heart-break svg:last-child{animation:.65s steps(4,end) forwards heart-break-right}@keyframes heart-break-left{to{transform:translate(calc(-4 * var(--px)),calc(8 * var(--px)))}}@keyframes heart-break-right{to{transform:translate(calc(4 * var(--px)),calc(8 * var(--px)))}}@media(prefers-reduced-motion:reduce){.heart-break svg{animation:none}}.result-hash-code{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.9em}.agent-working{align-items:center;gap:calc(2 * var(--px));width:fit-content;padding:calc(2 * var(--px)) calc(3 * var(--px));border:calc(1 * var(--px)) solid #0b1b33;box-shadow:var(--shadow-pixel);color:#0b1b33;font-size:calc(3.5 * var(--px));background:#fff7d6;display:flex}.agent-working svg{width:calc(12 * var(--px));height:calc(12 * var(--px));flex:none}.agent-working span{gap:calc(1 * var(--px));display:grid}.agent-working small{font-size:.85em}.demo-mode-badge{z-index:1200;top:calc(2 * var(--px));right:calc(2 * var(--px));padding:calc(.7 * var(--px)) calc(1.5 * var(--px));color:#fff;box-shadow:var(--shadow-pixel);font:var(--text-body) / 1 var(--font-mono);letter-spacing:.12em;background:#0b1b33;border:2px solid #facc15;position:fixed}.demo-narrator{z-index:1199;right:calc(3 * var(--px));bottom:calc(3 * var(--px));width:min(540px,calc(100vw - 6 * var(--px)));padding:calc(3 * var(--px));color:#fff;border:calc(1 * var(--px)) solid #facc15;box-shadow:0 0 0 3px #0b1b33,var(--shadow-pixel);background:#0b1b33;font-size:clamp(18px,2vw,26px);position:fixed}.demo-narrator h2{margin:calc(.5 * var(--px)) 0 calc(1.5 * var(--px));font:var(--text-heading) / 1.2 var(--font-display)}.demo-counter{color:#facc15;font:var(--text-body) / 1.2 var(--font-mono);margin:0}.demo-copy{margin:0;line-height:1.45}.demo-speed-control{align-items:center;gap:calc(1 * var(--px));margin-top:calc(1.5 * var(--px));color:#cbd5e1;font:var(--text-body) / 1.2 var(--font-mono);display:flex}.demo-speed-control select{min-width:0;max-width:100%;min-height:38px;padding:calc(.5 * var(--px)) calc(1 * var(--px));color:#0b1b33;font:var(--text-body) / 1.2 var(--font-display);background:#fff;border:2px solid #facc15;flex:1}.demo-controls{gap:calc(1 * var(--px));margin-top:calc(2 * var(--px));flex-wrap:wrap;display:flex}.demo-narrator.is-wide{align-items:center;column-gap:calc(3 * var(--px));row-gap:calc(.5 * var(--px));padding:calc(2 * var(--px));grid-template-columns:minmax(0,1fr) auto;display:grid}.demo-narrator.is-wide .demo-counter,.demo-narrator.is-wide h2{grid-column:1/-1}.demo-narrator.is-wide .demo-copy{grid-column:1}.demo-narrator.is-wide .demo-speed-control,.demo-narrator.is-wide .demo-controls{grid-column:2}.demo-narrator.is-wide .demo-speed-control{margin-top:0}.demo-narrator.is-wide .demo-controls{gap:calc(.75 * var(--px));flex-flow:wrap;margin-top:0}.demo-controls button{min-height:44px;padding:calc(.75 * var(--px)) calc(1.5 * var(--px));color:#0b1b33;font:var(--text-body) / 1.2 var(--font-display);cursor:pointer;background:#facc15;border:2px solid #fff}.demo-controls button:disabled{color:#cbd5e1;cursor:not-allowed;background:#334155}.demo-spotlight{outline-offset:5px;position:relative;z-index:1198!important;outline:5px solid #facc15!important;box-shadow:0 0 0 10px #0b1b33,0 0 22px 14px #facc15!important}@media(max-width:700px){.demo-narrator{left:calc(2 * var(--px));right:calc(2 * var(--px));bottom:calc(2 * var(--px));width:auto}}@media(prefers-reduced-motion:reduce){.demo-spotlight{transition:none!important;animation:none!important}}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}