@font-face{font-family:Bricolage Grotesque;src:url(/fonts/bricolage-800.woff2)format("woff2");font-weight:800;font-display:swap}@font-face{font-family:Atkinson Hyperlegible Next;src:url(/fonts/atkinson-next-variable.woff2)format("woff2");font-weight:200 800;font-display:swap}:root{--cream:#f3ebd5;--paper:#fcf8ec;--ink:#1e2148;--yellow:#f2dc5d;--blue:#2f5d95;--maroon:#6e1f33;--grass:#a8c77b;--road:#4a4e6a;--mint:#8fe3d2;--f-display:"Bricolage Grotesque", "Arial Black", system-ui, sans-serif;--f-body:"Atkinson Hyperlegible Next", "Atkinson Hyperlegible", system-ui, sans-serif;--t-14:.875rem;--t-16:1rem;--t-18:1.125rem;--t-20:1.25rem;--t-26:1.625rem;--t-34:2.125rem;--t-40:2.5rem;--t-48:clamp(2.25rem, 5vw, 3rem);--line:3px solid var(--ink);--shadow:0 6px 0 var(--ink);--bar:4.25rem;--tabbar:0px}*,:before,:after{box-sizing:border-box}html,body{background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0}body{font:400 var(--t-18) / 1.55 var(--f-body)}h1,h2,h3,h4{font-family:var(--f-display);text-wrap:balance;margin:0;font-weight:800;line-height:1.1}p{margin:0}a{color:var(--blue);text-underline-offset:3px;text-decoration-thickness:2px}img{max-width:100%;display:block}:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.icon{flex:none;width:1.25em;height:1.25em}.btn{border:var(--line);background:var(--paper);min-height:48px;color:var(--ink);box-shadow:0 4px 0 var(--ink);font:800 var(--t-18) / 1 var(--f-display);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:0 1.2rem;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.btn:active{box-shadow:none;transform:translateY(4px)}.btn.primary{background:var(--yellow)}.btn.blue{background:var(--blue);color:#fff}.btn.blue:focus-visible{outline-color:var(--ink)}.btn.exit{background:var(--maroon);color:#fff}.btn.small{min-height:48px;font-size:var(--t-14);padding:0 .9rem}.btn[disabled]{opacity:.55;cursor:not-allowed}.chips{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.chip{border:2.5px solid var(--ink);background:var(--paper);min-height:36px;font:700 var(--t-14) / 1.2 var(--f-body);border-radius:999px;align-items:center;padding:.25rem .85rem;display:inline-flex}.chip:first-child{background:var(--yellow)}button.chip{cursor:pointer;color:var(--ink)}button.chip[aria-pressed=true]{background:var(--ink);color:var(--paper)}.panel{background:var(--paper);border:var(--line);box-shadow:var(--shadow);border-radius:22px;padding:1.5rem;position:relative}.tab-label{border:var(--line);background:var(--yellow);font:800 var(--t-14) / 1 var(--f-display);border-radius:999px;padding:.3rem .9rem;position:absolute;top:0;left:1.25rem;translate:0 -55%}.panel h1,.panel h2{font-size:var(--t-40)}.panel .lede{max-width:65ch;margin-top:.5rem}.bullets{gap:.45rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.bullets li{align-items:baseline;gap:.6rem;display:flex}.bullets li:before{content:"";background:var(--blue);border:2px solid var(--ink);border-radius:50%;flex:none;width:.6rem;height:.6rem;translate:0 .05rem}.actions{flex-wrap:wrap;gap:.75rem;margin-top:1.25rem;display:flex}.dock-panel{z-index:20;top:calc(var(--bar) + 3.75rem);width:min(460px,46vw);padding:0;transition:opacity .3s,translate .3s;position:fixed}.panel-body{max-height:calc(100dvh - var(--bar) - 5.5rem);border-radius:19px;padding:1.6rem 1.5rem 1.5rem;overflow:auto;mask-image:linear-gradient(#0000,#000 1.4rem)}.dock-panel.left{left:5.5rem}.dock-panel.right{right:1.5rem}.dock-panel.room{width:min(460px,46vw)}.dock-panel[data-hidden=true]{opacity:0;pointer-events:none;translate:0 12px}.room-actions{background:var(--paper);padding-block:.75rem 1rem;position:sticky;bottom:-1.5rem}.monitor{border:var(--line);background:var(--paper);box-shadow:0 4px 0 var(--ink);border-radius:16px;margin-top:1rem;padding:.6rem}.monitor-screen{border:var(--line);background:var(--ink);border-radius:10px;position:relative;overflow:hidden}.monitor-bar{border-bottom:var(--line);height:1.9rem;font:800 var(--t-14) / 1 var(--f-display);align-items:center;gap:.35rem;padding:0 .6rem;display:flex}.monitor-bar i{background:var(--paper);border:2px solid var(--ink);border-radius:50%;width:.6rem;height:.6rem}.monitor-bar span{margin-left:.4rem}.monitor canvas,.monitor img{width:100%;height:auto;display:block}.monitor-screen:after{content:"";pointer-events:none;background:repeating-linear-gradient(#ffffff0f 0 1px,#0000 1px 3px);position:absolute;inset:0}.flicker{animation:.25s steps(3,end) flicker}@keyframes flicker{0%{opacity:.2}50%{opacity:.9}70%{opacity:.5}to{opacity:1}}.topbar{z-index:30;height:calc(var(--bar) - 1rem);pointer-events:none;align-items:center;gap:.75rem;display:flex;position:fixed;inset:.75rem 1rem auto}.topbar>*{pointer-events:auto}.logo{border:var(--line);background:var(--paper);min-height:48px;box-shadow:0 4px 0 var(--ink);font:800 var(--t-20) / 1 var(--f-display);color:var(--ink);cursor:pointer;border-radius:999px;align-items:center;gap:.5rem;padding:0 1rem 0 .4rem;text-decoration:none;display:inline-flex}.logo-badge{background:var(--yellow);border:var(--line);width:2.25rem;height:2.25rem;font-size:var(--t-18);border-radius:50%;place-items:center;display:grid}.nav{border:var(--line);background:var(--paper);box-shadow:0 4px 0 var(--ink);border-radius:999px;gap:.25rem;margin:0 auto;padding:.25rem;display:flex}.nav button{min-height:48px;color:var(--ink);font:800 var(--t-16) / 1 var(--f-display);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:.4rem;padding:0 .9rem;display:inline-flex}.nav .icon{width:20px;height:20px}.nav button[aria-current=true]{background:var(--ink);color:var(--paper)}.tools{gap:.5rem;display:flex}.tool.sound{gap:.4rem;display:inline-flex}.tool-hint{font:700 var(--t-14) / 1 var(--f-body);white-space:nowrap}.tool{border:var(--line);background:var(--paper);min-width:48px;min-height:48px;box-shadow:0 4px 0 var(--ink);color:var(--ink);font:800 var(--t-14) / 1 var(--f-display);cursor:pointer;border-radius:999px;place-items:center;padding:0 .75rem;display:grid}.goal{z-index:25;top:calc(var(--bar) + .4rem);border:2.5px solid var(--ink);background:var(--paper);max-width:calc(100vw - 2rem);font:700 var(--t-14) / 1.3 var(--f-body);text-align:center;border-radius:999px;padding:.4rem 1rem;transition:opacity .3s .5s;position:fixed;left:50%;translate:-50%}.goal[data-hidden=true]{opacity:0;transition-delay:0s}.rail{z-index:20;border:var(--line);background:var(--road);width:2.75rem;height:min(52vh,26rem);box-shadow:0 4px 0 var(--ink);border-radius:999px;position:fixed;top:50%;left:1.25rem;translate:0 -40%}.rail:before{content:"";border-left:2px dashed var(--yellow);position:absolute;inset:.9rem auto .9rem 50%}.rail button{cursor:pointer;background:0 0;border:0;width:44px;height:44px;padding:0;position:absolute;left:50%;translate:-50% -50%}.rail button:before{content:"";border:var(--line);background:var(--paper);border-radius:50%;width:1rem;height:1rem;margin:auto;display:block}.rail button[data-visited=true]:before{background:var(--yellow)}.rail button span{white-space:nowrap;border:2.5px solid var(--ink);background:var(--paper);font:800 var(--t-14) / 1 var(--f-display);color:var(--ink);opacity:0;pointer-events:none;border-radius:999px;padding:.3rem .7rem;transition:opacity .15s;position:absolute;top:50%;left:calc(100% + .5rem);translate:0 -50%}.rail button:hover span,.rail button:focus-visible span{opacity:1}.rail-dot{border:var(--line);background:var(--yellow);width:1.35rem;height:1.35rem;box-shadow:0 0 0 3px var(--paper);pointer-events:none;border-radius:50%;position:absolute;left:50%;translate:-50% -50%}.tabbar{display:none}html.intro,html.intro body{overflow:hidden}.skip-intro{z-index:30;right:1.25rem;bottom:calc(var(--tabbar) + 1.25rem);min-height:44px;color:var(--ink);font:700 var(--t-18) / 1 var(--f-body);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0 .9rem;text-decoration:underline;position:fixed}.stage{z-index:0;position:fixed;inset:0}.street-length{height:620vh}html.room-open,html.room-open body{overflow:hidden}.email-address{font:800 var(--t-20) / 1.2 var(--f-display);user-select:all;overflow-wrap:anywhere}.classic-footer{text-align:center;padding:2rem 1rem 3rem}.eng-hero{border:var(--line);background:var(--c);box-shadow:0 4px 0 var(--ink);color:var(--ink);border-radius:16px;gap:.3rem;margin-top:1rem;padding:1rem 1.1rem;display:grid}.eng-hero[style*=\#2F5D95],.eng-hero[style*=\#6E1F33]{color:var(--paper)}.eng-meta{font-size:var(--t-14);opacity:.9;font-weight:700}.eng-num{font-weight:700}.eng-num b{font:800 var(--t-48) / 1 var(--f-display);margin-right:.35rem}.eng-line{font:800 var(--t-20) / 1.25 var(--f-display)}.eng-did{margin-top:.9rem}.proof-preview{border:var(--line);background:var(--paper);width:100%;box-shadow:0 4px 0 var(--ink);cursor:zoom-in;border-radius:14px;margin-top:.9rem;padding:0;display:block;position:relative;overflow:hidden}.proof-preview img{aspect-ratio:16/10;width:100%;height:auto;display:block}.proof-badge,.proof-open{border:2px solid var(--ink);font:800 var(--t-14) / 1.2 var(--f-display);color:var(--ink);border-radius:999px;padding:.2rem .6rem;position:absolute;top:.6rem}.proof-badge{background:var(--paper);left:.6rem}.proof-open{background:var(--yellow);align-items:center;gap:.3rem;display:inline-flex;right:.6rem}.proof-thumbs{gap:.45rem;margin:.6rem 0 0;padding:0 0 .4rem;list-style:none;display:flex;overflow-x:auto}.proof-thumbs button{border:2.5px solid var(--ink);background:var(--paper);cursor:zoom-in;border-radius:8px;padding:0;display:block;overflow:hidden}.proof-thumbs button:hover,.proof-thumbs button:focus-visible{border-color:var(--blue)}.proof-thumbs img{aspect-ratio:16/10;width:auto;height:64px;display:block}.result-card{border:var(--line);background:var(--paper);border-radius:16px;margin-top:.9rem;padding:1rem 1.1rem}.result-card h3{font-size:var(--t-20)}.result-card h3+*{margin-top:.5rem}.result-card .bullets{margin-bottom:1rem}.btn.big{min-height:56px;font-size:var(--t-20);padding:0 1.4rem}.flip{display:inline-flex;scale:-1 1}.stage[data-paused=true]{visibility:hidden}dialog.viewer{width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--paper);background:0 0;border:0;margin:0;padding:.75rem 1rem 1rem;overflow:hidden}dialog.viewer[open]{grid-template-rows:auto 1fr;gap:.75rem;display:grid}dialog.viewer::backdrop{background:#1e2148e6}.viewer-top{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.viewer-title{font-size:var(--t-18);flex-wrap:wrap;align-items:baseline;gap:.75rem;display:flex}.viewer-title b{font:800 var(--t-20) / 1.2 var(--f-display)}.viewer-filters{margin-left:auto}.viewer-filters .chip{background:var(--paper)}.viewer-filters .chip[aria-pressed=true]{background:var(--yellow);color:var(--ink)}.viewer-close{border:var(--line);background:var(--paper);width:56px;height:56px;color:var(--ink);font:800 var(--t-20) / 1 var(--f-display);cursor:pointer;border-radius:50%;place-items:center;display:grid}.viewer-stage{grid-template-columns:56px minmax(0,1fr) 56px;align-items:center;gap:1rem;min-height:0;display:grid}.viewer-nav{border:var(--line);background:var(--yellow);width:56px;height:56px;color:var(--ink);box-shadow:0 4px 0 var(--ink);cursor:pointer;border-radius:50%;place-items:center;display:grid}.viewer-nav .icon{width:26px;height:26px}.viewer-figure{gap:.75rem;width:min(100%,160dvh - 24rem);margin:0 auto;display:grid}.viewer-figure .shot-frame{border:var(--line);background:var(--paper);border-radius:12px;overflow:hidden}.shot-bar{border-bottom:var(--line);background:var(--paper);color:var(--ink);font:700 var(--t-14) / 1.2 var(--f-body);align-items:center;gap:.35rem;padding:.45rem .7rem;display:flex}.shot-bar i{border:2px solid var(--ink);border-radius:50%;width:.6rem;height:.6rem}.shot-bar span{margin-left:.4rem}.shot-zoom{touch-action:none;cursor:zoom-in;user-select:none;overflow:hidden}.shot-zoom[data-zoomed=true]{cursor:grab}.shot-zoom img{aspect-ratio:16/10;width:100%;height:auto;transition:transform .15s;display:block}.viewer-figure figcaption{font-size:var(--t-18);line-height:1.45}.viewer-look{background:var(--yellow);color:var(--ink);border-radius:999px;margin-right:.4rem;padding:.1rem .6rem;display:inline-block}@media (width<=899px){.dock-panel .svc-tabs{flex-wrap:nowrap;overflow-x:auto}.dock-panel .svc-tabs .btn{flex:none}.dock-panel .eng-hero{padding:.6rem .9rem}.dock-panel .eng-hero .eng-meta,.dock-panel .eng-hero .eng-line{display:none}.dock-panel .eng-num b{font-size:var(--t-34)}.dock-panel.room[aria-label=Work] .panel-body{max-height:52dvh}dialog.viewer{padding:.6rem}.viewer-filters{order:3;width:100%;margin-left:0}.viewer-close{margin-left:auto}.viewer-stage{grid-template-columns:1fr 1fr;align-content:start}.viewer-figure{grid-area:1/1/auto/-1;width:100%}.viewer-nav:first-child{grid-area:2/1;justify-self:start}.viewer-nav:last-child{grid-area:2/2;justify-self:end}}.scenes{grid-template-columns:repeat(3,1fr);gap:.4rem;margin:.6rem 0 0;padding:0;list-style:none;display:grid}.scenes button{border:2.5px solid var(--ink);background:var(--paper);width:100%;height:100%;min-height:44px;color:var(--ink);font:700 var(--t-14) / 1.25 var(--f-body);text-align:left;cursor:pointer;border-radius:12px;padding:.4rem .5rem}.scenes button b{font-family:var(--f-display);margin-right:.15rem}.scenes button[aria-pressed=true]{background:var(--yellow);box-shadow:0 3px 0 var(--ink)}.svc-headline{font-size:var(--t-26);margin-top:1.25rem;line-height:1.15}.svc-cards{gap:.9rem;margin-top:1rem;display:grid}.svc-card{border:var(--line);background:var(--paper);box-shadow:0 4px 0 var(--ink);color:var(--ink);text-align:left;font:inherit;cursor:pointer;border-radius:16px;padding:0;transition:translate .15s,box-shadow .15s;display:grid;overflow:hidden}.svc-card:hover{box-shadow:0 6px 0 var(--ink);translate:0 -2px}.svc-card-top{border-bottom:var(--line);background:var(--c);color:var(--paper);font:800 var(--t-18) / 1.2 var(--f-display);padding:.5rem .9rem}.svc-card[style*=\#F2DC5D] .svc-card-top{color:var(--ink)}.svc-card-top b{border:2px solid;border-radius:8px;margin-right:.3rem;padding:.05rem .45rem}.svc-card-body{gap:.45rem;padding:.8rem .9rem .9rem;display:grid}.svc-card-body strong{font:800 var(--t-20) / 1.15 var(--f-display)}.svc-stat{border:2px solid var(--ink);background:var(--cream);font-size:var(--t-14);border-radius:10px;padding:.45rem .6rem}.svc-stat b{font:800 var(--t-20) / 1 var(--f-display);margin-right:.2rem}.svc-go{color:var(--blue);align-items:center;gap:.35rem;font-weight:700;display:inline-flex}.stat-tiles{grid-template-columns:repeat(3,1fr);gap:.6rem;margin:.5rem 0 0;padding:0;list-style:none;display:grid}.stat-tiles li{border:2.5px solid var(--ink);background:var(--paper);box-shadow:0 3px 0 var(--ink);font-size:var(--t-14);border-radius:14px;align-content:start;gap:.35rem;padding:.7rem;line-height:1.3;display:grid}.stat-tiles li:first-child{background:var(--yellow)}.stat-tiles b{font:800 var(--t-26) / 1 var(--f-display)}.steps.how p{margin-top:.2rem}.how-check{font-size:var(--t-14);color:#4a4e6a}.how-check span{color:var(--ink);font-weight:700}.note{background:var(--cream);border:2px solid var(--ink);border-radius:12px;margin-top:1rem;padding:.7rem .9rem}.receipt{margin:.5rem 0 0}.receipt img{border:var(--line);border-radius:12px;width:100%;height:auto;display:block}.receipt figcaption{font-size:var(--t-14);margin-top:.5rem}@media (width<=899px){.stat-tiles{grid-template-columns:1fr}.stat-tiles li{grid-template-columns:auto 1fr;align-items:center;gap:.6rem}.scenes{grid-template-columns:1fr}}.svc-tabs{flex-wrap:wrap;gap:.5rem;display:flex}.svc-tabs .btn{min-height:48px;font-size:var(--t-14)}.svc-tabs .btn[aria-pressed=true]{background:var(--ink);color:var(--paper)}.block{border-top:2.5px dashed var(--ink);margin-top:1.5rem;padding-top:1.25rem}.block h3{font-size:var(--t-20);margin-bottom:.5rem}.mute{color:#4a4e6a}.grid2{grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.75rem;display:grid}.thumb{border:2.5px solid var(--ink);background:var(--paper);text-align:left;color:var(--ink);font:700 var(--t-14) / 1.25 var(--f-body);cursor:pointer;border-radius:14px;gap:.4rem;padding:.5rem;display:grid}.thumb[aria-pressed=true]{background:var(--yellow)}.thumb img{aspect-ratio:16/10;object-fit:cover;object-position:top;border:2px solid var(--ink);border-radius:8px}.thumb .poster small{font:700 var(--t-14) / 1.2 var(--f-body);opacity:.9;margin-top:.3rem;display:block}.thumb>span small{font-weight:400;display:block}.thumb .poster{text-align:center;aspect-ratio:16/10;border:2px solid var(--ink);background:var(--blue);color:#fff;font:800 var(--t-26) / 1 var(--f-display);border-radius:8px;align-content:center;place-items:center;padding:.5rem;display:grid}.steps{counter-reset:s;gap:.9rem;margin:.75rem 0 0;padding:0;list-style:none;display:grid}.steps li{counter-increment:s;grid-template-columns:2.25rem 1fr;gap:.75rem;display:grid}.steps li:before{content:counter(s);border:var(--line);background:var(--blue);color:#fff;width:2.25rem;height:2.25rem;font:800 var(--t-18) / 1 var(--f-display);border-radius:50%;place-items:center;display:grid}.field{gap:.35rem;margin-top:.9rem;display:grid}.field label{font-weight:700}.field input,.field select,.field textarea{border:var(--line);min-height:48px;color:var(--ink);font:400 var(--t-18) / 1.4 var(--f-body);background:#fff;border-radius:12px;padding:.6rem .8rem}.ticket{border:3px dashed var(--ink);white-space:pre-wrap;border-radius:14px;margin-top:1rem;padding:1rem}details.faq{border-top:2px solid var(--ink);padding:.6rem 0}details.faq summary{cursor:pointer;align-items:center;min-height:44px;font-weight:700;display:flex}.compare{position:relative;overflow:hidden}.compare img:last-child{height:100%;clip-path:inset(0 0 0 var(--cut,50%));position:absolute;inset:0}.compare input{width:100%}.classic{max-width:52rem;padding:calc(var(--bar) + 2rem) 1rem 6rem;gap:3rem;margin:0 auto;display:grid}.classic .panel{padding:2rem 1.75rem 1.75rem}.classic h1{font-size:var(--t-48)}@media (width<=899px){:root{--tabbar:calc(64px + .6rem + env(safe-area-inset-bottom))}.nav,.rail,.logo-text{display:none}.logo{padding:0 .4rem}.tools{margin-left:auto}.dock-panel,.dock-panel.room{top:auto;left:.6rem;right:.6rem;bottom:calc(var(--tabbar) + .6rem);width:auto}.panel-body{max-height:46dvh;padding:1.4rem 1.1rem 1.1rem}.dock-panel.left,.dock-panel.right{left:.6rem;right:.6rem}.tabbar{z-index:30;left:.6rem;right:.6rem;bottom:calc(.6rem + env(safe-area-inset-bottom));border:var(--line);background:var(--paper);height:64px;box-shadow:0 4px 0 var(--ink);border-radius:999px;grid-template-columns:repeat(5,1fr);gap:.2rem;padding:.3rem;display:grid;position:fixed}.tabbar button{color:var(--ink);font:800 .72rem / 1 var(--f-display);cursor:pointer;background:0 0;border:0;border-radius:999px;align-content:center;place-items:center;gap:.15rem;display:grid}.tabbar button[aria-current=true]{background:var(--yellow)}.panel h1,.panel h2{font-size:var(--t-26)}.room-actions{flex-wrap:nowrap;gap:.5rem;bottom:-1.1rem}.room-actions .btn{min-height:48px;font-size:var(--t-14);padding:0 .8rem}.grid2{grid-template-columns:1fr 1fr}}body.page{min-height:100dvh}.page-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:60rem;margin:0 auto;padding:1rem;display:flex}.page-bar .logo{color:var(--ink);text-decoration:none}.page-nav{flex-wrap:wrap;gap:.25rem;display:flex}.page-nav a{min-height:48px;color:var(--ink);font:800 var(--t-16) / 1 var(--f-display);border-radius:999px;align-items:center;padding:0 .9rem;text-decoration:none;display:inline-flex}.page-nav a:hover{background:var(--paper)}.page-main{grid-template-columns:minmax(0,1fr);gap:1.5rem;max-width:52rem;margin:0 auto;padding:0 1rem 2rem;display:grid}.page-panel{padding:1.75rem 1.5rem}.page-panel h1{font-size:clamp(2rem, 5vw, var(--t-48));line-height:1.08}.page-panel h2{font-size:var(--t-34);line-height:1.15}.page-panel>*+*{margin-top:1rem}.page-panel a:not(.btn){color:var(--ink);text-decoration-color:var(--blue);text-underline-offset:3px;text-decoration-thickness:2px}.crumbs{font-size:var(--t-14);font-weight:700}.crumbs a{color:var(--ink)}.copy h2{margin-top:2.5rem}.copy h2:first-child{margin-top:0}.copy h3{font-size:var(--t-20);margin-top:1.5rem}.copy p,.copy ul,.copy ol,.copy table{margin-top:1rem}.copy ul,.copy ol{padding-left:1.25rem}.copy li+li{margin-top:.4rem}.copy table{border-collapse:collapse;font-size:var(--t-14);background:#fff;display:block;overflow-x:auto}.copy th,.copy td{border:2px solid var(--ink);text-align:left;vertical-align:top;min-width:8rem;padding:.6rem .8rem}.copy th{background:var(--yellow)}.page-shots{grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),1fr));gap:1.25rem;display:grid}.page-shot{align-content:start;gap:.6rem;margin:0;display:grid}.page-shot-frame{border:var(--line);background:var(--paper);border-radius:12px;overflow:hidden}.page-shot-frame img{aspect-ratio:16/10;width:100%;height:auto;display:block}.page-shot figcaption{font-size:var(--t-14);line-height:1.45}.page-facts{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:1rem;margin:1.25rem 0 0;display:grid}.page-facts dt{font-size:var(--t-14);color:#4a4e6a}.page-facts dd{margin:.2rem 0 0;font-weight:700}.page-foot{text-align:center;font-size:var(--t-14);padding:1rem 1rem 3rem}.page-foot a{color:var(--ink)}.guide{z-index:26;pointer-events:none;opacity:1;transition:opacity .3s;animation:.4s .6s both guide-in;position:fixed;top:0;left:0}.guide[data-on=false]{opacity:0}.guide-hand{display:block;position:absolute;top:0;left:0}.guide svg{filter:drop-shadow(0 3px 0 var(--ink));display:block;overflow:visible}.guide path,.guide rect{fill:var(--paper);stroke:var(--ink);stroke-width:2.5px;stroke-linejoin:round}.guide-label{border:2.5px solid var(--ink);background:var(--yellow);box-shadow:0 4px 0 var(--ink);font:800 var(--t-16) / 1.2 var(--f-display);white-space:nowrap;border-radius:999px;padding:.45rem .9rem;position:absolute;top:2.75rem}.guide[data-kind=tap] .guide-hand{animation:2.4s ease-in-out infinite guide-glide}.guide-ring{border:3px solid var(--yellow);opacity:0;border-radius:50%;width:28px;height:28px;animation:2.4s ease-out infinite guide-ring;position:absolute;top:-14px;left:-14px}.guide:is([data-kind=scroll],[data-kind=swipe]) .guide-in{align-items:center;gap:.6rem;display:flex;position:absolute;top:1rem}.guide:is([data-kind=scroll],[data-kind=swipe]) :is(.guide-hand,.guide-label){position:static}.guide-wheel{stroke:var(--ink);stroke-width:4px;stroke-linecap:round;animation:1.4s ease-in-out infinite guide-wheel}.guide-finger{border:3px solid var(--ink);background:var(--paper);width:34px;height:34px;box-shadow:0 3px 0 var(--ink);border-radius:50%;animation:1.6s ease-in-out infinite guide-swipe;display:block}@keyframes guide-in{0%{opacity:0;scale:.6}}@keyframes guide-glide{0%{opacity:0;translate:70px 60px}15%{opacity:1}45%,55%{translate:0;scale:1}50%{scale:.85}85%{opacity:1;translate:0}to{opacity:0;translate:0}}@keyframes guide-ring{0%,48%{opacity:0;scale:.4}52%{opacity:1}90%,to{opacity:0;scale:2.4}}@keyframes guide-wheel{0%{opacity:0;translate:0 -2px}30%{opacity:1}to{opacity:0;translate:0 12px}}@keyframes guide-swipe{0%{opacity:0;translate:0 40px}20%{opacity:1}80%{opacity:1;translate:0 -40px}to{opacity:0;translate:0 -40px}}.player{perspective:1200px;animation:.6s cubic-bezier(.2,.9,.3,1.2) 1.6s both card-deal}@keyframes card-deal{0%{opacity:0;transform:translateY(48px)rotateY(-100deg)rotate(-6deg)}to{opacity:1;transform:none}}.player-card{--rx:0deg;--ry:0deg;--mx:50%;--holo:0;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .6s cubic-bezier(.3,.7,.3,1);display:grid}.player-card[data-back=true]{transform:rotateX(var(--rx)) rotateY(calc(var(--ry) + 180deg))}.card-face{border:4px solid var(--ink);background:var(--paper);box-shadow:inset 0 0 0 6px var(--yellow), inset 0 0 0 8px var(--ink), 0 6px 0 var(--ink);-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:22px;grid-area:1/1;padding:.75rem;position:relative;overflow:hidden}.card-front{padding-top:.75rem}.card-back{padding:1.1rem 1.1rem 1.25rem;transform:rotateY(180deg)}.card-front:after{content:"";border-radius:inherit;background:linear-gradient(115deg, transparent calc(var(--mx) - 30%), #f2dc5d8c calc(var(--mx) - 12%), #8fe3d28c var(--mx), #8db4dc80 calc(var(--mx) + 12%), transparent calc(var(--mx) + 30%));mix-blend-mode:overlay;opacity:calc(var(--holo) * .9);pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.card-photo{border:3px solid var(--ink);aspect-ratio:16/11;background:var(--blue);border-radius:14px;margin:.35rem .35rem 0;position:relative;overflow:hidden}.card-photo img{object-fit:cover;object-position:50% 42%;width:100%;height:100%;display:block}.card-flip{border:2.5px solid var(--ink);background:var(--paper);min-height:40px;color:var(--ink);font:800 var(--t-14) / 1 var(--f-display);cursor:pointer;border-radius:999px;align-items:center;gap:.35rem;padding:0 .8rem;display:inline-flex}.card-photo .card-flip{position:absolute;top:.5rem;right:.5rem}.card-name{font:800 30px / 1.1 var(--f-display);margin:.75rem .5rem 0}.card-title{background:var(--ink);color:var(--paper);font:800 var(--t-14) / 1.2 var(--f-display);border-radius:999px;margin:.4rem .5rem 0;padding:.3rem .8rem;display:inline-block}.card-rows,.card-stats{gap:.3rem;margin:.7rem .5rem 0;display:grid}.card-rows div,.card-stats div{grid-template-columns:6.5rem 1fr;align-items:baseline;gap:.5rem;display:grid}.card-rows dt,.card-stats dt{font:800 var(--t-14) / 1.3 var(--f-display);color:var(--blue);text-transform:uppercase;letter-spacing:.03em}.card-rows dd,.card-stats dd{font-size:var(--t-16);margin:0;line-height:1.35}.card-stats{border:2.5px solid var(--ink);background:var(--cream);border-radius:14px;padding:.6rem .7rem}.card-stats b{font:800 var(--t-20) / 1 var(--f-display)}.card-h{font:800 var(--t-14) / 1 var(--f-display);text-transform:uppercase;letter-spacing:.04em;color:var(--blue);margin:.9rem .5rem .45rem}.card-face .chips{gap:.35rem;margin:0 .5rem}.card-face .chip{min-height:30px;padding:.15rem .65rem}.card-actions{margin:1rem .5rem 0}.card-email{font:700 var(--t-16) / 1.3 var(--f-body);-webkit-user-select:all;user-select:all;margin:.6rem .5rem .3rem}.card-back-top{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.card-back .card-name{margin:0}.card-back p{font-size:var(--t-16);margin-top:.6rem}.card-back .card-h{margin-inline:0}.card-steps{counter-reset:step;gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.card-steps li{counter-increment:step;font-size:var(--t-14);grid-template-columns:2rem 1fr;column-gap:.6rem;line-height:1.4;display:grid}.card-steps li:before{content:counter(step);border:2.5px solid var(--ink);background:var(--yellow);width:2rem;height:2rem;font:800 var(--t-14) / 1 var(--f-display);border-radius:50%;grid-row:span 2;place-items:center;display:grid}.card-steps b{font:800 var(--t-16) / 1.3 var(--f-display)}@media (prefers-reduced-motion:reduce){.player{animation:none}.player-card{transition:none}}.toast{z-index:27;top:calc(var(--bar) + 3.25rem);border:var(--line);background:var(--paper);max-width:min(26rem,100vw - 2rem);box-shadow:var(--shadow);text-align:center;border-radius:20px;justify-items:center;gap:.15rem;padding:.8rem 1.4rem .9rem;animation:.35s cubic-bezier(.2,.9,.3,1.3) both toast-in;display:grid;position:fixed;left:calc(50vw - min(460px,46vw)/2 - 1.5rem);translate:-50%}.toast b{font:800 var(--t-40) / 1 var(--f-display)}.toast span{font:700 var(--t-18) / 1.3 var(--f-body)}.toast small{font-size:var(--t-14);color:var(--road)}@keyframes toast-in{0%{opacity:0;transform:translateY(-12px)scale(.92)}}.bubble{border:var(--line);background:var(--paper);width:max-content;max-width:15rem;box-shadow:0 4px 0 var(--ink);font:700 var(--t-16) / 1.3 var(--f-body);color:var(--ink);text-align:center;border-radius:16px;margin:0;padding:.6rem .9rem;animation:.3s both toast-in;position:relative}.bubble:after{content:"";border-right:var(--line);border-bottom:var(--line);background:var(--paper);width:18px;height:18px;position:absolute;bottom:-12px;left:50%;translate:-50%;rotate:45deg}@media (width<=899px){.toast{left:50%;top:calc(var(--bar) + .4rem);text-align:left;grid-template-columns:auto 1fr;justify-items:start;column-gap:.75rem;width:calc(100vw - 1.2rem);padding:.5rem .9rem}.toast b{font-size:var(--t-34);grid-row:span 2}.toast span{font-size:var(--t-16)}.card-name{font-size:26px}}