:root{--cream: #f6efe1;--cream-deep: #efe4cf;--peach: #f6c9a8;--blush: #d98c99;--teal: #7fb0ae;--honey: #e0a73b;--moonlight: #2f4b7c;--cocoa: #5b4636;--cocoa-soft: #8a725c;--card: #fffdf7;--good: #6fae7f;--shadow: 0 10px 30px rgba(91, 70, 54, .12);--radius: 20px}*{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body{margin:0;font-family:Nunito,Quicksand,Segoe UI,system-ui,sans-serif;color:var(--cocoa);background:radial-gradient(1200px 600px at 15% -10%,#fbe9d6 0%,transparent 60%),radial-gradient(1000px 500px at 100% 0%,#e8eef0 0%,transparent 55%),var(--cream);min-height:100vh}.app{max-width:980px;margin:0 auto;padding:20px 18px 40px}.topbar{display:grid;grid-template-columns:1fr auto;gap:14px 18px;align-items:center;background:var(--card);border-radius:var(--radius);padding:16px 20px;box-shadow:var(--shadow)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{font-size:34px;filter:drop-shadow(0 2px 2px rgba(91,70,54,.15))}.topbar h1{margin:0;font-size:22px;letter-spacing:.2px}.brand-sub{margin:2px 0 0;font-size:12px;color:var(--cocoa-soft)}.stats{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.stat{display:grid;justify-items:center;min-width:64px;padding:8px 10px;background:var(--cream);border-radius:14px;border:1px solid var(--cream-deep)}.stat-icon{font-size:18px}.stat-value{font-weight:800;font-size:16px}.stat-label{font-size:10px;color:var(--cocoa-soft);text-transform:uppercase;letter-spacing:.4px}.upgrade-track{grid-column:1 / -1;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.upgrade-label,.upgrade-count{font-size:12px;color:var(--cocoa-soft);white-space:nowrap}.upgrade-bar{height:10px;background:var(--cream-deep);border-radius:999px;overflow:hidden}.upgrade-fill{height:100%;background:linear-gradient(90deg,var(--honey),var(--peach));border-radius:999px;transition:width .5s ease}.stage{position:relative;margin-top:18px}.cafe-room{position:relative;background:var(--card);border-radius:var(--radius);padding:10px;box-shadow:var(--shadow)}.cafe-scene{position:relative;aspect-ratio:3 / 2;border-radius:14px;overflow:hidden}.room-bg{width:100%;height:100%;object-fit:cover;display:block}.room-fallback{background:linear-gradient(180deg,#f3e7d0,#f3e7d0 60%,#e7cfa9 60%,#e7cfa9)}.dust-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.dust-layer .dust{position:absolute;width:5px;height:5px;border-radius:50%;background:#a98d63;opacity:.5}.guest-marker{position:absolute;left:30%;bottom:14%;text-align:center;animation:settle .4s ease-out}.guest-bubble{font-size:26px;animation:bob 2.5s ease-in-out infinite}.guest-seat{font-size:30px;margin-top:-6px}@keyframes settle{0%{opacity:0;transform:translateY(10px)}}.cat-stage{position:absolute;left:60%;bottom:3%;filter:drop-shadow(0 8px 10px rgba(91,70,54,.22));transition:transform .25s cubic-bezier(.34,1.56,.64,1);transform-origin:bottom center}.pet-heart{position:absolute;top:-6px;left:50%;font-size:22px;animation:floatHeart .6s ease-out forwards}@keyframes floatHeart{0%{opacity:0;transform:translate(-50%,6px) scale(.7)}40%{opacity:1}to{opacity:0;transform:translate(-50%,-30px) scale(1.1)}}.cat-tail{transform-box:fill-box;transform-origin:left center;animation:tail 3s ease-in-out infinite}@keyframes tail{0%,to{transform:rotate(0)}50%{transform:rotate(-8deg)}}.cat-head{transform-box:fill-box;transform-origin:center bottom;animation:bob 4s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-1.5px)}}.cat-eye{animation:blink 5s infinite;transform-box:fill-box;transform-origin:center}@keyframes blink{0%,92%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}.cat-zzz{animation:zzz 2.5s ease-in-out infinite}@keyframes zzz{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}.dust{animation:drift 4s ease-in-out infinite}@keyframes drift{0%,to{transform:translateY(0);opacity:.35}50%{transform:translateY(-5px);opacity:.6}}.actionbar{display:grid;gap:12px;margin-top:16px}.btn{border:none;cursor:pointer;font-family:inherit;color:var(--cocoa);border-radius:16px;padding:14px 18px;font-weight:800;font-size:16px;display:flex;flex-direction:column;align-items:center;gap:2px;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease;box-shadow:0 4px #5b463624}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn:active:not(:disabled){transform:translateY(1px);box-shadow:0 2px #5b463624}.btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.3)}.btn:focus-visible,.catbook-tab:focus-visible,.choice:focus-visible,.match-card:focus-visible,.cat-card:focus-visible,.pill:focus-visible,.rare-banner:focus-visible,.modal-close:focus-visible{outline:3px solid var(--moonlight);outline-offset:3px}.btn-emoji{font-size:22px}.btn-sub{font-size:11px;font-weight:600;color:var(--cocoa-soft)}.btn-cost{font-size:12px;font-weight:700;color:var(--cocoa-soft)}.btn-primary{background:linear-gradient(180deg,#ffe1b5,var(--peach));font-size:18px}.care-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.btn-care{background:var(--card);border:1.5px solid var(--cream-deep)}.nap-banner{display:flex;align-items:center;gap:14px;background:linear-gradient(180deg,#eaf0f6,#dfe7f1);border:1.5px solid #cdd8e8;border-radius:16px;padding:10px 16px;margin-bottom:12px}.nap-text{display:grid;gap:2px}.nap-text span{font-size:13px;color:var(--cocoa-soft)}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#5b463652;display:grid;place-items:center;padding:18px;z-index:50;animation:fade .2s ease}@keyframes fade{0%{opacity:0}}.shift-card{position:relative;width:min(560px,100%);background:var(--card);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);animation:pop .25s cubic-bezier(.34,1.56,.64,1)}.modal-close{position:absolute;top:10px;right:10px;width:34px;height:34px;border:1.5px solid var(--cream-deep);border-radius:999px;background:var(--cream);color:var(--cocoa);cursor:pointer;font-family:inherit;font-weight:900;line-height:1}.modal-close:hover{border-color:var(--peach)}@keyframes pop{0%{opacity:0;transform:scale(.94) translateY(8px)}}.shift-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.tier-chip{font-size:12px;font-weight:800;padding:5px 10px;border-radius:999px}.tier-small{background:#fbe6d3;color:#b5722f}.tier-medium{background:#dcecec;color:#3f7c79}.shift-progress{font-size:13px;color:var(--cocoa-soft);font-weight:700}.strike-pips{font-size:15px;letter-spacing:3px}.passage{background:var(--cream);border-left:4px solid var(--teal);border-radius:10px;padding:12px 14px;font-size:15px;line-height:1.5;margin:0 0 12px}.prompt{font-size:20px;font-weight:800;margin:0 0 16px;line-height:1.35}.read-lock{margin-bottom:12px}.read-lock-text{font-size:13px;color:var(--cocoa-soft);font-style:italic}.read-lock-bar{height:6px;background:var(--cream-deep);border-radius:999px;overflow:hidden;margin-top:6px}.read-lock-fill{height:100%;width:0;background:linear-gradient(90deg,var(--teal),var(--honey));animation:readfill linear forwards}@keyframes readfill{to{width:100%}}.choices{display:grid;gap:10px}.choice{text-align:left;font-family:inherit;font-size:16px;font-weight:700;color:var(--cocoa);background:var(--cream);border:2px solid var(--cream-deep);border-radius:14px;padding:13px 16px;cursor:pointer;transition:transform .1s ease,border-color .1s ease,background .1s ease}.choice:hover:not(:disabled){transform:translateY(-1px);border-color:var(--peach)}.choice-locked{opacity:.45;cursor:default}.choice-correct{background:#e5f3e8;border-color:var(--good)}.choice-wrong{background:#f8e3e6;border-color:var(--blush)}.choice-dim{opacity:.5}.choice:disabled{cursor:default}.feedback{margin-top:16px;padding:14px 16px;border-radius:14px;animation:fade .2s ease}.feedback.good{background:#eaf5ec}.feedback.soft{background:#f6ece0}.feedback-title{margin:0 0 6px;font-weight:800}.feedback-explain{margin:0 0 14px;font-size:14px;line-height:1.5;color:var(--cocoa-soft)}.feedback .btn{width:100%}.shift-end{text-align:center}.shift-end-emoji{font-size:52px}.shift-end h2{margin:6px 0}.shift-end-line{color:var(--cocoa-soft);margin:0 0 18px}.shift-end .btn{width:100%}.catbook{margin-top:16px}.catbook-tab{font-family:inherit;font-weight:800;font-size:15px;color:var(--cocoa);background:var(--card);border:1.5px solid var(--cream-deep);border-radius:14px;padding:10px 16px;cursor:pointer;box-shadow:0 3px #5b46361a}.catbook-panel{margin-top:10px;background:var(--card);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);animation:fade .2s ease}.catbook-entry{display:flex;gap:16px;align-items:center}.catbook-portrait{background:var(--cream);border-radius:16px;padding:6px;flex-shrink:0}.catbook-info h3{margin:0 0 4px}.catbook-lore{margin:0 0 10px;font-size:14px;color:var(--cocoa-soft);line-height:1.45}.bond-row{display:grid;gap:4px;font-size:13px;font-weight:700}.bond-bar{height:8px;background:var(--cream-deep);border-radius:999px;overflow:hidden}.bond-fill{height:100%;background:linear-gradient(90deg,var(--blush),var(--peach));transition:width .3s ease}.catbook-perk{margin:10px 0 0;font-size:13px;color:var(--good);font-weight:700}.catbook-tease{margin:14px 0 0;font-size:13px;color:var(--cocoa-soft);font-style:italic}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);background:var(--moonlight);color:#fff;font-family:inherit;font-weight:700;font-size:14px;border:none;border-radius:999px;padding:12px 20px;cursor:pointer;box-shadow:var(--shadow);z-index:60;animation:toastUp .3s ease}@keyframes toastUp{0%{opacity:0;transform:translate(-50%,12px)}}.footer{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:28px;font-size:13px;color:var(--cocoa-soft)}.footer a{color:var(--cocoa);font-weight:700;text-decoration:none}.footer a:hover{text-decoration:underline}.footer-dot{opacity:.5}.neon-r{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:8px;font-weight:900;font-family:Trebuchet MS,system-ui,sans-serif;color:#ff5db1!important;background:#241a2e;text-shadow:0 0 6px #ff5db1,0 0 12px #b060ff;box-shadow:0 0 0 1px #4a2f5e,0 0 10px #b060ff80;transition:transform .15s ease,box-shadow .15s ease}.neon-r:hover{transform:translateY(-1px);box-shadow:0 0 0 1px #4a2f5e,0 0 16px #ff5db1b3}.privacy-page{max-width:640px;margin:0 auto;padding:28px 18px 40px}.privacy-card{background:var(--card);border-radius:var(--radius);padding:26px 28px;box-shadow:var(--shadow)}.privacy-back{color:var(--cocoa-soft);font-weight:700;text-decoration:none;font-size:14px}.privacy-back:hover{text-decoration:underline}.privacy-card h1{margin:14px 0 6px}.privacy-lead{font-size:18px;font-weight:800;color:var(--cocoa);margin:0 0 16px}.privacy-list{margin:0 0 16px;padding-left:18px;display:grid;gap:8px}.privacy-list li{line-height:1.5}.privacy-third{font-size:14px;color:var(--cocoa-soft);line-height:1.55}.privacy-updated{font-size:12px;color:var(--cocoa-soft);margin-top:18px}.privacy-card .footer{justify-content:flex-start;margin-top:20px;border-top:1px solid var(--cream-deep);padding-top:16px}.cat-stage img,.cat-stage svg{width:clamp(120px,26vw,190px);height:auto;display:block}.cat-bob{animation:catBob 3s ease-in-out infinite;transform-origin:bottom center}@keyframes catBob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.cat-bob.celebrate{animation:catCelebrate .5s cubic-bezier(.34,1.56,.64,1)}@keyframes catCelebrate{0%{transform:translateY(0) scale(1)}30%{transform:translateY(-16px) scale(.94,1.08)}60%{transform:translateY(0) scale(1.08,.92)}to{transform:translateY(0) scale(1)}}.cat-shadow{position:absolute;left:50%;bottom:-2px;width:58%;height:16px;transform:translate(-50%);background:radial-gradient(ellipse at center,#5b463652,#5b463600 70%);animation:shadowPulse 3s ease-in-out infinite}@keyframes shadowPulse{0%,to{transform:translate(-50%) scale(1);opacity:.85}50%{transform:translate(-50%) scale(.82);opacity:.6}}.spark{position:absolute;font-size:18px;animation:sparkPop .6s ease-out forwards}.spark-1{top:12%;left:18%}.spark-2{top:20%;right:16%;animation-delay:.08s}@keyframes sparkPop{0%{opacity:0;transform:scale(.4) translateY(6px)}40%{opacity:1;transform:scale(1.1) translateY(-2px)}to{opacity:0;transform:scale(.8) translateY(-14px)}}.rare-banner{display:flex;align-items:center;gap:14px;width:100%;text-align:left;cursor:pointer;font-family:inherit;color:var(--cocoa);background:linear-gradient(180deg,#fff2d6,#ffe4b0);border:1.5px solid #e6c789;border-radius:16px;padding:12px 16px;margin-bottom:12px;box-shadow:var(--shadow);animation:toastUp .3s ease;transition:transform .12s ease}.rare-banner:hover{transform:translateY(-1px)}.rare-sparkle{font-size:28px;animation:zzz 2s ease-in-out infinite}.rare-text{display:grid;gap:2px;flex:1}.rare-text span{font-size:13px;color:var(--cocoa-soft)}.rare-cta{font-weight:800;color:#a06a1e;white-space:nowrap}.tier-large{background:#f3e0c2;color:#a06a1e}.match-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:4px}.match-card{display:grid;justify-items:center;gap:3px;padding:12px 8px;border-radius:14px;border:2px solid var(--cream-deep);background:var(--cream);cursor:pointer;font-family:inherit;transition:transform .1s ease,border-color .1s ease}.match-card:hover:not(:disabled){transform:translateY(-2px);border-color:var(--peach)}.match-card:disabled{cursor:default}.match-name{font-weight:800;font-size:14px}.match-trait{font-size:12px;color:var(--cocoa-soft)}.panels{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.panels>div{display:contents}.panels .catbook-tab{order:1}.panels .catbook-panel{order:2;flex:1 1 100%;margin-top:6px}.catbook-count{background:var(--cream);border-radius:999px;padding:1px 8px;font-size:12px;margin-left:4px}.catbook-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px}.cat-card{display:grid;justify-items:center;gap:3px;padding:12px 8px;border-radius:14px;border:2px solid var(--cream-deep);background:var(--cream);cursor:pointer;font-family:inherit;position:relative;transition:transform .1s ease,border-color .1s ease}.cat-card:not(.locked):hover{transform:translateY(-2px);border-color:var(--peach)}.cat-card.active{border-color:var(--honey);box-shadow:0 0 0 3px #e0a73b47}.cat-card.locked{cursor:default;opacity:.9}.cat-card-art{width:64px;height:64px;display:grid;place-items:center}.silhouette{filter:brightness(0) opacity(.3)}.mystery{font-size:34px;color:var(--cocoa-soft);font-weight:800}.cat-card-name{font-weight:800;font-size:14px}.cat-card-trait,.cat-card-bond{font-size:11px;color:var(--cocoa-soft)}.cat-card-badge{position:absolute;top:6px;right:6px;font-size:9px;font-weight:800;background:var(--honey);color:#fff;border-radius:999px;padding:1px 6px}.rarity{font-size:10px;text-transform:uppercase;letter-spacing:.4px;font-weight:800;border-radius:999px;padding:1px 7px}.rarity-starter{background:#e7f0e7;color:#5f8a63}.rarity-common{background:#eef0f2;color:#7a828c}.rarity-rare{background:#e4ecfa;color:#4a6fb0}.rarity-legendary{background:#f6e6c2;color:#b07d1e}.bond-bar.small{width:82%;height:6px}.district-track{list-style:none;margin:0;padding:0;display:grid;gap:8px}.district{display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:12px;background:var(--cream);border:1.5px solid var(--cream-deep)}.district.current{border-color:var(--honey);background:#fff6e4}.district.locked{opacity:.6}.district-dot{font-size:20px}.district-info{display:grid}.district-name{font-weight:800}.district-blurb{font-size:12px;color:var(--cocoa-soft)}.setting-block{margin-bottom:14px}.setting-label{font-weight:800;font-size:14px;display:block;margin-bottom:8px}.pill-row{display:flex;gap:8px}.pill-row.wrap{flex-wrap:wrap}.pill{font-family:inherit;font-weight:800;font-size:14px;color:var(--cocoa);background:var(--cream);border:2px solid var(--cream-deep);border-radius:999px;padding:8px 14px;cursor:pointer;position:relative}.pill.on{background:linear-gradient(180deg,#ffe1b5,var(--peach));border-color:var(--peach)}.pill.locked{opacity:.55;cursor:not-allowed}.pill .soon{font-size:9px;background:var(--moonlight);color:#fff;border-radius:999px;padding:1px 5px;margin-left:6px}.setting-note{font-size:12px;color:var(--cocoa-soft);margin:4px 0 0}@media(max-width:620px){.topbar{grid-template-columns:1fr}.stats{justify-content:flex-start}.care-actions{grid-template-columns:1fr}.cat-stage{left:58%}.match-grid{grid-template-columns:repeat(3,1fr)}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important}.read-lock-fill{animation:none;width:100%}}.cat-fx{position:relative;display:inline-block;line-height:0}.glitter-layer,.chrome-sheen{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:14px}.finish-jelly img{filter:brightness(1.12) saturate(1.3) opacity(.9)}.finish-pearl img{filter:brightness(1.1) saturate(.82) contrast(.96) hue-rotate(-6deg)}.finish-glow img{filter:brightness(1.05) drop-shadow(0 0 8px #a7f3d0) drop-shadow(0 0 16px #c4b5fd)}.finish-glitter img{filter:brightness(1.06) saturate(1.15)}.finish-chrome img{filter:brightness(1.12) saturate(1.4) contrast(1.22)}.glitter-layer{background-image:radial-gradient(circle,#ffffff 1.5px,transparent 2px),radial-gradient(circle,#ffe9a8 1.2px,transparent 2px),radial-gradient(circle,#ffd1ec 1.2px,transparent 2px);background-size:34px 34px,26px 26px,44px 44px;background-position:4px 8px,18px 24px,30px 12px;mix-blend-mode:screen;animation:twinkle 1.6s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.35}50%{opacity:.9}}.chrome-sheen{overflow:hidden;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.55) 48%,transparent 62%);background-size:250% 100%;mix-blend-mode:overlay;animation:sheen 2.6s linear infinite}@keyframes sheen{0%{background-position:120% 0}to{background-position:-40% 0}}.shelf-head{font-size:14px;margin:0 0 12px}.shelf-hint{color:var(--cocoa-soft);font-weight:400}.shelf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.shelf-card{display:grid;justify-items:center;gap:4px;padding:12px 8px;border-radius:14px;border:2px solid var(--cream-deep);background:var(--cream);text-align:center}.shelf-card.equipped{border-color:var(--honey);box-shadow:0 0 0 3px #e0a73b40}.shelf-art{width:72px;height:72px;display:grid;place-items:center}.shelf-name{font-weight:800;font-size:14px}.shelf-desc{font-size:11px;color:var(--cocoa-soft);line-height:1.35;min-height:30px}.shelf-btn{font-family:inherit;font-weight:800;font-size:13px;color:var(--cocoa);border:none;border-radius:999px;padding:7px 14px;cursor:pointer;margin-top:2px}.shelf-btn.equip{background:linear-gradient(180deg,#ffe1b5,var(--peach))}.shelf-btn.buy{background:var(--card);border:1.5px solid var(--honey);color:#a06a1e}.shelf-btn:disabled{opacity:.5;cursor:not-allowed}.shelf-badge{font-size:12px;font-weight:800;color:var(--good);margin-top:4px}.shelf-locked{font-size:12px;font-weight:700;color:var(--cocoa-soft);margin-top:4px}.shelf-progress{opacity:.7}.rarity-uncommon{background:#dff0e8;color:#4e9070}.roam-cat{position:absolute;transform:translate(-50%);left:0;bottom:0;transition-property:transform;transition-timing-function:ease-in-out;cursor:pointer}.roam-cat:focus-visible{outline:3px solid var(--moonlight);outline-offset:4px;border-radius:12px}.roam-shadow{position:absolute;left:50%;bottom:-2px;width:54%;height:12px;transform:translate(-50%);background:radial-gradient(ellipse at center,#5b46364d,#5b463600 70%);z-index:-1}.roam-inner{transform-origin:bottom center;filter:drop-shadow(0 5px 7px rgba(91,70,54,.18))}.roam-walk{animation:roamWalk .42s ease-in-out infinite;transform-origin:bottom center}@keyframes roamWalk{0%,to{transform:translateY(0) rotate(-2.5deg)}50%{transform:translateY(-7px) rotate(2.5deg)}}.speed-meter{display:flex;align-items:center;gap:8px;margin:4px 0 12px}.speed-star{font-size:18px}.speed-points{font-weight:900;font-size:20px;color:var(--honey);min-width:58px;font-variant-numeric:tabular-nums}.speed-bar{flex:1;height:8px;background:var(--cream-deep);border-radius:999px;overflow:hidden}.speed-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--honey),var(--peach));transition:width .1s linear}.feedback-points{margin:0 0 8px;font-weight:800;color:var(--honey)}.shift-score{margin:0 0 14px;font-size:15px;color:var(--cocoa-soft)}.patron-banner{display:flex;align-items:center;gap:14px;width:100%;text-align:left;cursor:pointer;font-family:inherit;color:var(--cocoa);background:linear-gradient(180deg,#fbeede,#f6dcc2);border:1.5px solid #e6c79f;border-radius:16px;padding:12px 16px;margin-bottom:12px;box-shadow:var(--shadow);animation:toastUp .3s ease;transition:transform .12s ease}.patron-banner:hover{transform:translateY(-1px)}.patron-portrait{font-size:34px;line-height:1}.patron-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.patron-name{margin:0;font-size:20px}.patron-role{font-size:12px;color:var(--cocoa-soft);font-weight:700;text-transform:uppercase;letter-spacing:.4px}.patron-line{border-left-color:var(--honey);font-size:16px;font-style:italic}.drink-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:4px}.drink-card{display:grid;justify-items:center;gap:4px;padding:12px 6px;border-radius:14px;border:2px solid var(--cream-deep);background:var(--cream);cursor:pointer;font-family:inherit;transition:transform .1s ease,border-color .1s ease}.drink-card:hover:not(:disabled){transform:translateY(-2px);border-color:var(--peach)}.drink-card:disabled{cursor:default}.drink-emoji{font-size:30px}.drink-name{font-size:11px;font-weight:700;text-align:center;line-height:1.2}.patron-art{font-size:40px}.patron-fav{font-size:11px;color:var(--cocoa-soft)}@media(max-width:620px){.drink-grid{grid-template-columns:repeat(3,1fr)}}