:root{color-scheme:dark;--bg: #231019;--bg-deep: #0f070c;--panel: rgba(46, 16, 30, .9);--panel-strong: rgba(29, 9, 19, .96);--gold: #f2cf7d;--gold-soft: #dbab56;--gold-faint: rgba(242, 207, 125, .18);--text: #ffecc8;--muted: #dcb8c4;--danger: #ffb4a7;--shadow: 0 18px 40px rgba(6, 2, 16, .34);font-family:Iowan Old Style,Palatino Linotype,Times New Roman,serif;background:radial-gradient(circle at top,rgba(255,193,211,.18),transparent 24%),radial-gradient(circle at 85% 20%,rgba(236,143,183,.12),transparent 18%),linear-gradient(180deg,#442032,#231019 45%,#0f070c)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:var(--text)}button{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;padding:20px 10px calc(28px + env(safe-area-inset-bottom,0px))}.app-panel{max-width:1180px;margin:0 auto}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.topbar h1,.content-card h2{margin:0;color:var(--gold)}.eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;color:var(--muted)}.screen-body{display:grid}.hero-card,.content-card{background:linear-gradient(180deg,#2b0c1df2,#0e040bfa);border:1px solid rgba(242,207,125,.18);border-radius:32px;box-shadow:var(--shadow);padding:18px;overflow:hidden}.hero-card{position:relative}.hero-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 18% 24%,rgba(255,195,220,.18),transparent 18%),radial-gradient(circle at 82% 20%,rgba(255,212,139,.1),transparent 22%);pointer-events:none}.access-gate-card{min-height:calc(100vh - 180px);display:grid;align-items:center}.hero-layout{position:relative;display:grid;gap:22px;align-items:center;justify-items:center;max-width:920px;margin:0 auto}.access-gate-layout{position:relative;display:grid;gap:22px;justify-items:center;max-width:520px;margin:0 auto;text-align:center}.hero-brand,.hero-copy{position:relative;z-index:1}.hero-brand{display:grid;place-items:center;width:100%}.hero-art-shell{width:min(100%,290px);aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,rgba(255,242,212,.12),rgba(255,178,210,.04) 58%,transparent 72%);box-shadow:inset 0 0 0 1px #f2cf7d24,0 18px 42px #00000052}.hero-art{width:min(100%,246px);height:auto;display:block;filter:drop-shadow(0 16px 28px rgba(0,0,0,.38))}.hero-copy{display:grid;gap:16px;justify-items:center;text-align:center;width:100%;max-width:760px}.access-gate-form{display:grid;gap:14px;justify-items:center;width:100%}.access-gate-title{margin:0;color:var(--gold);font-size:clamp(2rem,1.6rem + 1.6vw,3rem);line-height:1.06}.access-gate-copy{max-width:32rem}.access-art-shell{width:min(100%,250px)}.hero-kicker{margin:0;padding:8px 14px;border-radius:999px;border:1px solid rgba(242,207,125,.18);background:#ffffff0a;color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:.76rem}.hero-lead,.muted{color:var(--muted)}.hero-lead{margin:0;max-width:36rem;font-size:clamp(1.12rem,1rem + .6vw,1.5rem);line-height:1.45}.hero-actions{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px 14px;width:100%;max-width:700px}.button-row,.deck-summary,.selected-strip{display:flex;flex-wrap:wrap;gap:10px}.button-row{position:relative;z-index:4;justify-content:space-between;margin-top:12px}.ghost-button,.primary-button{border-radius:999px;padding:10px 16px;border:1px solid rgba(242,207,125,.36);transition:transform .18s ease,background .18s ease,border-color .18s ease}.ghost-button{background:#ffffff0a;color:var(--text)}.primary-button{background:linear-gradient(180deg,#f4d888,#c58d46);color:#2d0f1e;border-color:transparent;font-weight:700}.hero-button{min-width:0;width:100%;padding:14px 28px;font-size:1.18rem}.hero-actions .hero-button:first-child{grid-column:1 / -1;justify-self:center;max-width:380px}.access-submit{max-width:320px}.human-check{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;border:1px solid rgba(242,207,125,.18);background:#ffffff0a;color:var(--muted)}.human-check input{accent-color:var(--gold-soft);width:16px;height:16px}.access-field{display:grid;gap:8px;width:min(100%,360px);text-align:left}.access-field input{width:100%;border-radius:16px;border:1px solid rgba(242,207,125,.24);background:#ffffff0d;color:var(--text);padding:14px 16px;font:inherit;outline:none;box-shadow:inset 0 0 0 1px transparent}.access-field input::placeholder{color:#dcb8c4b8}.access-field input:focus{border-color:#f2cf7d80;box-shadow:0 0 0 3px #f2cf7d14}.access-error{margin:0;color:var(--danger);font-size:.92rem}.is-secondary-home-action{background:#ffffff0a;color:var(--text);border-color:#f2cf7d3d}.ghost-button:hover,.primary-button:hover{transform:translateY(-1px)}.summary-chip,.selected-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:#ffffff0a;border:1px solid rgba(242,207,125,.16)}.selection-progress{margin-bottom:10px}.selection-progress-pill{display:inline-flex;align-items:center;padding:8px 14px;border-radius:999px;background:#ffffff0d;border:1px solid rgba(242,207,125,.16);color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:.78rem}.section-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.selection-head{display:grid;gap:12px;margin-bottom:16px;width:100%}.selection-head-actions{display:flex;justify-content:space-between;gap:10px;width:100%}.selection-head-copy{display:grid;gap:8px;text-align:left;justify-items:start}.selection-head-copy h2,.selection-head-copy p{margin:0}.card-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;align-items:start;position:relative;z-index:1;margin-top:4px}.card-tile{display:block;width:100%;position:relative;padding:0;border:none;background:transparent;aspect-ratio:.68;contain:layout paint}.card-tile:disabled{cursor:default}.card-flip-shell{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .42s cubic-bezier(.2,.8,.2,1);will-change:transform;pointer-events:none}.card-tile.is-revealed .card-flip-shell{transform:rotateY(180deg)}.card-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;backface-visibility:hidden;overflow:hidden;box-shadow:0 4px 10px #08021229}.card-back{border:1px solid rgba(232,198,110,.4);background:linear-gradient(135deg,rgba(232,198,110,.08) 25%,transparent 25%) -12px 0/24px 24px,linear-gradient(225deg,rgba(232,198,110,.08) 25%,transparent 25%) -12px 0/24px 24px,linear-gradient(315deg,rgba(232,198,110,.08) 25%,transparent 25%) 0 0/24px 24px,linear-gradient(45deg,rgba(232,198,110,.08) 25%,transparent 25%) 0 0/24px 24px,radial-gradient(circle at center,rgba(232,198,110,.12),transparent 45%),linear-gradient(180deg,#130d1d,#09060f)}.card-front{transform:rotateY(180deg);background:linear-gradient(180deg,#47247ffa,#160a2cfa);border:1px solid rgba(232,198,110,.3);display:grid;place-items:center;padding:6px}.card-front-image-shell{padding:0;background:#f6efe0}.card-front-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transform:scale(1.04);transform-origin:center}.card-front-overlay{position:absolute;inset-inline:0;inset-block-end:0;display:grid;gap:3px;padding:8px 3px 3px;background:linear-gradient(180deg,transparent,rgba(12,6,25,.88));text-align:center}.card-front-body{display:grid;place-items:center;gap:4px;padding:4px;text-align:center;min-height:100%;width:100%}.card-front-number{color:var(--gold);font-size:.72rem;line-height:1}.card-front-name{color:var(--gold);font-size:.36rem;line-height:1;text-wrap:balance}.card-front-overlay .card-front-name,.card-front-overlay .card-front-number{color:#fff7de;text-shadow:0 1px 8px rgba(0,0,0,.6)}.card-type-badge{color:#fff;font-size:.42rem;letter-spacing:.08em;text-transform:uppercase;padding:2px 5px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.14)}.card-tile.is-selected{outline:2px solid rgba(232,198,110,.65);border-radius:10px}.result-card{display:grid;gap:18px}.result-stack{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:start;max-width:860px;margin:0 auto}.result-detail-card{display:grid;gap:8px;align-items:start;justify-items:center;padding:10px;border-radius:18px;border:1px solid rgba(242,207,125,.16);background:#ffffff08}.result-card-preview,.reading-card-mini .card-face{position:relative}.result-card-preview{width:min(100%,150px);justify-self:center;aspect-ratio:.58;overflow:hidden;border-radius:12px;border:1px solid rgba(232,198,110,.26);box-shadow:0 12px 24px #06021047;background:#f6efe0}.result-card-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.04);transform-origin:center}.reading-card-mini .card-front{min-height:100%;transform:none}.reading-card-mini .card-front-overlay{padding:28px 10px 10px;gap:6px}.reading-card-mini .card-front-number{font-size:1.2rem}.reading-card-mini .card-front-name{font-size:.76rem;line-height:1.2}.result-details{display:grid;gap:6px;align-content:start;width:100%}.result-row{display:grid;gap:3px;padding:8px 10px;border-radius:12px;border:1px solid rgba(232,198,110,.18);background:#07041152}.result-label{color:var(--muted);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase}.result-subtitle,.result-thai-name{color:var(--muted);font-size:.84rem;line-height:1.35}.result-thai-name{font-size:.76rem}.glossary-details{width:100%;border-radius:14px;border:1px solid rgba(232,198,110,.18);background:#0704113d;overflow:hidden}.glossary-details summary{list-style:none;cursor:pointer;padding:10px 12px;color:var(--text);font-weight:700}.glossary-details summary::-webkit-details-marker{display:none}.glossary-copy{display:grid;gap:10px;padding:0 12px 12px}.glossary-section{display:grid;gap:4px}.glossary-section p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.5}.glossary-list{margin:0;padding-left:18px;color:var(--muted);display:grid;gap:6px;font-size:.84rem;line-height:1.45}.result-button{justify-self:center}@media (max-width: 479px){.access-gate-card{min-height:auto}.app-shell{padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))}.content-card{padding:16px 14px 26px}.selection-head{gap:10px}.selection-head-actions .ghost-button{min-width:0;padding:10px 14px}.result-card{gap:14px}.result-stack{grid-template-columns:1fr;max-width:320px;gap:12px}.result-detail-card{width:100%;padding:10px}.result-card-preview{width:min(100%,138px)}.result-row{padding:8px 9px}.glossary-copy{gap:9px;padding:0 10px 10px}.hero-art-shell{width:min(100%,240px)}.hero-art{width:min(100%,204px)}.hero-actions{grid-template-columns:1fr;max-width:100%}.hero-actions .hero-button:first-child{grid-column:auto;max-width:none}.card-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin-top:2px}.card-front-overlay{padding:7px 3px 3px}.card-front-number{font-size:.64rem}.card-front-name{font-size:.32rem}}@media (min-width: 480px) and (max-width: 719px){.selection-head-actions{justify-content:space-between}.result-stack{grid-template-columns:1fr;max-width:360px}.result-detail-card{width:100%}}@media (min-width: 720px){.app-shell{padding:34px 22px 44px}.hero-card,.content-card{padding:28px}.hero-layout{gap:24px}.card-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px}.result-stack{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}}@media (min-width: 1024px){.hero-art-shell{width:312px}.hero-art{width:258px}.card-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:14px}.result-stack{grid-template-columns:repeat(auto-fit,minmax(185px,1fr))}}@media (max-width: 767px){.result-stack,.result-stack.result-stack-1,.result-stack.result-stack-3,.result-stack.result-stack-6{grid-template-columns:minmax(0,1fr)!important;max-width:340px;gap:12px}.result-detail-card{width:100%}}