:root{--paper:#fff6e9;--card:#fffdf6;--ink:#24160e;--tomato:#e8442e;--tomato-deep:#c22f1b;--mustard:#ffc531;--soda:#2f6fde;--leaf:#2e8c57;--berry:#e5679e;--line-soft:#ecd9bd;--radius:18px;--bg-pattern:repeating-linear-gradient(0deg,rgba(232,68,46,0.045) 0 22px,transparent 22px 44px),repeating-linear-gradient(90deg,rgba(232,68,46,0.045) 0 22px,transparent 22px 44px);--bg-size:auto}html[data-theme=cafe]{--paper:#f5ecdd;--card:#fdf7ec;--ink:#2f2013;--tomato:#b3592c;--tomato-deep:#96471f;--mustard:#e8b64c;--soda:#5a7d9a;--leaf:#6b8f5a;--berry:#c96a8e;--line-soft:#e2d2b8;--bg-pattern:radial-gradient(rgba(107,66,38,0.09) 2.4px,transparent 2.9px);--bg-size:26px 26px}html[data-theme=soda]{--paper:#e9f6ef;--card:#f8fcfa;--ink:#0f3f3a;--tomato:#0ea5a0;--tomato-deep:#0b8681;--mustard:#ffd166;--soda:#2f6fde;--leaf:#16a34a;--berry:#f472b6;--line-soft:#cfe8dd;--bg-pattern:radial-gradient(rgba(14,165,160,0.1) 3px,transparent 3.5px),radial-gradient(rgba(47,111,222,0.07) 5px,transparent 5.6px);--bg-size:34px 34px,86px 86px}html[data-theme=midnight]{--paper:#211a15;--card:#2c241d;--ink:#f2e5cf;--tomato:#ff5a3c;--tomato-deep:#d94328;--mustard:#ffc531;--soda:#5b8cff;--leaf:#34c07c;--berry:#ff7ab0;--line-soft:#4a3d30;--bg-pattern:repeating-linear-gradient(0deg,rgba(242,229,207,0.04) 0 22px,transparent 22px 44px),repeating-linear-gradient(90deg,rgba(242,229,207,0.04) 0 22px,transparent 22px 44px);--bg-size:auto}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%}body{font-family:var(--font-body),"Apple SD Gothic Neo",sans-serif;color:var(--ink);word-break:keep-all;overflow-wrap:break-word;background-color:var(--paper);background-image:var(--bg-pattern);background-size:var(--bg-size);-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:background-color .25s ease,color .25s ease}button{font-family:inherit}a,button{color:inherit}a{text-decoration:none}.shell{max-width:440px;margin:0 auto;padding:18px 20px 44px;min-height:100dvh;display:flex;flex-direction:column;position:relative}.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.logo{font-family:var(--font-display);font-size:26px;color:#24160e;background:var(--mustard);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:10px;padding:1px 10px 3px;transform:rotate(-2deg);display:inline-block;letter-spacing:.5px}.chip{font-size:14px;border:2px solid var(--ink);border-radius:999px;padding:5px 12px;box-shadow:2px 2px 0 var(--ink);display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.btn,.chip{font-family:var(--font-sub);background:var(--card)}.btn{color:var(--ink);border:3px solid var(--ink);border-radius:var(--radius);box-shadow:5px 5px 0 var(--ink);cursor:pointer;transition:transform .07s ease,box-shadow .07s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;text-align:center}.btn:active{transform:translate(5px,5px);box-shadow:0 0 0 var(--ink)}.btn:disabled{cursor:wait;opacity:.68}.btn-hero{width:100%;background:var(--tomato);color:#fff;font-size:25px;padding:20px 16px;border-radius:22px;line-height:1.2}.btn-mustard{background:var(--mustard);color:#24160e}.btn-soda{background:var(--soda);color:#fff}.btn-leaf{background:var(--leaf);color:#fff}.btn-berry{background:var(--berry);color:#fff}.btn-mid{width:100%;font-size:19px;padding:15px 14px}.btn-sm{font-size:15px;padding:9px 14px;border-radius:12px;box-shadow:3px 3px 0 var(--ink)}.btn-sm:active{transform:translate(3px,3px)}.hero{flex:1 1;display:flex;flex-direction:column;justify-content:center;gap:14px;padding:26px 0 18px;position:relative;z-index:1}.hero-title{font-family:var(--font-display);font-size:clamp(46px,13.5vw,58px);line-height:1.04;letter-spacing:-1px}.hero-sub{font-size:16px;opacity:.78;line-height:1.5}.float-emoji{position:absolute;font-size:32px;opacity:.45;pointer-events:none;animation:floaty 5.5s ease-in-out infinite;z-index:0}@keyframes floaty{0%,to{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-12px) rotate(var(--r,0deg))}}.dice{display:inline-block;animation:wob 1.7s ease-in-out infinite}@keyframes wob{0%,to{transform:rotate(-9deg)}50%{transform:rotate(11deg) translateY(-2px)}}.foot{font-size:12px;opacity:.55;text-align:center;line-height:1.6;margin-top:18px}.pop{animation:popIn .45s cubic-bezier(.2,1.4,.4,1) both}.d1{animation-delay:.06s}.d2{animation-delay:.13s}.d3{animation-delay:.2s}.d4{animation-delay:.27s}.d5{animation-delay:.34s}.d6{animation-delay:.41s}@keyframes popIn{0%{opacity:0;transform:scale(.65) translateY(16px)}70%{transform:scale(1.04) translateY(-2px)}to{opacity:1;transform:scale(1) translateY(0)}}.card{background:var(--card);border:3px solid var(--ink);border-radius:var(--radius);box-shadow:5px 5px 0 var(--ink);padding:16px}.q-title{font-family:var(--font-sub);font-size:clamp(30px,8.5vw,38px);line-height:1.18;margin:14px 0 18px}.opts{display:grid;grid-gap:12px;gap:12px}.opt-card{display:flex;align-items:center;gap:14px;text-align:left;font-size:20px;padding:16px}.opt-card .e{font-size:32px}.dots{display:flex;gap:7px;align-items:center}.dot{width:11px;height:11px;border-radius:50%;border:2px solid var(--ink);background:var(--card)}.dot.on{background:var(--tomato)}.bail{margin-top:auto;padding-top:20px}.overlay{position:fixed;inset:0;z-index:60;background-color:var(--paper);background-image:var(--bg-pattern);background-size:var(--bg-size);overflow-y:auto}.overlay-inner{max-width:440px;margin:0 auto;min-height:100dvh;padding:24px 20px 40px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;position:relative}.scan-title{font-size:28px}.scan-line,.scan-title{font-family:var(--font-sub)}.scan-line{font-size:17px;background:var(--card);border:2px solid var(--ink);border-radius:999px;padding:8px 16px;box-shadow:3px 3px 0 var(--ink)}.reel-window{width:100%;max-width:340px;height:138px;border:3px solid var(--ink);border-radius:22px;background:var(--card);box-shadow:6px 6px 0 var(--ink);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.reel-window:after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(36,22,14,.07),transparent 26%,transparent 74%,rgba(36,22,14,.07));pointer-events:none}.reel-item{display:flex;flex-direction:column;align-items:center;gap:4px;font-family:var(--font-sub);font-size:26px}.reel-item .e{font-size:46px;line-height:1}.reel-fast{filter:blur(2px)}.flash{position:fixed;inset:0;background:#fff;z-index:70;pointer-events:none;animation:flashOut .5s ease-out forwards}@keyframes flashOut{0%{opacity:.9}to{opacity:0}}.skip-hint{font-size:13px;opacity:.5}.burst-wrap{position:relative;display:inline-block}.burst-wrap>span.b{position:absolute;left:50%;top:50%;font-size:22px;opacity:0;animation:fly .9s cubic-bezier(.2,.8,.3,1) forwards;pointer-events:none}@keyframes fly{0%{opacity:1;transform:translate(-50%,-50%) scale(.5)}to{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(1.25) rotate(var(--rr))}}.result-emoji{font-size:96px;line-height:1;display:inline-block;transform:rotate(-5deg);filter:drop-shadow(4px 6px 0 rgba(36,22,14,.16))}.result-eyebrow{font-family:var(--font-sub);font-size:17px;opacity:.7}.result-title{font-family:var(--font-display);font-size:clamp(34px,9.5vw,44px);line-height:1.3}.name-hl{background:var(--mustard);color:#24160e;border:3px solid var(--ink);border-radius:10px;box-shadow:4px 4px 0 var(--ink);padding:0 10px 2px;display:inline-block;transform:rotate(-1.5deg)}.artist-line{font-family:var(--font-sub);font-size:17px;opacity:.75;margin-top:6px}.vs-card .artist{font-family:var(--font-body);font-size:14px;opacity:.65}.reasons{width:100%;text-align:left}.reasons h3{font-family:var(--font-sub);font-size:16px;margin-bottom:6px;opacity:.75}.reasons li{list-style:none;padding:8px 2px;border-bottom:2px dashed var(--line-soft);font-size:15.5px;line-height:1.45}.reasons li:last-child{border-bottom:none}.alts{width:100%;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center}.alts .lab{font-size:13px;opacity:.6;width:100%}.local-picks{width:100%;display:grid;grid-gap:10px;gap:10px}.local-note{font-size:13px;line-height:1.5;opacity:.68}.place-list{display:grid;grid-gap:8px;gap:8px}.place-row{background:var(--card);border:2px solid var(--ink);border-radius:14px;box-shadow:3px 3px 0 var(--ink);padding:11px 12px;text-align:left}.place-name{display:block;font-family:var(--font-sub);font-size:16px;line-height:1.25}.place-meta{margin-top:4px;font-size:12px;line-height:1.35;opacity:.68}.place-map-link,.place-meta{display:block}.act-grid{width:100%;display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.act-grid .full{grid-column:1/-1}.round-tag{font-family:var(--font-sub);background:var(--soda);color:#fff;border:3px solid var(--ink);border-radius:999px;padding:6px 18px;font-size:18px;box-shadow:3px 3px 0 var(--ink);display:inline-block;transform:rotate(-2deg)}.vs-stack{gap:14px;position:relative}.vs-card,.vs-stack{display:flex;flex-direction:column;width:100%}.vs-card{align-items:center;gap:8px;padding:22px 16px;font-size:23px}.vs-card .e{font-size:56px;line-height:1}.vs-bolt{font-family:var(--font-display);background:var(--tomato);color:#fff;border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;align-self:center;transform:rotate(-8deg);margin:-7px 0;z-index:2}.sheet-back{position:fixed;inset:0;background:rgba(36,22,14,.4);z-index:80}.sheet{position:fixed;left:0;right:0;bottom:0;max-width:440px;margin:0 auto;background:var(--paper);border:3px solid var(--ink);border-bottom:none;border-radius:24px 24px 0 0;padding:20px 20px 30px;z-index:81;animation:sheetUp .32s cubic-bezier(.2,1.2,.4,1) both}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet h2{font-family:var(--font-display);font-size:26px;margin-bottom:4px}.sheet p{font-size:14px;opacity:.7;margin-bottom:14px;line-height:1.5}.tag-grid{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:16px}.tag-toggle{font-family:var(--font-sub);font-size:15px;border:2px solid var(--ink);border-radius:999px;background:var(--card);padding:8px 14px;box-shadow:2px 2px 0 var(--ink);cursor:pointer;transition:transform .06s ease}.tag-toggle.on{background:var(--tomato);color:#fff}.tag-toggle:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--ink)}.seg-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.seg{flex:1 1;font-family:var(--font-sub);font-size:14.5px;border:3px solid var(--ink);border-radius:14px;background:var(--card);color:var(--ink);padding:11px 3px;box-shadow:3px 3px 0 var(--ink);cursor:pointer;transition:transform .06s ease,background .15s ease;white-space:nowrap}.seg.on{background:var(--tomato);color:#fff}.seg:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--ink)}.theme-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px;margin-bottom:16px}.theme-card{border:3px solid var(--ink);border-radius:14px;box-shadow:3px 3px 0 var(--ink);padding:10px 4px 8px;display:flex;flex-direction:column;align-items:center;gap:6px;font-family:var(--font-sub);font-size:13px;cursor:pointer;transition:transform .06s ease}.theme-card:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--ink)}.theme-card .sw{width:34px;height:34px;border-radius:50%;border:2.5px solid}.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--paper);font-family:var(--font-sub);font-size:15px;padding:11px 20px;border-radius:999px;z-index:95;animation:popIn .25s cubic-bezier(.2,1.4,.4,1) both;white-space:nowrap}.banner{background:var(--mustard);color:#24160e;border:3px solid var(--ink);border-radius:var(--radius);box-shadow:5px 5px 0 var(--ink);padding:14px;display:flex;flex-direction:column;gap:10px;font-size:15px;line-height:1.5}.banner .row{display:flex;gap:8px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}