:root{--night:#0c1020;--night-2:#161b30;--cream:#f7f1e4;--cream-2:#efe6d3;--gold:#e0b878;--gold-dim:#a98b57;--on-night:#f3f0ea;--on-cream:#2a2418;--muted-night:#a9a6bd;--muted-cream:#6d6450;--danger:#d8785f;--ok:#7fb07a;--radius:18px;--shell:460px}*,:after,:before{box-sizing:border-box}body{color:var(--on-night);font-family:Noto Sans Thai,IBM Plex Sans Thai,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0;-webkit-font-smoothing:antialiased}.shell,body{background:var(--night)}.shell{max-width:var(--shell);margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;box-shadow:0 0 60px rgba(0,0,0,.6);position:relative}.shell main{flex:1 1;padding:0 16px calc(84px + env(safe-area-inset-bottom))}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;background:linear-gradient(var(--night) 70%,rgba(12,16,32,0))}.topbar .brand{font-weight:700;letter-spacing:.04em;font-size:17px}.topbar .grow{flex:1 1}.stars{display:inline-flex;align-items:center;gap:6px;background:rgba(224,184,120,.14);border:1px solid rgba(224,184,120,.35);color:var(--gold);border-radius:999px;padding:5px 12px;font-weight:700;font-size:14px}.backlink,.stars{text-decoration:none}.backlink{background:none;border:0;color:var(--on-night);font-size:16px;padding:4px 6px 4px 0;cursor:pointer}.tabbar{position:fixed;bottom:0;width:100%;max-width:var(--shell);display:grid;grid-template-columns:repeat(5,1fr);background:rgba(16,20,38,.96);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid rgba(255,255,255,.08);padding-bottom:env(safe-area-inset-bottom);z-index:30}.tabbar a{display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 0 8px;color:var(--muted-night);text-decoration:none;font-size:11px}.tabbar a[aria-current=page]{color:var(--gold)}.tabbar .glyph{font-size:19px;line-height:1}.shell:has(.ask-screen){--shell:430px}.shell:has(.ask-screen)>.topbar{display:none}.shell:has(.ask-screen)>main{padding:0}.ask-screen{--ask-scene:none;position:relative;display:flex;height:100dvh;min-height:590px;flex-direction:column;gap:clamp(7px,1.15dvh,11px);padding:calc(14px + env(safe-area-inset-top)) 16px calc(82px + env(safe-area-inset-bottom));overflow:hidden;isolation:isolate;background:linear-gradient(180deg,rgba(8,10,26,.04),rgba(8,10,26,.25)),var(--ask-scene) center top /cover fixed,#0b1022}.ask-screen:before{content:"";background:radial-gradient(circle at 50% 19%,transparent 0 25%,rgba(7,9,24,.05) 48%),linear-gradient(90deg,rgba(7,9,24,.18),transparent 17% 83%,rgba(7,9,24,.18))}.ask-screen:before,.ask-sparkles{position:absolute;inset:0;z-index:-1;pointer-events:none}.ask-sparkles i{position:absolute;width:5px;height:5px;border-radius:50%;background:#ffe4a1;box-shadow:0 0 5px #ffe4a1,0 0 13px rgba(255,211,126,.85);animation:ask-twinkle 2.8s ease-in-out infinite}.ask-sparkles i:after,.ask-sparkles i:before{content:"";position:absolute;inset:50% auto auto 50%;width:1px;height:18px;transform:translate(-50%,-50%);background:linear-gradient(transparent,#ffe8b2,transparent)}.ask-sparkles i:after{transform:translate(-50%,-50%) rotate(90deg)}.ask-sparkles i:first-child{top:15%;left:9%}.ask-sparkles i:nth-child(2){top:24%;right:8%;animation-delay:-1.1s}.ask-sparkles i:nth-child(3){top:49%;left:4%;animation-delay:-2.2s}.ask-sparkles i:nth-child(4){right:5%;bottom:29%;animation-delay:-.6s}.ask-sparkles i:nth-child(5){left:12%;bottom:13%;animation-delay:-1.7s}@keyframes ask-twinkle{0%,to{opacity:.2;transform:scale(.55) rotate(0deg)}50%{opacity:.9;transform:scale(1) rotate(45deg)}}.ask-brandbar{display:flex;align-items:flex-start;justify-content:space-between;flex:0 0 auto}.ask-wordmark{display:inline-flex;flex-direction:column;color:#fff6df;text-decoration:none;filter:drop-shadow(0 2px 9px rgba(5,7,20,.8))}.ask-wordmark strong{font-family:Georgia,Times New Roman,serif;font-size:21px;font-weight:500;letter-spacing:.14em;line-height:1}.ask-wordmark span{margin-top:4px;color:var(--gold);font-family:Georgia,serif;font-size:10px;letter-spacing:.55em;text-align:center}.ask-balance{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border:1px solid rgba(224,184,120,.58);border-radius:999px;background:rgba(18,20,39,.72);box-shadow:inset 0 0 18px rgba(224,184,120,.08),0 8px 24px rgba(0,0,0,.2);color:#f2cd8a;font-size:14px;font-weight:700;text-decoration:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.ask-balance span{color:#ffe089}.ask-companion p,.ask-form-panel,.ask-title-panel{border:1px solid rgba(232,195,129,.72);background:linear-gradient(145deg,rgba(14,18,44,.73),rgba(28,31,61,.58));box-shadow:inset 0 0 26px rgba(104,82,138,.14),0 14px 40px rgba(3,5,18,.32);-webkit-backdrop-filter:blur(15px) saturate(1.1);backdrop-filter:blur(15px) saturate(1.1)}.ask-title-panel{position:relative;flex:0 0 auto;margin:clamp(15px,2.4dvh,23px) 22px 0;padding:clamp(23px,3.4dvh,30px) 14px clamp(11px,1.8dvh,16px);border-radius:19px;text-align:center}.ask-orbit{position:absolute;top:-20px;left:50%;display:grid;width:40px;height:40px;place-items:center;transform:translateX(-50%);border:1px solid rgba(224,184,120,.8);border-radius:50%;background:#151a35;color:#e8c17e;font-size:18px;box-shadow:0 0 0 7px rgba(12,16,36,.55),0 0 22px rgba(224,184,120,.25)}.ask-title-panel h1{margin:0;color:#fff5dd;font-family:Georgia,"Noto Serif Thai",serif;font-size:clamp(25px,7vw,30px);font-weight:500;letter-spacing:.01em;text-shadow:0 2px 15px rgba(224,184,120,.3)}.ask-title-panel i{display:block;width:72%;height:1px;margin:7px auto 6px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.ask-title-panel p{margin:0;color:#d4cfdf;font-size:12px}.ask-companion{display:grid;grid-template-columns:46px 1fr;align-items:center;flex:0 0 auto;gap:8px}.ask-companion img{width:46px;height:46px;border:2px solid #efd18f;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px rgba(19,22,45,.9),0 8px 22px rgba(0,0,0,.35)}.ask-companion p{position:relative;margin:0;padding:9px 12px;border-radius:15px;color:#f6f1ec;font-size:12px;line-height:1.4}.ask-companion p:before{content:"";position:absolute;left:-8px;top:16px;width:12px;height:12px;transform:rotate(45deg);border-bottom:1px solid rgba(232,195,129,.72);border-left:1px solid rgba(232,195,129,.72);background:rgba(18,22,49,.9)}.ask-form-panel{flex:0 0 auto;padding:clamp(11px,1.7dvh,15px) 14px;border-radius:20px}.ask-topics{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:clamp(8px,1.2dvh,12px)}.ask-topics button{min-height:32px;padding:4px 11px;border:1px solid rgba(190,190,211,.45);border-radius:999px;background:rgba(18,21,44,.55);color:#f2eef5;font:inherit;font-size:12px;cursor:pointer}.ask-topics button span{margin-right:6px}.ask-topics button.is-selected,.ask-topics button:focus-visible{border-color:#eccd8d;background:linear-gradient(120deg,rgba(100,67,38,.78),rgba(41,37,57,.82));color:#ffe9ae;box-shadow:0 0 18px rgba(224,184,120,.24),inset 0 0 12px rgba(255,223,153,.08);outline:none}.ask-label{display:flex;align-items:center;gap:8px;margin-bottom:6px;color:#e8c98e;font-size:13px}.ask-label:after{content:"";width:62px;height:1px;background:linear-gradient(90deg,rgba(224,184,120,.8),transparent)}.ask-textarea-wrap{position:relative}.ask-textarea-wrap textarea{display:block;width:100%;height:clamp(78px,12.5dvh,112px);min-height:0;resize:none;padding:11px 12px 27px;border:1px solid rgba(229,201,148,.75);border-radius:14px;outline:none;background:rgba(16,20,45,.58);color:#fffaf2;font:inherit;font-size:14px;line-height:1.42;box-shadow:inset 0 0 22px rgba(0,0,0,.18)}.ask-textarea-wrap textarea::placeholder{color:#aaa8bb}.ask-textarea-wrap textarea:focus{border-color:#ffe0a0;box-shadow:0 0 0 3px rgba(224,184,120,.12),inset 0 0 22px rgba(0,0,0,.18)}.ask-textarea-wrap span{position:absolute;right:12px;bottom:9px;color:#aaa7bb;font-size:12px}.ask-error,.ask-notice{margin:5px 0}.ask-cta-wrap{flex:0 0 auto;margin-top:auto;padding:0 8px;text-align:center}.ask-cta{position:relative;display:flex;width:min(100%,310px);min-height:50px;margin:0 auto 6px;align-items:center;justify-content:center;gap:10px;overflow:hidden;border:1px solid #fff0bb;border-radius:999px;background:linear-gradient(180deg,#ffeab4,#deb168 55%,#b77b3f);color:#332414;font:inherit;font-family:Georgia,"Noto Serif Thai",serif;font-size:20px;font-weight:600;cursor:pointer;box-shadow:0 0 0 4px rgba(71,46,30,.34),0 0 30px rgba(255,204,117,.34),inset 0 1px #fff9df}.ask-cta:after{content:"";position:absolute;inset:3px;border:1px solid rgba(92,57,29,.24);border-radius:inherit}.ask-card-mark{display:grid;width:29px;height:37px;place-items:center;transform:rotate(-6deg);border:1px solid #d0a05a;border-radius:5px;background:#171b38;color:#f4ca79;font-size:17px;box-shadow:4px 2px 0 #252a4b}.ask-cta:disabled{cursor:not-allowed;filter:saturate(.35) brightness(.7);box-shadow:none}.ask-cta-wrap p{margin:0;color:#ddd8df;font-size:11px;text-shadow:0 2px 6px rgba(0,0,0,.75)}.ask-screen:has(.ask-error),.ask-screen:has(.ask-notice){height:auto;min-height:100dvh;overflow-y:auto}.shell:has(.ask-screen) .game-tabbar{border-top-color:rgba(224,184,120,.48);background:linear-gradient(180deg,rgba(17,21,46,.92),rgba(8,11,29,.98))}@media (max-width:360px){.ask-screen{padding-inline:14px}.ask-title-panel{margin-inline:12px}.ask-topics button{padding-inline:12px}}@media (max-height:720px){.ask-screen{gap:5px;padding-top:calc(9px + env(safe-area-inset-top))}.ask-wordmark span{display:none}.ask-title-panel{margin-top:10px;padding-block:19px 8px}.ask-title-panel i{margin-block:4px}.ask-companion img{width:38px;height:38px}.ask-companion{grid-template-columns:38px 1fr}.ask-companion p{padding-block:6px}.ask-form-panel{padding-block:8px}.ask-topics{margin-bottom:5px}.ask-topics button{min-height:28px;padding-block:2px}.ask-cta{min-height:44px}.ask-card-mark{width:25px;height:32px}}@media (prefers-reduced-motion:reduce){.ask-sparkles i{animation:none;opacity:.55}}.shell:has(.fortune-screen){--shell:430px}.shell:has(.fortune-screen)>.topbar{display:none}.shell:has(.fortune-screen)>main{padding:0}.fortune-screen{position:relative;display:flex;height:100dvh;min-height:640px;flex-direction:column;overflow:hidden;isolation:isolate;padding:calc(15px + env(safe-area-inset-top)) 16px calc(82px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(5,8,22,.05) 40%,rgba(5,8,22,.76) 78%),url(/assets/xiaoxing/backgrounds/v1/B10-fortune-companion.png) top /cover no-repeat,#0b1022}.fortune-screen:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 57%,transparent 0 27%,rgba(6,8,23,.2) 58%),linear-gradient(90deg,rgba(5,7,20,.17),transparent 20% 80%,rgba(5,7,20,.17))}.fortune-crown{position:relative;z-index:3;display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:10px;flex:0 0 auto}.fortune-round-control{display:grid;width:46px;height:46px;place-items:center;padding:0;border:1px solid rgba(245,213,151,.86);border-radius:50%;background:rgba(15,19,42,.62);color:#fff4dd;font:inherit;font-size:35px;line-height:1;text-decoration:none;cursor:pointer;box-shadow:0 5px 18px rgba(0,0,0,.25);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.fortune-round-control svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.fortune-tools button svg path:first-child{fill:currentColor;stroke:none}.fortune-title{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;text-align:center}.fortune-title h1{margin:0;color:#ffe9b5;font-family:Georgia,"Noto Serif Thai",serif;font-size:28px;font-weight:700;text-shadow:0 2px 12px rgba(0,0,0,.78),0 0 16px rgba(241,192,103,.2)}.fortune-title-star{position:absolute;left:50%;bottom:-12px;transform:translateX(-50%);color:#ffd78b;font-size:14px;filter:drop-shadow(0 0 6px #ffc96f);animation:fortune-glow 2.4s ease-in-out infinite}.fortune-title-cloud{color:#f0c778;font-size:24px;line-height:1;opacity:.92;filter:drop-shadow(0 1px 5px rgba(0,0,0,.6))}.fortune-title-cloud.right{transform:scaleX(-1)}.fortune-tools{display:flex;gap:8px}.fortune-tools .fortune-round-control{width:42px;height:42px;font-size:20px}.fortune-error{position:absolute;z-index:4;top:72px;left:16px;right:16px}.fortune-ritual{display:flex;flex:1 1 auto;min-height:0;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:clamp(8px,1.5dvh,15px);text-align:center}.fortune-dialogue{position:relative;width:100%;margin-bottom:clamp(12px,2dvh,18px);padding:clamp(20px,2.8dvh,27px) 18px clamp(16px,2.2dvh,21px);border:1px solid rgba(239,202,132,.86);border-radius:19px;background:radial-gradient(circle at 100% 0,rgba(117,93,145,.18),transparent 38%),linear-gradient(145deg,rgba(12,19,49,.9),rgba(22,30,65,.86));color:#fff7e7;box-shadow:inset 0 0 28px rgba(115,91,151,.18),0 10px 30px rgba(1,3,15,.32),0 0 18px rgba(225,185,111,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fortune-dialogue:after,.fortune-dialogue:before{content:"✦";position:absolute;color:#ffd785;font-size:17px;text-shadow:0 0 9px #ffca6e}.fortune-dialogue:before{top:7px;left:10px}.fortune-dialogue:after{right:10px;bottom:7px}.fortune-dialogue span{position:absolute;top:-15px;left:18px;min-width:130px;padding:4px 18px;border:1px solid #e7bd72;border-radius:999px;background:rgba(17,25,57,.94);color:#f4d596;font-size:16px}.fortune-dialogue p,.fortune-dialogue span{font-family:Georgia,"Noto Serif Thai",serif}.fortune-dialogue p{margin:0;font-size:clamp(19px,5.2vw,23px);line-height:1.42}.fortune-guidance{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 0 clamp(11px,1.7dvh,16px);color:#f7f0e7;font-size:13px;text-shadow:0 2px 8px rgba(0,0,0,.82)}.fortune-guidance i{color:#e9c17b;font-style:normal}.fortune-shake{position:relative;display:flex;width:min(100%,326px);min-height:68px;align-items:center;justify-content:center;gap:14px;overflow:hidden;border:1px solid #fff0b5;border-radius:999px;background:radial-gradient(circle at 50% 0,rgba(110,130,202,.48),transparent 45%),linear-gradient(180deg,rgba(45,57,113,.98),rgba(22,29,70,.98));color:#ffe9ae;font:inherit;font-family:Georgia,"Noto Serif Thai",serif;font-size:23px;font-weight:600;cursor:pointer;box-shadow:0 0 0 4px rgba(57,45,88,.55),0 0 25px rgba(255,203,112,.56),inset 0 0 26px rgba(139,131,204,.24)}.fortune-shake:after{content:"";position:absolute;inset:5px;border:1px solid rgba(237,193,111,.42);border-radius:inherit}.fortune-stick-icon{position:relative;display:flex;width:29px;height:34px;align-items:flex-start;justify-content:center;gap:3px;padding-top:1px;border:2px solid #ffd784;border-top:0;border-radius:4px 4px 8px 8px;transform:rotate(-7deg);filter:drop-shadow(0 0 7px rgba(255,209,124,.72))}.fortune-stick-icon i{width:3px;height:23px;border-radius:999px 999px 0 0;background:#ffd784}.fortune-stick-icon i:nth-child(2){height:27px}.fortune-shake.is-shaking .fortune-stick-icon{animation:fortune-shake .36s ease-in-out infinite}.fortune-shake:disabled{cursor:wait;opacity:.75}.fortune-tap{margin:12px 0 0;color:#f3e9df;font-size:12px;text-shadow:0 2px 7px #000}.fortune-ritual small{margin-top:17px;color:rgba(225,220,222,.62);font-size:10px;text-shadow:0 2px 7px #000}.fortune-result{margin-top:clamp(190px,29dvh,270px);padding-bottom:34px}.fortune-screen.has-result{height:auto;min-height:100dvh;overflow-y:auto;background-attachment:fixed}.fortune-screen.has-result:after{content:"";position:absolute;inset:27dvh 0 0;z-index:-1;background:linear-gradient(transparent,rgba(7,10,28,.94) 18%,#0b1022 55%)}.fortune-paper{position:relative;margin:0 -4px 14px;min-height:292px;padding:35px 38px 28px;border:0;background:url(/assets/xiaoxing/ui/fortune/v1/result-paper.png) 50%/100% 100% no-repeat;color:#4f301f;text-align:center;filter:drop-shadow(0 16px 22px rgba(0,0,0,.34))}.fortune-paper-pin{display:none}.fortune-paper-label{margin:0;color:#7f6343;font-family:Georgia,"Noto Serif Thai",serif;font-size:14px}.fortune-paper-number{display:block;margin:1px 0;color:#8e342c;font-family:Georgia,serif;font-size:clamp(58px,17vw,74px);line-height:1}.fortune-paper h2{position:relative;z-index:1;margin:7px 0;font-family:Georgia,"Noto Serif Thai",serif;font-size:clamp(19px,5.4vw,23px);line-height:1.35}.fortune-paper>i{display:block;width:68%;height:1px;margin:10px auto;background:linear-gradient(90deg,transparent,#9f7244,transparent)}.fortune-paper>p:not(.fortune-paper-label){position:relative;z-index:1;margin:0;font-size:14px;line-height:1.65}.fortune-paper-status{position:relative;z-index:1;display:inline-block;min-width:165px;margin-top:15px;padding:8px 20px;border:0;background:url(/assets/xiaoxing/ui/fortune/v1/button-navy.png) 50%/100% 100% no-repeat;color:#f5dfb0;font-size:13px;filter:drop-shadow(0 4px 6px rgba(56,35,24,.22))}.fortune-aspects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 -1px 13px}.fortune-aspect{display:grid;grid-template-columns:51px 1fr;align-items:center;gap:10px;min-height:105px;padding:14px 13px;border:0;background:url(/assets/xiaoxing/ui/fortune/v1/aspect-panel.png) 50%/100% 100% no-repeat;filter:drop-shadow(0 7px 9px rgba(0,0,0,.22))}.fortune-aspect>span{display:grid;width:49px;height:49px;place-items:center;border:1px solid rgba(226,184,111,.72);border-radius:50%;color:#f0c878;font-family:Georgia,serif;font-size:25px;box-shadow:inset 0 0 13px rgba(211,174,107,.08)}.fortune-aspect h2{margin:0 0 8px;color:#fff8e9;font-size:15px}.fortune-aspect h2:after{content:"";display:block;width:100%;height:1px;margin-top:5px;background:linear-gradient(90deg,#d6ad69,transparent)}.fortune-aspect p{margin:0;color:#c9c5d3;font-size:11px;line-height:1.45}.fortune-warning{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:9px;margin-bottom:12px;padding:10px 14px;border:1px solid rgba(216,120,95,.55);border-radius:13px;background:rgba(61,31,43,.8)}.fortune-warning strong{color:#f2c2b0;font-size:12px}.fortune-warning span{color:#d99e79}.fortune-warning p{margin:0;color:#ddd1d1;font-size:11px;line-height:1.45}.fortune-personal{display:grid;grid-template-columns:68px 1fr;align-items:center;gap:7px 13px;margin:13px -1px 0;padding:20px 25px 18px;border:0;background:url(/assets/xiaoxing/ui/fortune/v1/personal-panel.png) 50%/100% 100% no-repeat;filter:drop-shadow(0 9px 13px rgba(0,0,0,.28))}.fortune-personal-avatar{display:block;width:68px;height:68px;grid-row:span 2;border:2px solid #e8c47f;border-radius:50%;background:url(/assets/xiaoxing/backgrounds/v1/B10-fortune-companion.png) 49% 27%/360% auto;box-shadow:0 0 0 3px rgba(13,18,42,.86)}.fortune-personal-copy h3{margin:0 0 3px;color:#fff7e8;font-size:13px;line-height:1.4}.fortune-personal-copy p{display:none}.fortune-personal-cta{min-height:44px;grid-column:2;border:0;background:url(/assets/xiaoxing/ui/fortune/v1/cta-gold.png) 50%/100% 100% no-repeat;color:#3c2815;font:inherit;font-size:15px;font-weight:700;cursor:pointer;filter:drop-shadow(0 5px 9px rgba(255,199,102,.24))}.fortune-personal-cta:disabled{cursor:not-allowed;filter:saturate(.3) brightness(.65);box-shadow:none}.fortune-personal-unavailable{grid-column:1/-1;margin:-3px 0 0;color:#c69b91;font-size:10px;text-align:center}.fortune-gallery-link{display:flex;width:min(100%,240px);min-height:47px;margin:16px auto 0;align-items:center;justify-content:center;gap:9px;border:0;background:url(/assets/xiaoxing/ui/fortune/v1/button-navy.png) 50%/100% 100% no-repeat;color:#f4eadc;font-size:13px;text-decoration:none;filter:drop-shadow(0 6px 9px rgba(0,0,0,.25))}.fortune-gallery-link span{color:#e6c17c;font-size:19px}@keyframes fortune-glow{0%,to{opacity:.45;transform:translateX(-50%) scale(.75)}50%{opacity:1;transform:translateX(-50%) scale(1.12)}}@keyframes fortune-shake{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@media (max-height:760px){.fortune-screen{padding-top:calc(10px + env(safe-area-inset-top))}.fortune-round-control{width:40px;height:40px}.fortune-tools .fortune-round-control{width:38px;height:38px}.fortune-dialogue{margin-bottom:9px;padding-block:18px 12px}.fortune-dialogue p{font-size:18px}.fortune-guidance{margin-bottom:8px}.fortune-shake{min-height:56px;font-size:20px}.fortune-tap{margin-top:7px}.fortune-ritual small{margin-top:8px}}@media (prefers-reduced-motion:reduce){.fortune-shake.is-shaking .fortune-stick-icon,.fortune-title span{animation:none}}.shell:has(.daily-screen){--shell:430px}.shell:has(.daily-screen)>.topbar{display:none}.shell:has(.daily-screen)>main{padding:0}.daily-screen{position:relative;min-height:100dvh;overflow:hidden;isolation:isolate;padding:calc(14px + env(safe-area-inset-top)) 16px calc(88px + env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent 52%,rgba(5,8,23,.46) 76%,#090e20),url(/assets/xiaoxing/ui/cards/v1/daily-scene.png) top /cover no-repeat,#090e20;color:#fff6df}.daily-screen:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 53%,transparent 0 34%,rgba(3,6,18,.22) 78%)}.daily-screen.has-card{height:auto;overflow-y:auto;background-attachment:fixed;background-position:50%,top;background-size:100% 100%,auto 100dvh;background-repeat:no-repeat}.daily-crown{position:relative;z-index:8;display:grid;grid-template-columns:46px 1fr 46px;align-items:center;gap:8px}.daily-round-control{display:grid;width:46px;height:46px;place-items:center;padding:0;border:1px solid #efd18e;border-radius:50%;background:rgba(10,16,39,.78);color:#fff2d0;font:inherit;font-size:36px;line-height:1;text-decoration:none;box-shadow:0 4px 18px rgba(0,0,0,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.daily-round-control svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7}.daily-title{display:flex;align-items:center;justify-content:center;gap:10px;text-align:center}.daily-title h1{margin:0;color:#ffe8ad;font-family:Georgia,"Noto Serif Thai",serif;font-size:29px;font-weight:700;text-shadow:0 2px 12px #000}.daily-title i{color:#e8bd6b;font-size:23px;font-style:normal;line-height:1;filter:drop-shadow(0 0 5px rgba(241,190,95,.5))}.daily-title i:last-child{transform:scaleX(-1)}.daily-error{position:absolute;z-index:10;top:70px;left:16px;right:16px}.daily-ritual{display:flex;min-height:calc(100dvh - 64px - 102px);flex-direction:column;align-items:center;padding-top:clamp(210px,31dvh,270px);text-align:center}.daily-dialogue{position:relative;z-index:4;display:grid;width:min(100%,330px);min-height:92px;place-items:center;padding:18px 32px 20px;background:url(/assets/xiaoxing/ui/cards/v1/dialogue-panel.png) 50%/100% 100% no-repeat;filter:drop-shadow(0 10px 14px rgba(0,0,0,.32))}.daily-dialogue p{margin:0;color:#fff2cf;font-family:Georgia,"Noto Serif Thai",serif;font-size:19px;line-height:1.5;text-shadow:0 2px 8px #000}.daily-card-stage{position:relative;z-index:2;width:100%;height:clamp(218px,29dvh,265px);margin-top:-8px;perspective:900px}.daily-magic{position:absolute;top:50%;left:50%;width:310px;max-width:92vw;transform:translate(-50%,-48%);pointer-events:none;opacity:.72;mix-blend-mode:screen;animation:daily-aura 5s ease-in-out infinite}.daily-card-back,.daily-card-face{position:absolute;top:50%;left:50%;width:clamp(105px,29vw,128px);height:auto;transform:translate(-50%,-50%);border-radius:7px;filter:drop-shadow(0 0 16px rgba(255,205,112,.72)) drop-shadow(0 12px 13px rgba(0,0,0,.5))}.daily-card-back{animation:daily-card-float 3.2s ease-in-out infinite}.daily-screen.is-drawing .daily-card-back{animation:daily-card-draw 1.15s cubic-bezier(.22,.78,.22,1) both}.daily-screen.is-drawing .daily-magic{opacity:1;animation:daily-reveal-flare 1.15s ease-in-out both}.daily-sparkles{position:absolute;inset:0;pointer-events:none}.daily-sparkles i{--x:50%;--y:50%;position:absolute;top:var(--y);left:var(--x);width:5px;height:5px;border-radius:50%;background:#fff7c8;box-shadow:0 0 9px 3px #ffc85f;animation:daily-twinkle 1.8s ease-in-out infinite}.daily-sparkles i:first-child{--x:28%;--y:35%}.daily-sparkles i:nth-child(2){--x:69%;--y:31%;animation-delay:-.7s}.daily-sparkles i:nth-child(3){--x:21%;--y:61%;animation-delay:-1.1s}.daily-sparkles i:nth-child(4){--x:78%;--y:58%;animation-delay:-.35s}.daily-sparkles i:nth-child(5){--x:36%;--y:76%;animation-delay:-1.45s}.daily-sparkles i:nth-child(6){--x:64%;--y:79%;animation-delay:-.9s}.daily-sparkles i:nth-child(7){--x:41%;--y:24%;animation-delay:-.25s}.daily-sparkles i:nth-child(8){--x:59%;--y:19%;animation-delay:-1.25s}.daily-sparkles i:nth-child(9){--x:17%;--y:46%;animation-delay:-.55s}.daily-sparkles i:nth-child(10){--x:84%;--y:43%;animation-delay:-1.6s}.daily-sparkles i:nth-child(11){--x:31%;--y:86%;animation-delay:-.15s}.daily-sparkles i:nth-child(12){--x:73%;--y:87%;animation-delay:-1s}.daily-open{position:relative;z-index:4;display:grid;width:min(100%,340px);min-height:64px;place-items:center;padding:12px 38px;border:0;background:url(/assets/xiaoxing/ui/cards/v1/cta-gold.png) 50%/100% 100% no-repeat;color:#3d2918;font:inherit;font-family:Georgia,"Noto Serif Thai",serif;font-size:21px;font-weight:700;text-decoration:none;text-shadow:0 1px rgba(255,255,255,.38);cursor:pointer;filter:drop-shadow(0 0 15px rgba(255,202,103,.46))}.daily-open:disabled{cursor:wait;opacity:.82}.daily-free{margin:7px 0 0;color:#f3e4c7;font-size:12px;text-shadow:0 2px 7px #000}.daily-result{display:flex;flex-direction:column;align-items:center;padding-top:clamp(195px,27dvh,250px);padding-bottom:26px}.daily-result .result-stage{height:290px}.daily-card-face{width:clamp(150px,43vw,182px);animation:daily-card-turn .8s cubic-bezier(.22,.7,.25,1) both}.daily-card-face.is-reversed{animation-name:daily-card-turn-reversed}.daily-result.just-revealed .daily-magic{animation:daily-reveal-flare 1.35s ease-out both}.daily-meaning{position:relative;z-index:4;width:100%;margin-top:-10px;padding:26px 35px 30px;background:url(/assets/xiaoxing/ui/cards/v1/dialogue-panel.png) 50%/100% 100% no-repeat;text-align:center;filter:drop-shadow(0 10px 18px rgba(0,0,0,.36))}.daily-meaning>span{color:#e7bd73;font-size:12px}.daily-meaning h2{margin:3px 0;color:#fff2d1;font-family:Georgia,"Noto Serif Thai",serif;font-size:24px}.daily-meaning em,.daily-meaning small{display:block;color:#c9c2d1;font-size:11px;font-style:normal}.daily-meaning>i{display:block;width:72%;height:1px;margin:10px auto;background:linear-gradient(90deg,transparent,#dab36c,transparent)}.daily-meaning p{margin:0;color:#f6efe7;font-size:14px;line-height:1.65}.daily-personal{width:100%;margin-top:12px;padding:14px 18px 18px;border:1px solid rgba(227,185,109,.6);border-radius:18px;background:rgba(11,18,44,.9);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.daily-personal p{margin:0 0 8px;color:#eee7e4;font-size:13px}.daily-personal .daily-open{min-height:52px;font-size:16px}@keyframes daily-card-float{0%,to{transform:translate(-50%,-50%) translateY(3px)}50%{transform:translate(-50%,-50%) translateY(-7px)}}@keyframes daily-card-draw{0%{transform:translate(-50%,-50%) rotateY(0) scale(1)}45%{transform:translate(-50%,-55%) rotateY(85deg) scale(1.12)}to{transform:translate(-50%,-58%) rotateY(180deg) scale(1.18)}}@keyframes daily-card-turn{0%{opacity:0;transform:translate(-50%,-50%) rotateY(-90deg) scale(1.12)}to{opacity:1;transform:translate(-50%,-50%) rotateY(0) scale(1)}}@keyframes daily-card-turn-reversed{0%{opacity:0;transform:translate(-50%,-50%) rotateY(-90deg) rotate(180deg) scale(1.12)}to{opacity:1;transform:translate(-50%,-50%) rotateY(0) rotate(180deg) scale(1)}}@keyframes daily-aura{0%,to{transform:translate(-50%,-48%) scale(.96);opacity:.58}50%{transform:translate(-50%,-48%) scale(1.04);opacity:.84}}@keyframes daily-reveal-flare{0%{transform:translate(-50%,-48%) scale(.7);opacity:.3}52%{transform:translate(-50%,-48%) scale(1.18);opacity:1}to{transform:translate(-50%,-48%) scale(1);opacity:.78}}@keyframes daily-twinkle{0%,to{opacity:.18;transform:scale(.45)}50%{opacity:1;transform:scale(1.25)}}@media (max-height:760px){.daily-ritual{padding-top:180px}.daily-card-stage{height:202px}.daily-dialogue{min-height:78px}.daily-dialogue p{font-size:17px}.daily-open{min-height:55px;font-size:18px}.daily-result{padding-top:170px}}@media (prefers-reduced-motion:reduce){.daily-card-back,.daily-card-face,.daily-magic,.daily-sparkles i{animation:none!important}}.hero{position:relative;border-radius:var(--radius);overflow:hidden;padding:18px;margin-bottom:14px;background-size:cover;background-position:50%;min-height:150px;display:flex;flex-direction:column;justify-content:flex-end;gap:4px}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(12,16,32,.45),rgba(12,16,32,.92) 80%)}.hero>*{position:relative;z-index:1}.hero h1{font-size:21px;margin:0}.hero p{margin:0;color:var(--muted-night);font-size:13px}.card{background:var(--night-2);border:1px solid rgba(255,255,255,.07);border-radius:var(--radius);padding:16px;margin-bottom:12px}.card h2{margin:0 0 6px;font-size:16px}.card p{margin:0 0 10px}.paper{background:var(--cream);color:var(--on-cream);border-radius:var(--radius);padding:18px;margin-bottom:12px}.paper h2,.paper h3{margin:0 0 8px}.paper .dim{color:var(--muted-cream)}.dim{color:var(--muted-night);font-size:13px}.tiny{font-size:12px}.tiles{display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:12px}.tile{display:flex;flex-direction:column;justify-content:flex-end;gap:2px;min-height:108px;padding:14px;border-radius:var(--radius);background:var(--night-2) center/cover;border:1px solid rgba(255,255,255,.07);color:var(--on-night);text-decoration:none;position:relative;overflow:hidden}.tile:after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(12,16,32,.2),rgba(12,16,32,.88) 75%)}.tile>*{position:relative;z-index:1}.tile strong{font-size:15px}.tile span{font-size:11.5px;color:var(--muted-night)}.tile.wide{grid-column:1/-1;min-height:92px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;padding:12px 18px;border-radius:14px;border:1px solid transparent;background:var(--gold);color:#24190a;font-size:15px;font-weight:700;font-family:inherit;cursor:pointer}.btn:disabled{opacity:.55;cursor:default}.btn.ghost{background:transparent;border-color:rgba(255,255,255,.22)}.btn.ghost,.btn.quiet{color:var(--on-night);font-weight:600}.btn.quiet{background:rgba(255,255,255,.06)}.btn.small{width:auto;min-height:38px;padding:8px 14px;font-size:13px;border-radius:10px}.btns{display:flex;gap:8px;flex-wrap:wrap}.field{width:100%;box-sizing:border-box;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.16);color:var(--on-night);border-radius:12px;padding:12px 14px;font:inherit;font-size:15px}.field::placeholder{color:#7d7a90}.chips{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0}.chip{border:1px solid rgba(255,255,255,.2);background:transparent;color:var(--on-night);border-radius:999px;padding:7px 13px;font:inherit;font-size:13px;cursor:pointer}.chip[aria-pressed=true]{background:rgba(224,184,120,.2);border-color:var(--gold);color:var(--gold)}.badge{display:inline-block;border-radius:999px;padding:3px 10px;font-size:11.5px;background:rgba(255,255,255,.09);color:var(--muted-night)}.badge.good{background:rgba(127,176,122,.18);color:var(--ok)}.badge.warn{background:rgba(216,120,95,.18);color:var(--danger)}.note{border-radius:12px;padding:11px 14px;margin-bottom:12px;font-size:13.5px;background:rgba(224,184,120,.12);border:1px solid rgba(224,184,120,.3)}.note.bad{background:rgba(216,120,95,.14);border-color:rgba(216,120,95,.4);color:#ffd8cd}.deck{position:relative}.back{aspect-ratio:2/3.4;border-radius:6px;border:1px solid rgba(224,184,120,.3);background:#1b2140 50%/cover;padding:0;cursor:pointer}.back:disabled{opacity:.35}.shell:has(.reading-pick-screen){--shell:430px}.shell:has(.reading-pick-screen)>.topbar{position:absolute;inset:0 0 auto;background:linear-gradient(180deg,rgba(7,9,23,.72),transparent)}.shell:has(.reading-pick-screen)>main{padding:0}.reading-pick-screen{--reading-scene:none;min-height:100dvh;padding:calc(72px + env(safe-area-inset-top)) 18px calc(112px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(7,9,24,.25),rgba(7,9,24,.58)),var(--reading-scene) center top /cover fixed,#0b1022}.reading-pick-screen>.hero{min-height:0!important;margin-bottom:16px;padding:20px 21px;border:1px solid rgba(224,184,120,.62);border-radius:22px;background-image:linear-gradient(145deg,rgba(13,18,43,.9),rgba(26,29,58,.7))!important;box-shadow:inset 0 0 28px rgba(112,82,132,.12),0 14px 36px rgba(0,0,0,.28);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.reading-pick-screen>.hero:after{background:linear-gradient(110deg,rgba(10,14,34,.12),rgba(10,14,34,.38))}.reading-pick-screen>.hero h1{color:#fff1cf;font-family:Georgia,"Noto Serif Thai",serif;font-size:29px;font-weight:500}.reading-pick-screen>.hero p{display:-webkit-box;overflow:hidden;color:#d5d0dd;font-size:14px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.reading-pick-screen>.center.dim.tiny{margin:0 0 20px;color:#d0cad8;font-size:12px;text-shadow:0 2px 8px rgba(0,0,0,.8)}.tarot-pick{margin-inline:-18px;overflow:hidden}.tarot-table{position:relative;min-height:540px;margin-top:-4px;padding-top:8px;background:radial-gradient(ellipse at center,rgba(224,184,120,.1),transparent 58%),linear-gradient(180deg,transparent,rgba(20,8,10,.2))}.tarot-table:before{content:"";position:absolute;inset:42px 9px 44px;border:1px solid rgba(224,184,120,.18);border-radius:50%;box-shadow:inset 0 0 42px rgba(224,184,120,.06)}.deck-fan{width:100%;height:486px}.fan-card{--fan-row:0;--fan-column:0;--fan-curve:0px;--fan-angle:0deg;--card-back:none;position:absolute;top:calc(8px + var(--fan-row) * 154px + var(--fan-curve));left:calc(50% - 34px + (var(--fan-column) - 12.5) * 12.2px);z-index:calc(var(--fan-row) * 30 + var(--fan-column) + 1);width:68px;height:116px;aspect-ratio:auto;border:1px solid rgba(245,206,132,.82);border-radius:7px;background-color:#111936;background-image:var(--card-back);background-position:50%;background-size:162% auto;box-shadow:-3px 6px 9px rgba(2,3,12,.55),inset 0 0 0 1px rgba(255,234,180,.15);transform:rotate(var(--fan-angle));transform-origin:50% 112%;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}.fan-card:focus-visible,.fan-card:hover{z-index:100;outline:none;filter:brightness(1.18);transform:translateY(-20px) rotate(var(--fan-angle)) scale(1.06);box-shadow:0 0 0 2px #ffe0a0,0 0 26px rgba(255,201,100,.7),-3px 9px 16px rgba(0,0,0,.65)}.fan-card:active{transform:translateY(-14px) rotate(var(--fan-angle)) scale(1.03)}.fan-card:disabled{opacity:.68;cursor:wait}.tarot-pick-hint{position:absolute;inset:auto 0 4px;margin:0;color:#f0cf91;font-size:14px;text-align:center;text-shadow:0 2px 10px #000}.tarot-pick-hint span{display:block;margin-bottom:4px;color:#ffe099;font-size:23px}.tarot-pick-trust{margin:11px 28px 0;color:#aaa5b5;font-size:10px;line-height:1.5;text-align:center}.shell:has(.reading-pick-screen) .game-tabbar{border-top-color:rgba(224,184,120,.48);background:linear-gradient(180deg,rgba(17,21,46,.94),rgba(8,11,29,.99))}@media (max-width:360px){.fan-card{left:calc(50% - 31px + (var(--fan-column) - 12.5) * 10.7px);width:62px;height:106px}}.drawn-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;margin-bottom:10px}.drawn-row figure{margin:0;flex:0 0 96px;text-align:center}.drawn-row img{width:96px;border-radius:8px;display:block}.drawn-row img.rev{transform:rotate(180deg)}.drawn-row figcaption{font-size:11px;color:var(--muted-night);margin-top:4px}.grid10{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.grid10 figure{margin:0;text-align:center}.grid10 img{width:100%;border-radius:6px;display:block}.grid10 figcaption{font-size:10px;color:var(--muted-night)}.portrait{width:54px;height:54px;border-radius:50%;object-fit:cover;border:1px solid rgba(224,184,120,.45)}.speech{display:flex;gap:10px;align-items:flex-start;margin-bottom:12px}.speech .bubble{background:var(--night-2);border:1px solid rgba(255,255,255,.08);border-radius:4px 16px 16px 16px;padding:12px 14px;font-size:14px}.turns{display:flex;flex-direction:column;gap:10px;margin:12px 0}.bubble-her,.bubble-me{max-width:86%;padding:11px 14px;border-radius:16px;font-size:14px;line-height:1.55}.bubble-me{align-self:flex-end;background:rgba(224,184,120,.18);border:1px solid rgba(224,184,120,.3);border-bottom-right-radius:4px}.bubble-her{align-self:flex-start;background:var(--night-2);border:1px solid rgba(255,255,255,.08);border-bottom-left-radius:4px}.rows{display:flex;flex-direction:column}.rows .row-item{display:flex;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.07);color:inherit;text-decoration:none}.rows .row-item:last-child{border-bottom:0}.rows .row-item .grow{flex:1 1;min-width:0}.rows .row-item .title{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.amount{font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.amount.plus{color:var(--ok)}.amount.minus,.section-title{color:var(--muted-night)}.section-title{font-size:13px;margin:18px 0 8px;letter-spacing:.04em}.center{text-align:center}.spin{width:34px;height:34px;margin:28px auto;border-radius:50%;border:3px solid rgba(255,255,255,.15);border-top:3px solid var(--gold);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.spin{animation-duration:3s}}.reveal{border-radius:var(--radius);padding:18px 16px 16px;margin-bottom:12px;background:var(--night-2) center/cover;border:1px solid rgba(224,184,120,.28);text-align:center;position:relative;overflow:hidden}.reveal:after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(12,16,32,.55),rgba(12,16,32,.88) 85%)}.reveal>*{position:relative;z-index:1}.reveal .position{color:var(--gold);font-size:13px;letter-spacing:.06em}.reveal .face{width:min(68%,230px);margin:12px auto 10px;display:block;border-radius:12px;box-shadow:0 14px 40px rgba(0,0,0,.55);animation:flip-in .62s cubic-bezier(.2,.8,.25,1) both;transform-origin:center}.reveal .face.rev{transform:rotate(180deg);animation-name:flip-in-reversed}.reveal .name{font-size:15px;font-weight:700}.reveal .meta{color:var(--muted-night);font-size:12px;margin-top:2px}.reveal .pager{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:12px}.reveal .pager button{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:var(--on-night);border-radius:50%;width:40px;height:40px;font-size:18px;font-family:inherit;cursor:pointer}.reveal .pager button:disabled{opacity:.3;cursor:default}.reveal .dots{display:flex;gap:6px}.reveal .dots i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.25)}.reveal .dots i.on{background:var(--gold)}@keyframes flip-in{0%{transform:rotateY(90deg) scale(.92);opacity:0}to{transform:rotateY(0) scale(1);opacity:1}}@keyframes flip-in-reversed{0%{transform:rotateY(90deg) rotate(180deg) scale(.92);opacity:0}to{transform:rotateY(0) rotate(180deg) scale(1);opacity:1}}@media (prefers-reduced-motion:reduce){.reveal .face,.reveal .face.rev{animation:none}}.drawn-row figure button,.grid10 figure button{background:none;border:0;padding:0;width:100%;cursor:pointer}.front-shell main{position:relative;padding-left:0;padding-right:0;padding-bottom:calc(78px + env(safe-area-inset-bottom));overflow:hidden;background-image:linear-gradient(180deg,transparent 0 54%,rgba(10,13,29,.18) 62%,rgba(10,13,29,.34) 90%,var(--night) 100%),var(--home-scene);background-position:top;background-repeat:no-repeat;background-size:100% auto}.front-shell{--shell:430px;width:min(100%,var(--shell));overflow-x:clip;isolation:isolate;background:radial-gradient(circle at 50% 67%,rgba(75,60,118,.22),transparent 35%),var(--night)}.crown{position:absolute;inset:0 0 auto;z-index:20;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:calc(17px + env(safe-area-inset-top)) 20px 28px;background:linear-gradient(180deg,rgba(7,10,23,.46),rgba(8,11,25,.2) 64%,transparent);pointer-events:none}.crown a{pointer-events:auto}.crown-word{display:flex;align-items:center;gap:6px;font-family:Georgia,Times New Roman,serif;font-size:clamp(21px,5.5vw,24px);letter-spacing:.1em;color:var(--cream);line-height:1}.crown-star{width:20px;height:20px;color:var(--gold);filter:drop-shadow(0 0 7px rgba(224,184,120,.78))}.crown-cn{display:flex;align-items:center;gap:10px;margin-top:5px;font-size:15px;letter-spacing:.35em;color:var(--gold)}.crown-cn:after{content:"✧";width:84px;overflow:visible;border-top:1px solid rgba(224,184,120,.72);color:var(--gold);font-size:12px;line-height:0;text-align:center}.crown-tag{display:block;margin-top:6px;font-size:11px;line-height:1.5;color:rgba(247,241,228,.7)}.crown-acts{display:flex;gap:clamp(12px,4vw,18px)}.crown-acts a{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10px;color:var(--muted-night);text-decoration:none}.crown-icon{width:34px;height:34px;padding:6px;border:1px solid rgba(247,241,228,.72);color:var(--cream)}.crown-icon,.dot{border-radius:50%}.dot{position:absolute;top:-2px;right:6px;width:7px;height:7px;background:var(--danger)}.front{position:relative;height:min(92vw,396px);background:transparent;overflow:hidden}.front:after{content:"";position:absolute;inset:78% 0 0;background:linear-gradient(rgba(12,16,32,0),rgba(12,16,32,.3))}.front-cat,.front-her{position:absolute;bottom:0;filter:drop-shadow(0 12px 28px rgba(0,0,0,.5))}.front-her{left:54%;width:min(64%,275px);transform:translateX(-50%)}.front-cat{left:0;width:min(34%,146px);bottom:1%;z-index:2}.front-wish{top:24%;right:14px;padding:11px 5px;border:1px solid rgba(224,184,120,.42);color:rgba(224,184,120,.78);font-family:Georgia,Times New Roman,serif;font-size:11px;letter-spacing:.16em;line-height:1.35;writing-mode:vertical-rl;background:rgba(12,16,32,.32)}.front-whisper,.front-wish{position:absolute;z-index:3}.front-whisper{right:18px;bottom:16%;color:rgba(247,241,228,.82);font-size:9px;font-style:italic;line-height:1.25;text-align:right;transform:rotate(-8deg);text-shadow:0 1px 4px rgba(0,0,0,.75)}.say{position:relative;z-index:5;min-height:91px;margin:-4px 25px 0;padding:29px 18px 15px;border:1px solid var(--gold);border-radius:10px;background:radial-gradient(circle at 90% 100%,rgba(93,76,139,.2),transparent 34%),rgba(13,18,38,.94);box-shadow:0 14px 34px rgba(0,0,0,.38),inset 0 0 24px rgba(224,184,120,.035);text-align:center}.say:after,.say:before{position:absolute;z-index:2;color:var(--gold);line-height:1;text-shadow:0 0 8px rgba(224,184,120,.55)}.say:before{content:"✧";top:-12px;left:-8px;font-size:23px}.say:after{content:"✦";right:8px;bottom:3px;font-size:15px}.say-who{position:absolute;top:-11px;left:32px;transform:none;min-width:108px;padding:4px 24px;border:1px solid var(--gold);border-radius:999px;background:var(--night);color:var(--gold);font-size:12px;letter-spacing:.06em}.say p{margin:0;line-height:1.42}.say-greeting{display:block;margin-bottom:2px;color:var(--muted-night);font-size:12px}.say-question{display:block;font-size:clamp(17px,4.6vw,20px);text-wrap:balance}.doors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:15px 22px 86px}.door{position:relative;display:block;min-height:152px;padding:8px 5px 7px;color:inherit;text-decoration:none;min-width:0}.door-frame{position:absolute;inset:0;width:100%;height:100%;color:var(--gold-dim);filter:drop-shadow(0 5px 10px rgba(0,0,0,.32))}.door:focus-visible .door-frame,.door:hover .door-frame{color:var(--gold)}.door-body{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;height:100%;border-radius:45% 45% 8px 8px/23% 23% 8px 8px;background:linear-gradient(180deg,rgba(46,48,83,.72),rgba(16,20,44,.9) 62%,rgba(13,17,37,.92));overflow:hidden}.door-body img{width:min(16vw,69px);height:min(16vw,69px);margin-top:3px;object-fit:contain}.door-body strong{font-size:clamp(10px,2.8vw,12px);line-height:1.3;min-height:1.3em;display:flex;align-items:center}.door:last-child .door-body strong:after{content:" ✦";color:var(--gold)}.door-body>span{font-size:clamp(8.5px,2.25vw,10px);line-height:1.45;color:var(--muted-night)}.door.is-soon{opacity:.82}.door .soon{font-style:normal;font-size:9.5px;color:var(--gold);border:1px solid var(--gold-dim);border-radius:999px;padding:1px 8px;margin-top:2px}.front-note{position:absolute;right:18px;bottom:84px;z-index:4;margin:0;font-size:8px;line-height:1.6;color:var(--muted-night);text-align:center}.resume{display:block;margin:12px 14px 0;padding:12px 16px;border-radius:var(--radius);border:1px solid var(--gold);background:var(--night-2);color:inherit;text-decoration:none}.resume strong{display:block;color:var(--gold);font-size:14px}.resume span{display:block;margin-top:3px;font-size:12.5px;color:var(--muted-night);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-tabbar{left:50%;transform:translateX(-50%);max-width:var(--shell);border-top:1px solid rgba(224,184,120,.25);background:radial-gradient(circle at 14% 82%,rgba(224,184,120,.11),transparent 17%),linear-gradient(90deg,rgba(31,32,62,.98),rgba(13,17,36,.98)),var(--night);box-shadow:0 -12px 30px rgba(0,0,0,.2)}.game-tabbar a{position:relative;padding-top:14px;padding-bottom:12px}.tab-icon{width:26px;height:26px}.game-tabbar a[aria-current=page] .tab-icon{color:var(--gold);filter:drop-shadow(0 0 8px rgba(224,184,120,.52))}.tab-motto{position:absolute;right:4px;bottom:3px;color:rgba(224,184,120,.48);font-family:Georgia,Times New Roman,serif;font-size:5px;font-style:italic;letter-spacing:.11em;line-height:1.2;text-align:right;transform:rotate(-5deg);pointer-events:none}@media (max-height:760px){.door{min-height:150px}}@media (max-width:370px){.crown{padding-inline:14px}.crown-word{font-size:21px}.crown-acts{gap:8px}.crown-acts a{font-size:9px}.doors{gap:4px;padding-inline:7px}.door{padding-inline:3px}}.motto{display:block;margin:14px 16px 0;font-size:9px;line-height:1.4;letter-spacing:.14em;color:var(--gold-dim);text-align:right}.topbar a.brand{color:var(--cream);text-decoration:none}.shuffle-screen{position:relative;min-height:calc(100dvh - 54px - 84px - env(safe-area-inset-bottom));margin:0 -16px;padding:20px 22px 112px;overflow:hidden;background-image:linear-gradient(180deg,rgba(6,9,24,.28),rgba(8,11,28,.58) 48%,rgba(9,12,28,.96) 100%),var(--shuffle-scene);background-position:top;background-size:cover;text-align:center;isolation:isolate}.shuffle-screen:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 50% 45%,rgba(82,78,154,.22),transparent 31%),linear-gradient(90deg,rgba(7,9,23,.2),transparent 20% 80%,rgba(7,9,23,.2));pointer-events:none}.shuffle-heading{position:relative;z-index:3;max-width:350px;margin:0 auto}.shuffle-heading:after{content:"✦  ─────  ✧  ─────  ✦";display:block;margin-top:9px;color:rgba(224,184,120,.72);font-size:9px;letter-spacing:.12em}.shuffle-back{position:absolute;top:-3px;left:-3px;width:32px;height:32px;padding:0 1px 3px 0;border:1px solid rgba(224,184,120,.52);border-radius:50%;background:rgba(11,15,34,.64);color:var(--cream);font-family:Georgia,serif;font-size:27px;line-height:1;cursor:pointer}.shuffle-kicker{display:block;color:var(--gold);font-size:10px;letter-spacing:.18em}.shuffle-heading h1{margin:5px 0 1px;font-family:Georgia,"Noto Serif Thai",serif;font-size:clamp(24px,7vw,30px);font-weight:500;line-height:1.25;text-shadow:0 2px 14px rgba(0,0,0,.66)}.shuffle-heading p{margin:0;color:rgba(247,241,228,.73);font-size:12px}.shuffle-error{position:relative;z-index:5;margin-top:10px}.shuffle-altar{position:relative;width:280px;height:278px;margin:4px auto -4px;display:grid;place-items:center}.shuffle-ring{position:absolute;inset:18px;border:1px solid rgba(224,184,120,.34);border-radius:50%;box-shadow:0 0 34px rgba(96,87,180,.26),inset 0 0 34px rgba(96,87,180,.15);animation:altar-breathe 3.6s ease-in-out infinite}.shuffle-ring:after,.shuffle-ring:before{content:"✦";position:absolute;top:50%;color:var(--gold);font-size:16px;text-shadow:0 0 12px rgba(224,184,120,.85);transform:translateY(-50%)}.shuffle-ring:before{left:-8px}.shuffle-ring:after{right:-8px}.shuffle-deck{position:relative;z-index:2;width:190px;height:250px;padding:0;border:0;background:none;color:var(--cream);cursor:pointer;-webkit-tap-highlight-color:transparent}.shuffle-deck-stack{position:absolute;inset:5px 24px 30px;display:block;transform:rotate(var(--shuffle-tilt));animation:deck-shuffle .36s cubic-bezier(.2,.8,.25,1)}.shuffle-card{position:absolute;inset:0;display:block;border:1px solid rgba(224,184,120,.76);border-radius:8px;background-color:#11172d;background-image:var(--shuffle-card);background-position:50%;background-repeat:no-repeat;background-size:178%;box-shadow:0 16px 30px rgba(0,0,0,.54)}.shuffle-card-back{transform:translate(-13px,5px) rotate(-7deg);opacity:.76}.shuffle-card-middle{transform:translate(13px,4px) rotate(7deg);opacity:.88}.shuffle-card-front{box-shadow:0 18px 34px rgba(0,0,0,.58),0 0 24px rgba(224,184,120,.24)}.shuffle-tap{position:absolute;bottom:0;left:50%;min-width:104px;transform:translateX(-50%);padding:5px 14px;border:1px solid rgba(224,184,120,.62);border-radius:999px;background:rgba(10,14,32,.88);color:var(--gold);font-size:11px;letter-spacing:.06em;box-shadow:0 5px 18px rgba(0,0,0,.42)}.shuffle-progress{position:relative;z-index:3;margin-top:-2px}.shuffle-count{display:inline-flex;align-items:baseline;gap:5px;color:var(--gold)}.shuffle-count strong{font-family:Georgia,serif;font-size:28px;font-weight:400;line-height:1}.shuffle-count span{font-size:11px}.shuffle-pips{display:flex;justify-content:center;gap:8px;margin:7px 0 6px}.shuffle-pips i{width:23px;height:3px;border-radius:999px;background:rgba(169,166,189,.24);transition:background .18s ease,box-shadow .18s ease}.shuffle-pips i.is-lit{background:var(--gold);box-shadow:0 0 9px rgba(224,184,120,.72)}.shuffle-progress p{margin:0;color:var(--cream-2);font-size:12px}.shuffle-trust{max-width:340px;margin:14px auto 0;padding:9px 12px;border-top:1px solid rgba(224,184,120,.2);border-bottom:1px solid rgba(224,184,120,.2);color:rgba(247,241,228,.58);font-size:9.5px;line-height:1.5}.shuffle-trust span{margin-right:5px;color:var(--gold)}.shuffle-actions{position:relative;z-index:3;max-width:350px;margin:12px auto 0}.shuffle-motion{border:0;background:none;color:rgba(247,241,228,.72);font:inherit;font-size:11px;text-decoration:underline;text-decoration-color:rgba(224,184,120,.42);text-underline-offset:4px;cursor:pointer}.shuffle-motion span{color:var(--gold);font-size:18px}.shuffle-motion-status{margin:0;color:rgba(247,241,228,.64);font-size:10px}.shuffle-start{width:100%;min-height:54px;margin-top:10px;border:1px solid var(--gold);border-radius:999px;background:linear-gradient(135deg,#d5a85e,#f2d49a 52%,#c59143);color:#21190e;font:inherit;box-shadow:0 10px 24px rgba(0,0,0,.35),0 0 20px rgba(224,184,120,.18);cursor:pointer}.shuffle-start small,.shuffle-start span{display:block}.shuffle-start span{font-size:15px;font-weight:700}.shuffle-start small{margin-top:1px;font-size:9px;opacity:.7}.shuffle-start:disabled{border-color:rgba(224,184,120,.28);background:rgba(77,73,91,.62);color:rgba(247,241,228,.42);box-shadow:none;cursor:not-allowed}.shuffle-edit-question{margin-top:8px;padding:4px 12px;border:0;background:none;color:rgba(247,241,228,.58);font:inherit;font-size:10px;cursor:pointer}@keyframes deck-shuffle{0%{transform:translateX(0) rotate(var(--shuffle-tilt))}32%{transform:translateX(-18px) rotate(-7deg)}66%{transform:translateX(17px) rotate(6deg)}to{transform:translateX(0) rotate(var(--shuffle-tilt))}}@keyframes altar-breathe{0%,to{opacity:.55;transform:scale(.98) rotate(0deg)}50%{opacity:1;transform:scale(1.02) rotate(2deg)}}@media (max-height:760px){.shuffle-screen{padding-top:12px}.shuffle-altar{height:248px}.shuffle-deck{transform:scale(.88)}.shuffle-trust{margin-top:8px}}@media (prefers-reduced-motion:reduce){.shuffle-deck-stack,.shuffle-ring{animation:none}}.daily-card-art{width:150px;max-width:55%;border-radius:10px;margin-bottom:10px}.lucky{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.lucky span{font-size:22px;font-weight:700;letter-spacing:.08em;padding:6px 14px;border-radius:12px;border:1px solid var(--gold-dim);background:var(--night);color:var(--gold)}