@font-face{font-family:"Geist";font-style:normal;font-weight:100 900;font-display:swap;src:url("fonts/geist-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Geist";font-style:normal;font-weight:100 900;font-display:swap;src:url("fonts/geist-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Geist Mono";font-style:normal;font-weight:100 900;font-display:swap;src:url("fonts/geist-mono-latin.woff2") format("woff2")}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
body{margin:0;font:16px/1.6 "Geist",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg{display:block;max-width:100%}
a{color:inherit}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:8px;z-index:100;padding:8px 14px;border-radius:8px}
.skip:focus{left:8px}
.icon{width:1.15em;height:1.15em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.wrap{width:min(1120px,100% - 32px);margin-inline:auto}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:6px}
.top{position:sticky;top:0;z-index:40}
.top-in{display:flex;align-items:center;gap:16px;min-height:64px}
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;font-size:18px;white-space:nowrap}
.brand svg.logo{width:32px;height:32px}
.nav{display:flex;gap:4px;margin-left:auto}
.nav a{padding:8px 12px;border-radius:8px;text-decoration:none;font-weight:500;font-size:15px}
.top-r{display:flex;gap:6px;align-items:center}
.iconbtn{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:10px;border:1px solid transparent;background:transparent;color:inherit;cursor:pointer}
.theme-toggle .icon:last-child{display:none}
.dark .theme-toggle .icon:first-child{display:none}.dark .theme-toggle .icon:last-child{display:block}
.menu-toggle{display:none}
@media (max-width:760px){.menu-toggle{display:inline-grid}.nav{display:none;position:absolute;left:0;right:0;top:64px;flex-direction:column;padding:10px 16px 16px;margin:0}.nav.open{display:flex}.top-r{margin-left:auto}}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:12px;border:0;font:inherit;font-weight:650;text-decoration:none;cursor:pointer}
.btn-s{min-height:34px;padding:0 12px;border-radius:9px;font-size:14px}
.f-l{display:block;font-weight:650;margin:14px 0 6px}
.f-i{width:100%;min-height:48px;padding:0 14px;font:inherit;font-size:17px;border-radius:12px}
.f-room{margin:10px 0 14px;font-size:14px}
.f-hint{font-size:13px;margin:12px 0 0}
.form-msg{min-height:0;margin:8px 0 0;font-size:14px}
.form-msg:empty{display:none}
.btn-go{width:100%;min-height:52px;font-size:17px}
.sdot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#9a9a9a;margin-right:6px;vertical-align:1px}
.sdot.ok{background:#22a35a;box-shadow:0 0 0 3px rgba(34,163,90,.2)}.sdot.down{background:#d9443b}
.foot{margin-top:72px}
.foot-in{display:grid;gap:14px;padding:36px 0 40px}
.foot-brand{display:flex;align-items:center;gap:12px}.foot-brand p{margin:0}
.foot-brand svg.logo{width:36px;height:36px}
.foot-nav{display:flex;flex-wrap:wrap;gap:6px 18px}
.foot-nav a{text-decoration:none;font-weight:500}.foot-nav a:hover{text-decoration:underline}
.foot-net,.foot-c{margin:0;font-size:14px}
code{font-family:"Geist Mono",ui-monospace,Menlo,Consolas,monospace;font-size:.92em}
.doc{padding:40px 0}
.paper{position:relative;max-width:760px;margin:0 auto;padding:44px clamp(20px,5vw,56px)}
.paper h1{margin:.2em 0 .3em;line-height:1.15}
.paper h2{margin:1.6em 0 .5em}
.lead{font-size:19px}
.rules{padding-left:1.3em}.rules li{margin:.55em 0}
.back{margin-top:2em}
.nf-in{text-align:center}

:root{--paper:#f4ead8;--paper2:#fbf6ec;--ink:#2a1c14;--muted:#6d5646;--line:rgba(60,35,20,.16);--tea:#c7621c;--tea2:#e08a3c;--wine:#8c2f2b;--wood:#5a3826;--wood2:#3f2619;--felt:#2d5a4c;--cream:#f6efe2;--focus:#c7621c;--serif:Georgia,"Times New Roman",Cambria,serif}
.dark{--paper:#16100c;--paper2:#1f1712;--ink:#f1e6d6;--muted:#bba591;--line:rgba(241,230,214,.13);--tea:#e88a3c;--tea2:#f2a95e;--wine:#d7655c;--wood:#2a1b12;--wood2:#1c120c;--focus:#f2a95e}
body{background:var(--paper);color:var(--ink);background-image:radial-gradient(circle at 15% 0%,rgba(199,98,28,.10),transparent 40%),radial-gradient(circle at 100% 30%,rgba(140,47,43,.08),transparent 35%)}
::selection{background:var(--tea2);color:#1b100a}
h1,h2,h3{font-family:var(--serif);letter-spacing:-.01em}
.skip{background:var(--ink);color:var(--paper)}
.top{background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.brand{font-family:var(--serif);font-size:21px}.brand b{color:var(--tea)}
.nav a{color:var(--muted)}.nav a:hover,.nav a[aria-current]{color:var(--ink);background:rgba(199,98,28,.12)}
@media (max-width:760px){.nav{background:var(--paper2);border-bottom:1px solid var(--line)}}
.iconbtn:hover{background:rgba(199,98,28,.12)}
.kicker{display:inline-flex;align-items:center;gap:8px;margin:0 0 10px;font-size:13px;font-weight:650;letter-spacing:.12em;text-transform:uppercase;color:var(--wine)}
.lamp{width:10px;height:10px;border-radius:50%;background:var(--tea2);box-shadow:0 0 0 4px rgba(224,138,60,.25),0 0 18px var(--tea2);animation:lamp 2.4s ease-in-out infinite}
@keyframes lamp{50%{opacity:.55}}
.lead{color:var(--muted)}
/* hero */
.hero{padding:56px 0 40px}
.hero-in{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}
.hero h1{font-size:clamp(44px,7vw,82px);line-height:1.02;margin:6px 0 18px}
.hero h1 em{font-style:italic;color:var(--tea)}
.hero .lead{font-size:19px;max-width:34em}
.glass-scene{position:relative;width:200px;height:200px;margin:26px 0 0 8px}
.glass{position:absolute;left:62px;top:40px;width:76px;height:122px;clip-path:polygon(4% 0,96% 0,82% 40%,96% 78%,88% 100%,12% 100%,4% 78%,18% 40%);background:rgba(255,255,255,.35);border:0}
.tea{position:absolute;inset:16% 0 0;background:linear-gradient(180deg,#b5470f,#7a250b 70%,#5a1a08)}
.shine{position:absolute;left:18%;top:20%;width:10%;height:62%;background:rgba(255,255,255,.35);border-radius:6px}
.saucer{position:absolute;left:22px;top:158px;width:156px;height:22px;border-radius:50%;background:radial-gradient(ellipse at 50% 35%,#fff 0 30%,#e9dcc8 31% 60%,#c9b79d 61%);box-shadow:0 10px 18px -8px rgba(60,30,10,.4)}
.dark .saucer{background:radial-gradient(ellipse at 50% 35%,#4a3a2e 0 30%,#3a2c22 31% 60%,#2a1f18 61%)}
.sugar{position:absolute;left:150px;top:136px;width:20px;height:20px;background:#fffdf7;border-radius:3px;transform:rotate(14deg);box-shadow:inset -3px -3px 0 rgba(0,0,0,.07)}
.spoon{position:absolute;left:30px;top:150px;width:46px;height:5px;border-radius:4px;background:linear-gradient(90deg,#b7b2a8,#e8e4db);transform:rotate(-12deg)}
.steam{position:absolute;bottom:162px;width:10px;height:44px;border-radius:50%;border-left:3px solid rgba(110,80,60,.35);animation:steam 3.6s ease-in-out infinite;opacity:0}
.dark .steam{border-color:rgba(241,230,214,.35)}
.s1{left:80px}.s2{left:98px;animation-delay:1.2s}.s3{left:116px;animation-delay:2.4s}
@keyframes steam{0%{transform:translateY(10px) scaleX(1);opacity:0}30%{opacity:1}100%{transform:translateY(-36px) scaleX(-1);opacity:0}}
/* order slip */
.slip{position:relative;background:var(--paper2);color:var(--ink);padding:26px 26px 22px;border-radius:6px;box-shadow:0 1px 0 var(--line),0 30px 60px -30px rgba(60,30,10,.45);transform:rotate(1.2deg)}
.slip::before,.slip::after{content:"";position:absolute;left:0;right:0;height:12px;background:radial-gradient(circle at 6px -2px,transparent 7px,var(--paper2) 7.5px) repeat-x;background-size:12px 12px}
.slip::before{top:-11px;transform:scaleY(-1)}.slip::after{bottom:-11px}
.slip-head{display:flex;justify-content:space-between;font-family:"Geist Mono",monospace;font-size:13px;letter-spacing:.2em;padding-bottom:10px;border-bottom:2px dashed var(--line)}
.slip-order{font-family:"Geist Mono",monospace;font-size:14px;color:var(--muted);margin:12px 0 4px;padding-bottom:12px;border-bottom:1px dashed var(--line)}
.f-i{background:transparent;color:var(--ink);border:0;border-bottom:2px solid var(--ink);border-radius:0;font-family:var(--serif);font-size:22px;padding:0 2px}
.f-i::placeholder{color:var(--muted);opacity:.6;font-style:italic}
.f-i:focus{outline:0;border-bottom-color:var(--tea)}
.f-room b{color:var(--wine)}.f-room span,.f-hint{color:var(--muted)}
.btn-go{background:var(--wine);color:#fff;box-shadow:0 6px 0 #5e1d1a}
.btn-go:hover{background:#9d3833}.btn-go:active{transform:translateY(3px);box-shadow:0 3px 0 #5e1d1a}
.form-msg{color:var(--wine)}
.slip-net{margin:16px 0 0;font-size:13px;color:var(--muted);border-top:2px dashed var(--line);padding-top:12px}
/* menu board */
.board-sec{padding:40px 0}
.board{position:relative;background:var(--wood2);color:#f3e7d3;border-radius:22px;padding:clamp(26px,5vw,56px);border:14px solid var(--wood);box-shadow:inset 0 0 0 2px rgba(255,255,255,.05),0 40px 80px -40px rgba(40,20,10,.6);background-image:radial-gradient(rgba(255,255,255,.035) 1px,transparent 1px);background-size:4px 4px}
.board-k{margin:0;font-family:"Geist Mono",monospace;letter-spacing:.3em;text-transform:uppercase;font-size:13px;color:var(--tea2)}
.board h2{font-size:clamp(28px,4vw,44px);margin:6px 0 6px;color:#fff6e8}
.board-lead,.board-note{color:#d9c8b0;margin:0 0 22px}
.board-note{margin:22px 0 0;font-size:14px}
.menu{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.menu-row{padding:18px 0;border-top:1px dashed rgba(243,231,211,.22)}
.menu-l{display:flex;align-items:baseline;gap:12px}
.menu-l h3{margin:0;font-size:clamp(22px,3vw,30px);color:#fff6e8}.hash{color:var(--tea2)}
.dots{flex:1;border-bottom:3px dotted rgba(243,231,211,.35);transform:translateY(-6px)}
.price{font-family:"Geist Mono",monospace;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:#a8e0c9}
.menu-row p{margin:6px 0 12px;color:#d9c8b0;max-width:46em}.menu-row p b{color:#fff6e8;font-weight:650}
.menu-a{display:flex;flex-wrap:wrap;gap:8px}
.btn-sit{background:var(--tea);color:#1b0f08}.btn-sit:hover{background:var(--tea2)}
.btn-sit[aria-pressed=true]{background:#fff6e8;color:#3f2619}
.btn-sit[aria-pressed=true]::before{content:"✓"}
.btn-ghost{background:transparent;color:#f3e7d3;border:1px solid rgba(243,231,211,.3)}.btn-ghost:hover{background:rgba(243,231,211,.08)}
.btn-ghost .icon{width:14px;height:14px}
/* adab */
.adab,.how,.clients{padding:48px 0 8px}
.adab h2,.how h2,.clients h2{font-size:clamp(28px,4vw,40px);margin:0 0 20px}
.tiles{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.tiles li{position:relative;padding:22px 20px 18px;background:var(--paper2);border:1px solid var(--line);border-radius:16px}
.tiles .n{position:absolute;top:-14px;right:16px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--felt);color:#fff;font-weight:700;font-family:var(--serif)}
.tiles h3{margin:0 0 6px;font-size:20px}.tiles p{margin:0;color:var(--muted);font-size:15px}
.more{font-weight:650;color:var(--wine);text-decoration:none}.more:hover{text-decoration:underline}
/* dice */
.how-in{display:grid;grid-template-columns:.8fr 1.2fr;gap:32px;align-items:start}
.dice{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.dice li{display:grid;grid-template-columns:64px 1fr;column-gap:18px;align-items:start;padding:18px;border-radius:16px;background:var(--paper2);border:1px solid var(--line)}
.dice h3{margin:4px 0 2px;font-size:20px}.dice p{margin:0;color:var(--muted);grid-column:2}
.die{grid-row:span 2;width:56px;height:56px;border-radius:12px;background:#fffdf7;border:1px solid var(--line);box-shadow:0 4px 0 #d9ccb7;display:grid;padding:10px;gap:2px}
.dark .die{background:#efe6d8;box-shadow:0 4px 0 #8b7a64}
.die i{width:10px;height:10px;border-radius:50%;background:var(--wine)}
.d1{place-items:center}.d2{grid-template-columns:1fr 1fr}.d2 i:nth-child(2){justify-self:end;align-self:end;grid-column:2;grid-row:2}
.d3{grid-template:repeat(3,1fr)/repeat(3,1fr)}.d3 i:nth-child(1){grid-area:1/1}.d3 i:nth-child(2){grid-area:2/2}.d3 i:nth-child(3){grid-area:3/3}
.dice li:nth-child(2) .die{transform:rotate(-8deg)}.dice li:nth-child(3) .die{transform:rotate(6deg)}
/* clients */
.clients>.wrap>p{color:var(--muted);margin:-8px 0 18px}
.cl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.cl a{display:grid;grid-template-columns:1fr auto;padding:16px 18px;border-radius:14px;border:1px solid var(--line);text-decoration:none;background:var(--paper2)}
.cl a:hover{border-color:var(--tea)}
.cl b{font-family:var(--serif);font-size:19px}.cl span{grid-column:1;color:var(--muted);font-size:14px}.cl .icon{grid-row:1/3;grid-column:2;align-self:center;color:var(--tea)}
/* footer */
.foot{border-top:1px solid var(--line);background:var(--paper2)}
.foot-brand p,.foot-net,.foot-c{color:var(--muted)}
.foot-nav a{color:var(--ink)}
/* doc pages */
.paper{background:var(--paper2);border:10px solid var(--wood);border-radius:6px;box-shadow:0 30px 60px -30px rgba(40,20,10,.5)}
.paper h1{font-size:clamp(34px,5vw,52px)}
.paper a{color:var(--wine)}
.rules li::marker{font-family:var(--serif);font-weight:700;color:var(--tea)}
.nail{position:absolute;top:-24px;left:50%;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#e9e4da,#7d776e);box-shadow:0 3px 4px rgba(0,0,0,.3)}
.nf-glass{display:flex;justify-content:center;margin:0 0 10px}
.nf-glass span{width:60px;height:96px;clip-path:polygon(4% 0,96% 0,82% 40%,96% 78%,88% 100%,12% 100%,4% 78%,18% 40%);background:linear-gradient(180deg,rgba(255,255,255,.4) 0 85%,#b5470f 85%);border:0;outline:2px solid var(--line)}
@media (max-width:900px){.hero-in,.how-in{grid-template-columns:1fr}.tiles{grid-template-columns:1fr 1fr}.cl{grid-template-columns:1fr 1fr}.slip{transform:none}.glass-scene{display:none}}
@media (max-width:560px){.tiles,.cl{grid-template-columns:1fr}.hero{padding-top:32px}.board{border-width:8px;border-radius:14px}.menu-l{flex-wrap:wrap}.dots{display:none}.price{margin-left:auto}}