:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fff7e7;font-synthesis:none;--night:#111024;--panel:#1a172d;--panel-2:#21182f;--gold:#e1b66b;--wine:#9d4f62;--sage:#b9c988;--muted:#ad9faf;--line:#e1b66b3b;background:#111024;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{background:var(--night);min-width:320px}body{background:radial-gradient(circle at 85% 0, #66467842, transparent 32rem), var(--night);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}body:before{content:"";pointer-events:none;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.2'/%3E%3C/svg%3E");position:fixed;inset:0}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.055em;margin-bottom:0;font-size:clamp(2.25rem,8vw,5.8rem);line-height:.94}h2{font-size:clamp(1.45rem,5vw,2.5rem);line-height:1.12}.eyebrow{color:var(--gold);letter-spacing:.16em;text-transform:uppercase;font-size:.76rem;font-weight:800}.muted{color:var(--muted)}.page-enter{animation:.5s cubic-bezier(.2,.75,.2,1) both enter}@keyframes enter{0%{opacity:0;transform:translateY(10px)}}.hero{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(300px,620px);align-items:center;gap:2rem;min-height:min(760px,100svh);padding:clamp(2rem,6vw,6rem);display:grid;position:relative;overflow:hidden}.hero:after{content:"OPEN AFTER DARK";color:#ffffff09;white-space:nowrap;font-size:clamp(4rem,12vw,10rem);font-weight:900;position:absolute;bottom:-1.4rem;right:2vw}.hero__copy{z-index:1;max-width:720px}.hero__subtitle{color:#d7cbd0;max-width:31rem;margin-top:1.6rem;font-size:clamp(1rem,2vw,1.35rem);line-height:1.8}.hero__art{object-fit:contain;filter:drop-shadow(0 36px 45px #00000052);width:100%;max-height:65svh}.game-list{max-width:1180px;margin:0 auto;padding:5rem clamp(1rem,4vw,3rem)}.section-heading{color:var(--muted);letter-spacing:.14em;margin-bottom:1.5rem;font-size:.85rem}.game-entry{border-top:1px solid var(--line);grid-template-columns:3rem 5rem minmax(0,1fr) auto;align-items:center;gap:clamp(1rem,3vw,2rem);padding:2rem 0;transition:transform .2s,background-color .2s;display:grid}.game-entry:last-child{border-bottom:1px solid var(--line)}.game-entry:hover{background:linear-gradient(90deg,#0000,#e1b66b0b,#0000);transform:translate(6px)}.game-entry__number{color:#6f6375;font-family:ui-monospace,monospace}.game-entry__icon{border:1px solid var(--line);background:#ffffff06;width:4.25rem;height:4.25rem;padding:.6rem}.game-entry__body h2{margin-bottom:.45rem}.game-entry__body p{color:#cfc3ca;margin-bottom:.5rem;line-height:1.65}.recent-state{color:var(--gold);font-size:.75rem}.site-footer{max-width:1180px;margin:0 auto;padding:0 clamp(1rem,4vw,3rem) 4rem;line-height:1.7}.action{color:#171223;background:var(--gold);cursor:pointer;border:1px solid #0000;border-radius:2px;min-height:48px;padding:.78rem 1.05rem;font-weight:800;transition:transform .15s,filter .15s,border-color .15s}.action:hover{filter:brightness(1.08);transform:translateY(-2px)}.action:active{transform:translateY(1px)scale(.99)}.action--quiet{color:#fff7e7;background:0 0;border-color:#e1b66b6b}.action:focus-visible,.option:focus-visible,.deck-card:focus-visible,input:focus-visible{outline:3px solid var(--sage);outline-offset:3px}.button-row{flex-wrap:wrap;gap:.7rem;margin-top:1.2rem;display:flex}.game-page{width:min(1120px,100%);padding:max(1rem, env(safe-area-inset-top)) clamp(1rem, 4vw, 3rem) 5rem;margin:0 auto}.game-header{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr;align-items:end;gap:2rem;padding:1rem 0 2rem;display:grid}.game-header h1{font-size:clamp(2rem,6vw,4rem)}.game-header .eyebrow{margin-bottom:.65rem}.back-button{align-self:start}.game-stage{padding-top:2rem}.drink-notice{border-left:3px solid var(--sage);color:#d6d9c2;background:#b9c98812;padding:1rem;line-height:1.6}.builder-grid{gap:1.8rem;margin:2rem 0;display:grid}.choice-group{border-bottom:1px dashed #e1b66b2e;padding-bottom:1.6rem}.choice-group h2,.picker-form h2{color:#e9ded9;margin-bottom:.9rem;font-size:1.05rem}.option-grid{flex-wrap:wrap;gap:.55rem;display:flex}.option{color:#d8ccd4;cursor:pointer;background:#181529;border:1px solid #4f445a;border-radius:999px;min-height:44px;padding:.62rem .85rem}.option.is-selected{color:#171223;background:var(--gold);border-color:var(--gold)}.form-error,.missing-line{color:#f0a6a0;min-height:1.4rem}.result-layout{grid-template-columns:minmax(260px,.78fr) minmax(0,1.2fr);align-items:center;gap:clamp(2rem,5vw,5rem);display:grid}.cocktail-visual{filter:drop-shadow(0 25px 50px #00000059);width:100%;max-height:580px;animation:.8s ease-out both settle}@keyframes settle{0%{opacity:0;transform:rotate(-2deg)translateY(-12px)}}.result-copy h2,.picker-result h2,.personality-result h2{color:#fff7e7;margin-bottom:1rem;font-size:clamp(2.5rem,7vw,5rem)}.field-label{color:var(--muted);margin:1rem 0 .5rem;display:block}.text-input{color:#fff7e7;background:#141226;border:1px solid #61536a;border-radius:3px;width:100%;min-height:48px;padding:.75rem .9rem}.result-name{font-size:1.2rem}.tag-row{flex-wrap:wrap;gap:.45rem;margin:1.1rem 0;display:flex}.tag{color:#e7cc91;border:1px solid #e1b66b5c;padding:.35rem .58rem;font-size:.78rem}.result-details{border-top:1px solid var(--line);grid-template-columns:7rem 1fr;margin:1.4rem 0;display:grid}.result-details dt,.result-details dd{border-bottom:1px solid var(--line);margin:0;padding:.9rem 0;line-height:1.65}.result-details dt{color:var(--gold)}.result-details dd{color:#d6cbd1}.picker-form,.picker-result,.quiz-panel,.personality-result{max-width:820px;margin:0 auto}.picker-form h2:not(:first-child){margin-top:2.5rem}.ingredient-line{color:#d9cdd3;margin-top:1.8rem}.method-box{border:1px solid var(--line);background:#ffffff06;margin-top:1rem;padding:1.2rem;line-height:1.7}.deck-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.deck-card{text-align:left;color:#fff7e7;cursor:pointer;background:linear-gradient(155deg,#241b35,#171529);border:1px solid #e1b66b61;flex-direction:column;justify-content:space-between;align-items:flex-start;min-height:260px;padding:1.4rem;transition:transform .25s;display:flex}.deck-card:hover{transform:translateY(-6px)rotate(-.5deg)}.deck-number{color:var(--gold);font-family:ui-monospace,monospace}.deck-card strong{font-size:1.45rem}.question-wrap{max-width:780px;margin:0 auto}.question-card{border:2px solid var(--gold);background:linear-gradient(145deg,#24192f,#17152a);flex-direction:column;justify-content:space-between;min-height:430px;padding:clamp(1.5rem,6vw,4rem);animation:.55s cubic-bezier(.2,.8,.2,1) both flip;display:flex;position:relative;box-shadow:14px 14px #35213b}@keyframes flip{0%{opacity:0;transform:perspective(700px)rotateY(-8deg)translateY(12px)}}.question-card.is-answered{border-color:var(--sage)}.question-text{max-width:620px;font-size:clamp(1.65rem,5vw,3rem);font-weight:750;line-height:1.45}.card-corner{color:#75677a;align-self:flex-end;font:.75rem ui-monospace,monospace}.quiz-progress{background:#302a3f;height:4px;margin-bottom:3rem;position:relative}.quiz-progress:after{content:"";width:var(--progress);background:var(--gold);transition:width .3s;position:absolute;inset:0 auto 0 0}.quiz-panel h2{font-size:clamp(1.7rem,6vw,3.2rem)}.quiz-options{gap:.8rem;margin-top:2rem;display:grid}.quiz-options .action{text-align:left;min-height:62px}.share-dialog{color:#fff7e7;border:1px solid var(--gold);background:#17142b;width:min(700px,100% - 1.5rem);max-height:92svh;padding:0}.share-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#06050ed1}.share-dialog__body{padding:1.2rem;position:relative}.dialog-close{min-height:40px;position:absolute;top:.8rem;right:.8rem}.share-preview{aspect-ratio:3/4;object-fit:cover;border:1px solid var(--line);background:#201a34;width:min(100%,420px);margin:1rem auto;display:block}.share-status{min-height:1.4rem;color:var(--sage)}.shared-page,.not-found,.loading-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:min(760px,100%);min-height:100svh;margin:0 auto;padding:3rem 1rem;display:flex}.share-preview--large{max-width:480px}@media (max-width:760px){.hero{grid-template-columns:1fr;min-height:auto;padding:5rem 1.2rem 2.5rem}.hero__art{max-height:42svh}.game-list{padding-top:3rem}.game-entry{grid-template-columns:2.2rem 3.5rem 1fr;gap:.8rem;padding:1.35rem 0}.game-entry__icon{width:3.3rem;height:3.3rem}.game-entry .action{grid-column:2/-1;width:100%}.game-header{grid-template-columns:1fr;gap:1rem}.result-layout{grid-template-columns:1fr}.cocktail-visual{max-height:390px}.deck-grid{grid-template-columns:1fr}.deck-card{min-height:170px}.question-card{min-height:360px;box-shadow:8px 8px #35213b}.result-details{grid-template-columns:1fr}.result-details dt{border-bottom:0;padding-bottom:.2rem}.result-details dd{padding-top:.2rem}.button-row .action{flex:145px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}