@charset "UTF-8";
:root{--paper:#f5f2f8;--ink:#303d35;--muted:#696373;--line:#d8d0e0;--olive:#48654a;--soft:#e0ecd8;--sage:#d4e7c9;--lavender:#e7dbf3;--violet:#705387;--serif:Georgia,'Times New Roman',serif;color-scheme:light;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--violet);outline-offset:5px}[hidden]{display:none!important}h1:focus,h2:focus{outline:none}.shell{max-width:1256px;margin:auto;padding:0 max(48px,env(safe-area-inset-right)) 0 max(48px,env(safe-area-inset-left));min-height:100svh;display:flex;flex-direction:column}.masthead{min-height:123px;padding-top:env(safe-area-inset-top);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:19px;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:2px}.brand-mark{font-family:var(--serif);font-size:47px;letter-spacing:-5px;font-weight:400;line-height:1}.brand-mark span{color:var(--violet);font-size:27px;letter-spacing:0}.brand-caption{display:block;letter-spacing:1.6px;font-size:8px;font-weight:400;margin-top:8px}.header-note{font-size:9px;letter-spacing:1.5px;display:flex;align-items:center;gap:9px}.header-note i,.status-dot{height:6px;width:6px;background:var(--olive);border-radius:50%;display:inline-block}.chapter-bar{display:flex;align-items:center;justify-content:space-between;padding:28px 0 0;font-size:9px;letter-spacing:1.7px;color:var(--muted)}.steps{display:flex;align-items:center;gap:5px}.steps i{height:3px;width:19px;background:var(--line)}.steps i.current{background:var(--olive)}#step-number{margin-left:10px;font-size:9px;letter-spacing:1px}.scene{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;align-items:center;min-height:640px;padding:44px 0 48px;animation:enter .28s ease both}.story{min-width:0}.eyebrow{display:block;font-size:10px;letter-spacing:1.7px;line-height:1.5}.little-star{font-size:18px;vertical-align:middle;margin-right:7px}h1{font-family:var(--serif);font-size:clamp(44px,4.6vw,65px);font-weight:400;line-height:1.04;letter-spacing:-2.6px;margin:26px 0}h1 em{font-weight:400;color:var(--violet)}.intro{font-size:14px;color:var(--muted);line-height:1.85;margin:0 0 30px}.button{min-height:52px;border-radius:5px;border:1px solid var(--line);padding:15px 21px;display:inline-flex;align-items:center;justify-content:space-between;gap:34px;font-size:13px;line-height:1.35;transition:background .15s,transform .15s;max-width:100%;text-align:left}.button:active{transform:scale(.98)}.primary{background:var(--sage);border-color:#8ea581;color:var(--ink)}.primary:hover{background:#c4dcb7}.secondary{background:var(--lavender);border-color:#baa5cd;color:#4f3b62}.secondary:hover{background:#dbcbed}.button:disabled{cursor:wait;opacity:.65}.micro{font-size:8px;letter-spacing:1.25px;color:var(--muted);margin-top:19px;line-height:1.7}.art{position:relative;display:flex;align-items:center;justify-content:center;min-width:0}.welcome-art{align-self:stretch;flex-direction:column;justify-content:center}.place-setting{width:112%;max-width:500px;height:auto}.stamp{background:var(--lavender);position:absolute;right:9px;top:12px;width:104px;height:104px;border:1px solid #aa94bc;border-radius:50%;transform:rotate(13deg);display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:9px;letter-spacing:2px;color:var(--olive)}.stamp b{font-family:var(--serif);font-weight:400;font-size:30px;line-height:1.3;letter-spacing:0}.stamp span{font-size:5px;letter-spacing:.6px}.art-caption{font-size:7px;letter-spacing:1.1px;color:var(--muted);text-align:center;margin-top:0}.footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:82px;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);font-size:8px;letter-spacing:1.1px;color:var(--muted)}.footer-divider{margin:0 12px;color:#aaa}.text-button{border:0;background:transparent;color:var(--muted);min-height:44px;padding:10px 0;font-size:11px;text-decoration:underline;text-underline-offset:4px;display:block}.text-button:hover{color:var(--ink)}.privacy-button{font-size:9px;white-space:nowrap;text-decoration:none}.privacy-note{font-size:12px;color:var(--muted);line-height:1.7;max-width:620px;margin:0 0 25px}.specs{margin:25px 0 24px;max-width:370px}.specs>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:9px 0;font-size:12px}.specs span{color:var(--muted)}.specs strong{font-weight:400;text-align:right}.question{font-size:14px;margin:0 0 15px}.answer-area{max-width:370px}.answer-area .primary{width:100%;transition:font-size .2s,background .2s}.no-arena{height:64px;position:relative;margin-top:6px}.no-arena .button{position:absolute;left:0;top:6px;min-height:44px;min-width:95px;padding:10px 22px;justify-content:center;transition:left .2s,transform .2s,font-size .2s}.no-arena .button:hover{background:#dbcbed}.exit-button{font-size:10px;margin-top:-3px}.chef-card{background:var(--soft);border:1px solid #b4c7a8;width:330px;min-height:383px;transform:rotate(3deg);padding:33px;text-align:center;box-shadow:4px 10px 25px #29392d06}.credential-star{font-size:73px;line-height:1;display:block;color:var(--olive);margin:27px 0 17px}.chef-card p,.menu-note p{font-family:var(--serif);font-size:32px;line-height:1.25;font-weight:400;margin:0 0 28px;letter-spacing:-.8px}.chef-card p em,.menu-note p em{color:var(--violet)}.card-footnote{font-size:7px;letter-spacing:1.2px;line-height:1.6;display:block}.reaction-card{width:330px;background:var(--lavender);text-align:center;border:1px solid #c1aed2;padding:26px;transform:rotate(-3deg);animation:sticker .25s ease both}.reaction-card img{width:190px;height:200px;object-fit:cover;border-radius:4px;display:block;margin:23px auto 17px;filter:saturate(.65)}.reaction-card p{font-family:var(--serif);font-size:25px;line-height:1.18;margin:10px 0 18px}.choices{padding:0;margin:25px 0 0;border:0;max-width:425px}.choices legend{font-size:12px;line-height:1.7;color:var(--muted);padding:0;margin-bottom:16px}.choices label{display:flex;gap:12px;align-items:center;border:1px solid var(--line);padding:17px;margin-bottom:10px;border-radius:5px;cursor:pointer;position:relative}.choices label:has(:checked){background:var(--soft);border-color:#7a946c}.choices input{position:absolute;opacity:0;width:1px;height:1px}.choices label:has(:focus-visible){outline:3px solid var(--violet);outline-offset:3px}.choices span{flex:1}.choices strong{font-size:13px;font-weight:500;display:block}.choices small{font-size:11px;color:var(--muted);display:block;margin-top:6px;line-height:1.4}.choices i{width:17px;height:17px;border:1px solid #8c8198;border-radius:50%;flex-shrink:0}.choices :checked~i{border:5px solid var(--olive);background:var(--paper)}.form-message{font-size:12px;line-height:1.5;color:#80503f;min-height:18px;margin:11px 0}.menu-note{width:310px;text-align:center;background:#eee5f6;border-top:1px solid #b8a6ca;border-bottom:1px solid #b8a6ca;padding:35px 15px}.menu-number{font-family:var(--serif);font-size:100px;line-height:1.2;letter-spacing:-8px;display:block;font-weight:400;margin:6px 0;color:var(--violet)}.menu-note hr{border:0;border-top:1px solid var(--line);width:45px;margin:30px auto}.menu-note p{font-size:28px}.receipt-note{font-size:13px;line-height:1.85;color:var(--muted);margin-bottom:30px}.ticket{background:#f4f8ef;border:1px solid #b8c8ad;padding:29px;width:345px;transform:rotate(2deg);box-shadow:0 14px 24px #29392d09}.ticket-top{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.6px}.ticket-top>span:last-child{font-size:24px;color:var(--olive)}.ticket h2{font:400 36px var(--serif);letter-spacing:-1px;margin:30px 0 8px}.ticket-sub{font-size:10px;color:var(--muted);margin-bottom:25px}.ticket dl{font-size:11px;line-height:1.6;margin:0}.ticket dl div{display:flex;justify-content:space-between;gap:15px;margin:13px 0}.ticket dt{color:var(--muted)}.ticket dd{margin:0;text-align:right}.ticket-total{display:flex;align-items:center;justify-content:space-between;border-top:1px dashed #bbcbaa;border-bottom:1px dashed #bbcbaa;padding:20px 0;margin-top:24px;font-size:10px;letter-spacing:1px}.ticket-total strong{font:400 42px var(--serif);letter-spacing:-2px}.ticket-total strong span{font-size:25px;color:var(--muted)}.ticket-bottom{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-top:25px;font-size:6px;line-height:1.8;letter-spacing:.6px}.ticket-bottom b{font-weight:400}.barcode{display:block;height:27px;width:91px;background:repeating-linear-gradient(90deg,#586e4c 0 1px,transparent 1px 4px,#586e4c 4px 7px,transparent 7px 9px,#586e4c 9px 11px,transparent 11px 15px)}.exit-scene{grid-template-columns:1fr}.copy-fallback{font-size:13px;line-height:1.7;user-select:all}.noscript{padding:20px;background:var(--soft)}
.host-shell{max-width:1000px}.host-title{font-size:48px;margin-top:45px}.host-intro{font-size:14px;color:var(--muted);line-height:1.7}.host-login{max-width:440px;margin:20px 0 50px}.host-login label{display:block;font-size:12px;margin-bottom:10px}.host-login input{width:100%;min-height:50px;border:1px solid var(--line);background:#fcfaff;border-radius:5px;padding:12px;font-size:16px;margin-bottom:14px}.host-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:25px 0}.host-toolbar p{font-size:11px;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat{border:1px solid var(--line);padding:22px 18px;background:#f9f6fc}.stat strong{font:40px var(--serif);display:block;margin-bottom:7px}.stat span{font-size:10px;color:var(--muted)}.session{border:1px solid var(--line);border-radius:5px;background:#f9f6fc;margin-bottom:15px;padding:20px}.session summary{cursor:pointer;display:flex;justify-content:space-between;gap:15px;list-style:none;align-items:center;min-height:44px}.session summary strong{font-size:13px}.session summary small{display:block;font-size:11px;color:var(--muted);margin-top:8px}.badge{display:inline-block;border:1px solid #b4c7a8;background:var(--sage);padding:7px 10px;border-radius:20px;font-size:10px;white-space:nowrap}.session ol{padding-left:20px;margin-top:22px}.session li{font-size:12px;line-height:1.7;padding:8px 0;border-top:1px solid var(--line)}.session time{font-size:10px;color:var(--muted);margin-left:10px}.empty-state{padding:55px 20px;text-align:center;border:1px dashed var(--line);font:26px var(--serif)}.host-footer{margin-top:30px;font-size:11px;color:var(--muted);line-height:1.8}
.reaction-card img{object-fit:contain;filter:none}.success-sticker{display:flex;align-items:center;gap:18px;margin:0 0 24px}.success-sticker img{width:72px;height:84px;object-fit:contain;border-radius:4px}.success-sticker p{font-family:var(--serif);font-size:20px;line-height:1.3;margin:0;color:var(--ink)}
@keyframes enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes sticker{from{opacity:0;transform:rotate(-3deg) scale(.95)}to{opacity:1;transform:rotate(-3deg) scale(1)}}
@media(min-width:1400px){.shell{max-width:1320px}.scene{min-height:710px;gap:80px}.place-setting{max-width:520px}}
@media(max-width:800px){.shell{padding:0 max(24px,env(safe-area-inset-right)) 0 max(24px,env(safe-area-inset-left))}.masthead{min-height:95px}.brand{font-size:10px;gap:13px;letter-spacing:1.5px}.brand-mark{font-size:40px}.brand-caption{font-size:6px;letter-spacing:1px}.header-note{font-size:7px;letter-spacing:1px}.scene{gap:20px;min-height:600px}h1{font-size:44px;letter-spacing:-1.8px}.chef-card,.reaction-card{width:270px;padding:25px 20px}.ticket{width:285px;padding:24px}.intro{font-size:13px}.menu-note{width:250px}.stamp{width:86px;height:86px;right:0;top:48px}}
@media(max-width:600px){.shell{padding:0 max(22px,env(safe-area-inset-right)) 0 max(22px,env(safe-area-inset-left))}.masthead{min-height:88px}.brand-caption{font-size:6px}.header-note{max-width:76px;line-height:1.7;font-size:7px;letter-spacing:.8px}.header-note i{flex-shrink:0;width:5px;height:5px}.chapter-bar{padding-top:21px;font-size:8px;letter-spacing:1.3px}.steps i{width:13px}#step-number{font-size:8px}.scene{display:flex;flex-direction:column;align-items:stretch;gap:15px;min-height:0;padding:25px 0 26px}.story{width:100%}h1{font-size:clamp(39px,10.5vw,53px);line-height:1.04;letter-spacing:-1.9px;margin:20px 0}.eyebrow{font-size:8px;letter-spacing:1.5px}.intro{font-size:13px;line-height:1.8;margin-bottom:24px}.button{font-size:13px;min-height:52px}.story>.primary{width:100%}.micro{font-size:7px;text-align:center;margin:15px 0 0;letter-spacing:.9px}.welcome-art{order:-1;height:165px;align-self:auto;overflow:visible;margin:0 0 5px}.place-setting{height:200px;width:230px}.stamp{height:70px;width:70px;right:calc(50% - 149px);top:2px;font-size:6px;letter-spacing:1px}.stamp b{font-size:24px}.stamp span{font-size:4px}.art-caption{display:none}.little-star{font-size:14px}.footer{min-height:69px;font-size:6px;line-height:1.7;letter-spacing:.7px;gap:15px}.footer>span{max-width:205px}.footer-divider{margin:0 5px}.privacy-button{font-size:8px;white-space:normal;text-align:right;max-width:87px}.privacy-note{font-size:11px}.specs{margin:20px 0;max-width:none}.specs>div{font-size:11px;padding:9px 0}.question{font-size:13px}.answer-area{max-width:none}.reaction-art{order:-1}.chef-card{width:100%;min-height:0;transform:none;padding:13px 17px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left}.chef-card>.eyebrow{font-size:7px;max-width:90px}.credential-star{font-size:34px;margin:0;order:-1}.chef-card p{font-size:16px;line-height:1.2;margin:0;letter-spacing:0}.chef-card .card-footnote{display:none}.reaction-card{width:100%;padding:12px 15px;transform:rotate(-1deg);display:grid;grid-template-columns:78px 1fr;column-gap:17px;text-align:left;animation:enter .2s ease both}.reaction-card img{grid-column:1;grid-row:1/4;width:78px;height:82px;margin:0}.reaction-card>.eyebrow{font-size:6px;letter-spacing:1px;align-self:end}.reaction-card p{font-size:20px;line-height:1.1;margin:7px 0}.reaction-card .card-footnote{font-size:5px;letter-spacing:.7px}#availability .art{display:none}.choices{max-width:none;margin-top:10px}.choices label{padding:16px}.choices legend{font-size:11px}#receipt{gap:25px}#receipt .art{order:1}.ticket{width:100%;max-width:355px;padding:24px;transform:rotate(1deg)}#receipt .story>.button{width:100%}#receipt h1{margin-top:17px}.receipt-note{font-size:12px;margin-bottom:22px}.ticket h2{margin-top:20px;font-size:32px}.ticket dl div{margin:9px 0}.ticket-total{padding:13px 0;margin-top:17px}.ticket-bottom{margin-top:17px}.exit-scene{padding-top:70px;padding-bottom:80px}.host-title{font-size:40px}.stats{grid-template-columns:repeat(2,1fr);gap:10px}.stat{padding:17px}.stat strong{font-size:34px}.session{padding:15px}.session summary{align-items:flex-start}.session time{display:block;margin-left:0}.host-toolbar{align-items:flex-start}.host-toolbar p{line-height:1.7;max-width:220px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}