:root{--bg-0:#e7f3ec;--bg-1:#c9e8f2;--sky:#c9e8f2;--sky-light:#ddeff8;--meadow:#e8f4e6;--paper:#fff;--paper-2:#fbf8f0;--glass:#ffffffb8;--glass-strong:#fff;--line:#4c240d1f;--line-strong:#4c240d3d;--ink:#2e2114;--ink-soft:#4f4030;--ink-dim:#6d5c45;--green:#8cc63f;--green-deep:#4a7a14;--green-soft:#aadc6e;--green-tint:#eef6df;--brown:#4c240d;--brown-soft:#7c4a2a;--gold:#b07a3c;--gold-soft:#8a5a28;--gold-deep:#4c240d;--c-physical:#4e7a16;--c-emotional:#b34a36;--c-mental:#1f7068;--c-spiritual:#7a5494;--radius-card:16px;--radius-lg:22px;--radius-md:14px;--radius-sm:10px;--shadow-card:0 16px 40px -18px #4c240d61;--shadow-soft:0 6px 22px -12px #4c240d47;--ff-sans:"Heebo", system-ui, sans-serif;--ff-serif:"Heebo", system-ui, sans-serif;--maxw:1180px;--card-ratio:826 / 1180}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{font-family:var(--ff-sans);color:var(--ink);background:radial-gradient(900px 600px at 85% 2%, #8cc63f1f, transparent 60%), radial-gradient(800px 560px at 6% 8%, #fff6, transparent 55%), linear-gradient(180deg, var(--sky-light) 0%, var(--sky) 26%, #d4ecec 64%, var(--meadow) 100%);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;touch-action:manipulation;background-attachment:fixed;line-height:1.6}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}img{max-width:100%;display:block}a{color:inherit}h1,h2,h3{font-family:var(--ff-serif);letter-spacing:-.2px;font-weight:800;line-height:1.2}.serif{font-family:var(--ff-serif);font-weight:700}::selection{background:#8cc63f52}.app{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.app-header{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#ffffffeb,#ddeff88c 70%,#0000);border-bottom:1px solid #0000;align-items:center;gap:16px;padding:12px clamp(16px,4vw,40px);display:flex;position:sticky;top:0}.brand{cursor:pointer;align-items:center;gap:11px;display:flex}.brand-mark{place-items:center;width:44px;height:44px;display:grid}.brand-mark img{object-fit:contain;filter:drop-shadow(0 3px 6px #6da62a59);width:100%;height:100%}.brand-text{flex-direction:column;line-height:1.05;display:flex}.brand-text b{font-family:var(--ff-serif);color:var(--brown);letter-spacing:.2px;font-size:20px;font-weight:800}.brand-text span{color:var(--green-deep);letter-spacing:1.5px;font-size:12px;font-weight:600}.nav{gap:4px;margin-inline-start:auto;display:flex}.nav button{color:var(--ink-soft);border-radius:999px;padding:9px 16px;font-size:15px;font-weight:600;transition:all .18s}.nav button:hover{color:var(--brown);background:#8cc63f24}.nav button.active{color:#fff;background:var(--green-deep);box-shadow:0 6px 16px -8px #6da62ab3}.nav .lang-toggle{color:var(--brown);background:var(--green-tint);border-radius:999px;align-items:center;gap:5px;margin-inline-start:6px;padding:8px 13px;font-size:13.5px;font-weight:700;display:inline-flex;box-shadow:inset 0 0 0 1px #6da62a4d}.nav .lang-toggle:hover{background:var(--green-deep);color:#fff;box-shadow:none}@media (width<=560px){.app-header{gap:5px;padding:9px}.brand{gap:6px}.brand-mark{width:30px;height:30px}.brand-text b{font-size:15.5px}.nav{gap:1px}.nav button{padding:6px 7px;font-size:12.5px}.nav .lang-toggle{margin-inline-start:3px;padding:6px 9px;font-size:12.5px}.nav .lang-toggle .globe{display:none}}.main{width:100%;max-width:var(--maxw);flex:1;margin:0 auto;padding:clamp(20px,4vw,44px) clamp(16px,4vw,40px) 80px}.app-footer{background:#fff;margin-top:auto;position:relative;box-shadow:0 -16px 40px -26px #4c240d66}.footer-main{max-width:var(--maxw);grid-template-columns:1.15fr 2fr;gap:30px;margin:0 auto;padding:46px clamp(16px,4vw,40px) 36px;display:grid;position:relative}.footer-brand{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.footer-logo{width:clamp(168px,22vw,220px);height:auto}.footer-brand p{color:var(--ink-soft);max-width:330px;font-size:14px;line-height:1.55}.footer-social{flex-wrap:wrap;gap:10px;display:flex}.footer-social a{background:var(--green-tint);width:38px;height:38px;color:var(--green-deep);border-radius:50%;place-items:center;transition:all .18s;display:grid;box-shadow:inset 0 0 0 1px #6da62a40}.footer-social a:hover{background:var(--green-deep);color:#fff;transform:translateY(-2px)}.footer-social svg{width:18px;height:18px}.footer-cols{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.footer-col h4{color:var(--brown);margin-bottom:10px;font-size:16px;font-weight:800}.footer-col a,.footer-col button{text-align:start;width:100%;color:var(--ink-soft);background:0 0;padding:5px 0;font-size:14px;transition:color .15s;display:block}.footer-col a:hover,.footer-col button:hover{color:var(--green-deep)}.footer-note{color:var(--ink-dim);margin-bottom:8px;font-size:13px;line-height:1.5}.footer-bottom{color:#ffffffb8;background:#352a20;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 22px;padding:14px 24px;font-size:13px;display:flex}.footer-bottom .footer-credit{color:#fff9}.footer-bottom a{color:var(--green-soft);font-weight:600}.footer-bottom a:hover{color:#fff;text-decoration:underline}.deckteller-strip{color:#ffffffb8;text-align:center;background:#241b13;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 12px;padding:11px 24px;font-size:13px;text-decoration:none;transition:background .2s;display:flex}.deckteller-strip:hover{background:#1b130c}.deckteller-strip .dt-cta{color:#e8c869;white-space:nowrap;font-weight:700}.deckteller-strip:hover .dt-cta{text-decoration:underline}@media (width<=760px){.footer-main{text-align:center;grid-template-columns:1fr;gap:26px}.footer-brand{align-items:center}.footer-brand p{max-width:none}.footer-cols{text-align:start;grid-template-columns:1fr 1fr;gap:16px}}.btn{border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:13px 26px;font-size:16px;font-weight:700;transition:transform .15s,box-shadow .2s,background .2s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--green-deep), #3c6a0e);color:#fff;box-shadow:0 10px 26px -8px #3c6a0e8c}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 34px -10px #6da62abf}.btn-ghost{background:var(--paper);color:var(--brown);box-shadow:inset 0 0 0 1.5px var(--line-strong)}.btn-ghost:hover{background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--green-deep);color:var(--green-deep)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.chip{color:var(--ink-soft);background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:6px 13px;font-size:13.5px;font-weight:600;transition:all .18s;display:inline-flex}.chip:hover{color:var(--brown);box-shadow:inset 0 0 0 1px var(--line-strong)}.chip .dot{background:var(--accent,var(--green));border-radius:50%;width:9px;height:9px}.chip.active{color:#fff;background:var(--accent,var(--green-deep));box-shadow:inset 0 0 0 1px var(--accent,var(--green-deep))}.cat-physical{--accent:var(--c-physical)}.cat-emotional{--accent:var(--c-emotional)}.cat-mental{--accent:var(--c-mental)}.cat-spiritual{--accent:var(--c-spiritual)}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-thumb{background:#4c240d38 padding-box content-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#4c240d5c padding-box content-box}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.fade-up{animation:.5s both fadeUp}.decor{z-index:0;pointer-events:none;--bark:#78482880;--lotus:#e7a8be9e;position:fixed;inset:0;overflow:hidden}.decor-item{will-change:transform;position:absolute}.decor-float{will-change:transform;display:block}.decor-svg{display:block}.decor-hill{fill:#8cc63f33}.decor-petals{opacity:.55}.decor-circle{border-radius:50%;display:block}.decor-circle.big{aspect-ratio:1;background:radial-gradient(closest-side,#8cc63f2e,#0000 72%);width:clamp(140px,18vw,230px)}.decor-circle.med{aspect-ratio:1;background:radial-gradient(closest-side,#8cc63f24,#0000 72%);width:clamp(180px,24vw,320px)}.decor-tree-wrap .decor-svg{opacity:.85;width:clamp(120px,17vw,210px)}.decor-tree-wrap.sm .decor-svg{width:clamp(86px,12vw,150px)}.decor-lotus-wrap .decor-svg{opacity:.75;width:clamp(64px,9vw,116px)}.decor-dragon img{opacity:.55;filter:drop-shadow(0 3px 5px #6da62a4d);width:clamp(26px,4vw,46px)}@keyframes floatA{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-16px)rotate(2.5deg)}}@keyframes floatB{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(13px)rotate(-2deg)}}@keyframes driftC{0%,to{transform:translate(0)rotate(-4deg)}50%{transform:translate(16px,-10px)rotate(6deg)}}.decor-float{animation:9s ease-in-out infinite floatA}.f2{animation:12s ease-in-out infinite floatB}.f3{animation:13s ease-in-out infinite floatA}.f4{animation:10s ease-in-out infinite floatB}.f5{animation:8s ease-in-out infinite floatA}.f6{animation:7s ease-in-out infinite driftC}@media (width<=760px){.decor-circle.big,.decor-lotus-wrap,.decor-dragon{display:none}.decor-tree-wrap .decor-svg{opacity:.5}}@media (prefers-reduced-motion:reduce){.decor-float{animation:none}}.card-view{aspect-ratio:var(--card-ratio);perspective:1200px;border-radius:var(--radius-card);width:100%;position:relative}.card-view.tappable{cursor:pointer}.card-inner{transform-style:preserve-3d;border-radius:inherit;transition:transform .7s cubic-bezier(.4,.1,.2,1),box-shadow .3s;position:absolute;inset:0}.card-inner.is-face{transform:rotateY(0)}.card-inner.is-back{transform:rotateY(180deg)}.card-side{backface-visibility:hidden;border-radius:inherit;box-shadow:var(--shadow-card), inset 0 0 0 1px #4c240d14;position:absolute;inset:0;overflow:hidden}.card-front{background:#fff;transform:rotateY(0)}.card-back{transform:rotateY(180deg)}.card-front img{object-fit:cover;width:100%;height:100%;transition:opacity .4s}.card-skeleton{background:linear-gradient(110deg,#4c240d0a 30%,#4c240d17 50%,#4c240d0a 70%) 0 0/220% 100%;animation:1.3s linear infinite shimmer;position:absolute;inset:0}@keyframes shimmer{to{background-position:-220% 0}}.card-back{background:radial-gradient(120% 90% at 50% 32%, color-mix(in srgb, var(--tint,#8cc63f) 20%, #fbf8ef), #f3eede 78%)}.card-back-art{place-items:center;display:grid;position:absolute;inset:0}.card-back-art svg{width:100%;height:100%;position:absolute;inset:0}.card-back-dragon{opacity:.92;filter:drop-shadow(0 4px 8px #6da62a4d);transform-origin:50%;will-change:transform;width:46%;animation:4.5s ease-in-out infinite dragonHover;position:relative}@keyframes dragonHover{0%{transform:translateY(0)rotate(0)}25%{transform:translateY(-4px)rotate(1.3deg)}50%{transform:translateY(-6px)rotate(0)}75%{transform:translateY(-3px)rotate(-1.3deg)}to{transform:translateY(0)rotate(0)}}.spread-board .slot:nth-child(2) .card-back-dragon,.deck-pile .pile-card:nth-child(2) .card-back-dragon{animation-delay:-1.5s}.spread-board .slot:nth-child(3) .card-back-dragon,.deck-pile .pile-card:nth-child(3) .card-back-dragon{animation-delay:-3s}.spread-board .slot:nth-child(4) .card-back-dragon,.deck-pile .pile-card:nth-child(4) .card-back-dragon{animation-delay:-.7s}.deck-pile .pile-card:nth-child(5) .card-back-dragon{animation-delay:-2.3s}@media (prefers-reduced-motion:reduce){.card-back-dragon{animation:none}}.card-back:after{content:"";border-radius:11px;position:absolute;inset:7px;box-shadow:inset 0 0 0 1.5px #4c240d47}.card-view.tappable:hover .card-inner.is-face{box-shadow:var(--shadow-card), 0 0 38px -10px color-mix(in srgb, var(--tint,#8cc63f) 80%, transparent)}.card-view.tappable:hover{transition:transform .25s;transform:translateY(-6px)}.card-view.tappable:focus-visible{outline:2px solid var(--green-deep);outline-offset:4px}.card-tag{top:10px;z-index:2;background:var(--accent);color:#fff;border-radius:999px;align-items:center;gap:6px;padding:4px 11px;font-size:12px;font-weight:700;display:inline-flex;position:absolute;inset-inline-start:10px;box-shadow:0 4px 12px -4px #0006}.card-tag .dot{opacity:.85;background:#fff;border-radius:50%;width:6px;height:6px}.size-sm{max-width:150px}.size-md{max-width:230px}.size-lg{max-width:320px}.hero{text-align:center;padding:clamp(14px,4vw,34px) 0 22px}.hero .eyebrow{letter-spacing:6px;color:var(--green-deep);font-size:13px;font-weight:700}.hero h1{letter-spacing:-.5px;background:linear-gradient(120deg, var(--brown), var(--green-deep));color:#0000;-webkit-background-clip:text;background-clip:text;margin:8px 0;font-size:clamp(38px,8vw,74px);font-weight:900}.hero .sub{color:var(--ink-soft);max-width:560px;margin:0 auto;font-size:clamp(16px,2.4vw,20px)}.hero-fan{height:clamp(200px,36vw,310px);margin:4px auto 8px;position:relative}.hero-fan .card-view{transform-origin:bottom;cursor:default;width:clamp(118px,21vw,188px);margin-left:calc(clamp(118px,21vw,188px)/-2);transition:transform .5s;position:absolute;bottom:0;left:50%}.hero-fan .card-view .card-inner{transition:transform .32s cubic-bezier(.34,1.32,.5,1),box-shadow .3s}.hero-fan .card-view:hover{z-index:60!important}.hero-fan .card-view:hover .card-inner{transform:scale(1.2)translateY(-14px)}.hero-fan .card-view:hover .card-side{box-shadow:var(--shadow-card), 0 22px 46px -12px color-mix(in srgb, var(--tint,var(--green)) 78%, transparent)}.hero-cta{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:30px;display:flex}.social-cta{justify-content:center;margin-top:14px;display:flex}.home-modes{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:30px;display:grid}.mode-card{text-align:start;border-radius:var(--radius-lg);background:var(--paper);box-shadow:var(--shadow-soft), inset 0 0 0 1px var(--line);flex-direction:column;gap:8px;min-height:170px;padding:26px;transition:transform .2s,box-shadow .2s;display:flex}.mode-card:hover{box-shadow:var(--shadow-card), inset 0 0 0 1px var(--green-soft);transform:translateY(-4px)}.mode-card .ic{color:var(--green-deep);font-size:28px}.mode-card h3{color:var(--brown);font-size:22px}.mode-card p{color:var(--ink-soft);flex:1;font-size:15px}.mode-card .go{color:var(--green-deep);font-size:15px;font-weight:700}.section-title{align-items:baseline;gap:12px;margin:40px 0 18px;display:flex}.section-title h2{color:var(--brown);font-size:26px}.section-title .muted{color:var(--ink-dim);font-size:15px}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.search{width:min(320px,100%);color:var(--ink);background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;outline:none;padding:11px 16px;font-size:15px;transition:box-shadow .2s}.search::placeholder{color:var(--ink-dim)}.search:focus{box-shadow:inset 0 0 0 1.5px var(--green-deep)}.filter-row{flex-wrap:nowrap;gap:8px;margin:14px 0 26px;display:flex}.organ-block{margin-bottom:40px;scroll-margin-top:90px}.organ-head{align-items:center;gap:12px;margin-bottom:16px;display:flex}.organ-bullet{width:12px;height:12px;box-shadow:0 0 12px 1px color-mix(in srgb, var(--tint) 60%, transparent);background:var(--tint);border-radius:50%}.organ-head h3{color:var(--brown);font-size:22px}.organ-head .en{color:var(--ink-dim);letter-spacing:1px;font-size:14px}.organ-head .num{color:var(--ink-dim);margin-inline-start:auto;font-size:14px;font-weight:600}.card-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:clamp(12px,2vw,20px);display:grid}.card-cell{flex-direction:column;gap:8px;display:flex}.card-cell .cap{text-align:center;color:var(--ink-soft);justify-content:center;align-items:center;gap:6px;font-size:13.5px;font-weight:600;display:inline-flex}.cap-bullet{background:var(--tint,var(--green));width:8px;height:8px;box-shadow:0 0 7px 0 color-mix(in srgb, var(--tint) 55%, transparent);border-radius:50%}.spread-list{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;display:grid}.spread-card{text-align:start;border-radius:var(--radius-lg);background:var(--paper);box-shadow:var(--shadow-soft), inset 0 0 0 1px var(--line);cursor:pointer;flex-direction:column;gap:10px;padding:22px;transition:transform .2s,box-shadow .2s;display:flex}.spread-card:hover{box-shadow:var(--shadow-card), inset 0 0 0 1px var(--green-soft);transform:translateY(-4px)}.spread-card .pips{gap:5px;display:flex}.spread-card .pip{background:linear-gradient(160deg, var(--green-soft), var(--green-deep));border-radius:5px;width:26px;height:36px;box-shadow:0 3px 8px -3px #6da62a80}.spread-card h3{color:var(--brown);font-size:21px}.spread-card p{color:var(--ink-soft);font-size:14.5px}.spread-card .count{color:var(--green-deep);font-size:14px;font-weight:700}.spread-card.guided{color:var(--ink);background:radial-gradient(125% 100% at 100% 0%, color-mix(in srgb, var(--c-spiritual) 16%, var(--paper)), var(--paper) 62%);box-shadow:var(--shadow-soft), inset 0 0 0 1px color-mix(in srgb, var(--c-spiritual) 35%, var(--line));text-decoration:none}.spread-card.guided:hover{box-shadow:var(--shadow-card), inset 0 0 0 1px var(--c-spiritual)}.spread-card.guided .count{color:var(--c-spiritual)}.spread-card.guided .count.soon{color:var(--ink-dim);font-style:italic}.guided-badge{letter-spacing:.4px;color:#fff;background:linear-gradient(135deg, var(--c-spiritual), #7d4f97);box-shadow:0 4px 12px -5px color-mix(in srgb, var(--c-spiritual) 75%, transparent);border-radius:999px;align-self:flex-start;padding:4px 12px;font-size:12px;font-weight:700}.guided-badges{flex-wrap:wrap;align-self:flex-start;align-items:center;gap:8px;display:flex}.guided-beta{letter-spacing:.6px;text-transform:uppercase;color:#8a5a28;background:color-mix(in srgb, var(--gold) 18%, var(--paper));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--gold) 35%, transparent);border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700}.spread-card.guided.is-soon{cursor:default;opacity:.92}.spread-card.guided.is-soon:hover{box-shadow:var(--shadow-soft), inset 0 0 0 1px color-mix(in srgb, var(--c-spiritual) 35%, var(--line));transform:none}.table-setup{background:var(--paper);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft), inset 0 0 0 1px var(--line);flex-wrap:wrap;align-items:center;gap:12px 16px;margin-bottom:18px;padding:14px 18px;display:flex}.table-setup .ts-label{color:var(--brown);font-size:15px;font-weight:700}.ts-count{gap:6px;display:inline-flex}.ts-count button{width:38px;height:38px;color:var(--green-deep);background:var(--paper-2);box-shadow:inset 0 0 0 1px var(--line);border-radius:10px;font-size:15px;font-weight:700;transition:background .15s,color .15s}.ts-count button.active{color:#fff;background:var(--green-deep);box-shadow:0 6px 16px -8px #6da62ab3}.ts-names{flex-wrap:wrap;flex:100%;gap:8px;display:flex}.ts-names input{min-width:0;font:inherit;color:var(--ink);background:var(--paper-2);box-shadow:inset 0 0 0 1px var(--line);border:none;border-radius:10px;flex:130px;padding:9px 12px}.ts-names input:focus{box-shadow:inset 0 0 0 1.5px var(--green-deep);outline:none}.ts-explain{color:var(--ink-soft);flex:100%;margin:4px 0 0;font-size:14px;line-height:1.55}.ts-explain strong{color:var(--green-deep);font-weight:800}.ts-explain-badge{letter-spacing:.5px;color:#fff;background:var(--green-deep);border-radius:999px;margin-inline-end:7px;padding:2px 9px;font-size:11.5px;font-weight:700;display:inline-block}.turn-banner{background:var(--green-tint);color:var(--green-deep);border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:0 auto 6px;padding:8px 18px;font-size:16px;font-weight:800;display:inline-flex;box-shadow:inset 0 0 0 1px #6da62a40}.turn-banner .tb-count{color:var(--ink-soft);font-size:14px;font-weight:600}.table-summary{gap:20px;margin:18px 0;display:grid}.ts-player{background:var(--paper);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft), inset 0 0 0 1px var(--line);padding:16px}.ts-player-name{font-family:var(--ff-serif);color:var(--brown);text-align:center;margin-bottom:12px;font-size:20px;font-weight:800}.mini-board{flex-wrap:wrap;justify-content:center;gap:clamp(10px,2vw,18px);display:flex}.mini-slot{cursor:pointer;flex-direction:column;align-items:center;gap:6px;width:clamp(94px,20vw,128px);display:flex}.mini-slot .mini-title{color:var(--green-deep);text-align:center;font-size:13px;font-weight:700}.mini-slot .card-view{width:100%}.mini-slot .mini-label{color:var(--ink-soft);text-align:center;font-size:12px}.draw-stage{text-align:center}.draw-head{margin-bottom:8px}.draw-head h2{color:var(--brown);font-size:clamp(24px,4vw,34px)}.draw-head p{color:var(--ink-soft);max-width:620px;margin:8px auto 0}.deck-pile{cursor:pointer;place-items:center;height:320px;margin:10px 0 20px;transition:transform .2s;display:grid;position:relative}.deck-pile.shuffling{cursor:default}.deck-pile:not(.shuffling):hover{transform:translateY(-5px)}.deck-pile .pile-card{width:clamp(150px,30vw,210px);aspect-ratio:var(--card-ratio);border-radius:var(--radius-card);position:absolute}.deck-pile.shuffling .pile-card{animation:.9s ease-in-out infinite shuffleA}@keyframes shuffleA{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(-26px)rotate(-7deg)}75%{transform:translate(26px)rotate(7deg)}}.spread-board{flex-wrap:wrap;justify-content:center;gap:clamp(14px,3vw,30px);margin:18px 0;display:flex}.slot{flex-direction:column;align-items:center;gap:12px;width:clamp(150px,30vw,210px);display:flex}.slot .slot-title{font-family:var(--ff-serif);color:var(--green-deep);min-height:24px;font-size:18px;font-weight:800}.slot .slot-q{color:var(--ink-soft);text-align:center;justify-content:center;align-items:center;min-height:48px;font-size:14.5px;font-weight:500;display:flex}.slot .card-view{width:100%}.slot.pending .slot-q{opacity:.9}.slot .slot-label{color:var(--ink-soft);text-align:center;font-size:13.5px}.spread-card.study{background:radial-gradient(125% 100% at 0% 0%, color-mix(in srgb, var(--green-soft) 18%, var(--paper)), var(--paper) 60%)}.spread-card.study:hover{box-shadow:var(--shadow-card), inset 0 0 0 1px var(--green-soft)}.learn-badge{letter-spacing:.3px;color:var(--green-deep);background:color-mix(in srgb, var(--green-soft) 22%, var(--paper));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--green-deep) 30%, transparent);border-radius:999px;align-self:flex-start;padding:4px 12px;font-size:12px;font-weight:700}.pips-bodies{gap:6px}.pips-bodies .pip{background:var(--accent,var(--green-deep));box-shadow:0 3px 8px -3px color-mix(in srgb, var(--accent,var(--green-deep)) 60%, transparent)}.organ-pick-grid{text-align:start;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin-top:6px;display:grid}.organ-pick{text-align:start;border-radius:var(--radius-md);background:var(--paper);box-shadow:var(--shadow-soft), inset 0 0 0 1px var(--line);color:var(--brown);cursor:pointer;align-items:center;gap:10px;padding:13px 15px;font-size:16px;font-weight:700;transition:transform .15s,box-shadow .15s;display:flex}.organ-pick:hover{box-shadow:var(--shadow-card), inset 0 0 0 1px color-mix(in srgb, var(--tint) 55%, var(--line));transform:translateY(-2px)}.organ-pick .op-bullet{background:var(--tint,var(--green-deep));width:11px;height:11px;box-shadow:0 0 10px 0 color-mix(in srgb, var(--tint) 60%, transparent);border-radius:50%;flex:none}.organ-pick .op-name{flex:1}.organ-pick .op-num{color:var(--ink-dim);font-size:12.5px;font-weight:700}.learn-board-head{max-width:720px;margin-inline:auto}.learn-intro{color:var(--ink-soft);max-width:620px;margin:6px auto 2px;line-height:1.6}.fav-toggle{color:var(--c-emotional);background:color-mix(in srgb, var(--c-emotional) 10%, var(--paper));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c-emotional) 35%, transparent);border-radius:999px;align-self:flex-start;align-items:center;gap:7px;margin:4px 0 2px;padding:7px 14px;font-size:14px;font-weight:700;transition:background .15s,box-shadow .15s,transform 80ms;display:inline-flex}.fav-toggle:hover{background:color-mix(in srgb, var(--c-emotional) 16%, var(--paper))}.fav-toggle:active{transform:scale(.96)}.fav-toggle.is-fav{color:#fff;background:var(--c-emotional);box-shadow:0 6px 16px -8px var(--c-emotional)}.fav-toggle .fav-ic{font-size:16px;line-height:1}.cell-card{position:relative}.fav-badge{width:30px;height:30px;color:var(--c-emotional);background:#ffffffeb;border-radius:50%;place-items:center;font-size:15px;line-height:1;transition:background .15s,color .15s,transform 80ms;display:grid;position:absolute;inset-block-start:8px;inset-inline-end:8px;box-shadow:0 2px 8px -2px #4c240d66}.fav-badge:hover{background:#fff}.fav-badge:active{transform:scale(.88)}.fav-badge.is-fav{color:#fff;background:var(--c-emotional);box-shadow:0 4px 12px -4px var(--c-emotional)}.history-list{flex-direction:column;gap:10px;display:flex}.hist-row{text-align:start;border-radius:var(--radius-md);cursor:pointer;background:var(--paper);width:100%;box-shadow:var(--shadow-soft), inset 0 0 0 1px var(--line);align-items:center;gap:14px;padding:10px 14px;transition:transform .15s,box-shadow .15s;display:flex}.hist-row:hover{box-shadow:var(--shadow-card), inset 0 0 0 1px color-mix(in srgb, var(--tint) 45%, var(--line));transform:translateY(-2px)}.hist-thumb{flex:none;width:50px}.hist-thumb .card-view{width:100%}.hist-info{flex-direction:column;gap:4px;min-width:0;display:flex}.hist-card{font-family:var(--ff-serif);color:var(--brown);font-size:15.5px;font-weight:800}.hist-meta{flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;display:flex}.hist-src{color:var(--green-deep);font-weight:700}.hist-src.is-ai{color:var(--c-spiritual)}.hist-time{color:var(--ink-dim)}.ai-badge{letter-spacing:.3px;color:#fff;background:linear-gradient(135deg, var(--c-spiritual), #7d4f97);box-shadow:0 3px 10px -4px var(--c-spiritual);border-radius:999px;align-items:center;padding:2px 8px;font-size:11px;font-weight:800;display:inline-flex;position:absolute;inset-block-start:8px;inset-inline-start:8px}.ai-chip{letter-spacing:.3px;color:#fff;background:linear-gradient(135deg, var(--c-spiritual), #7d4f97);box-shadow:0 4px 12px -5px var(--c-spiritual);border-radius:999px;align-items:center;padding:3px 11px;font-size:12px;font-weight:800;display:inline-flex}:focus-visible{outline:3px solid var(--green-deep);outline-offset:2px;border-radius:5px}html.a11y-contrast :focus-visible{outline-color:#000}.skip-link{z-index:2000;background:var(--green-deep);color:#fff;border-radius:8px;padding:10px 16px;font-weight:700;text-decoration:none;transition:transform .15s;position:fixed;inset-block-start:8px;inset-inline-start:8px;transform:translateY(-160%)}.skip-link:focus{transform:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}html.a11y-reduce-motion *,html.a11y-reduce-motion :before,html.a11y-reduce-motion :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}html[data-a11y-font="1"] body{zoom:1.12}html[data-a11y-font="2"] body{zoom:1.25}html[data-a11y-font="3"] body{zoom:1.4}html.a11y-underline a{text-decoration:underline}html.a11y-contrast{--ink:#000;--ink-soft:#111;--ink-dim:#222;--brown:#1a0a00;--brown-soft:#2a1505;--green-deep:#1f5500;--green-soft:#2f7a00;--paper:#fff;--paper-2:#fff;--line:#555;--line-strong:#000}html.a11y-contrast body{background:#fff}html.a11y-contrast .nav button.active,html.a11y-contrast .btn-primary,html.a11y-contrast .a11y-fab,html.a11y-contrast .chip.active,html.a11y-contrast .ts-count button.active,html.a11y-contrast .guided-badge,html.a11y-contrast .learn-badge{color:#fff!important;background:#1f5500!important}.a11y-fab{z-index:1500;color:#fff;background:var(--green-deep);border-radius:50%;place-items:center;width:52px;height:52px;font-size:26px;transition:transform .15s;display:grid;position:fixed;inset-block-end:18px;inset-inline-start:18px;box-shadow:0 8px 22px -8px #4c240d99}.a11y-fab:hover{transform:translateY(-2px)scale(1.05)}.a11y-backdrop{z-index:1600;background:#140c0440;position:fixed;inset:0}.a11y-panel{z-index:1700;background:var(--paper);border-radius:var(--radius-lg);width:min(320px,100vw - 36px);box-shadow:var(--shadow-card), inset 0 0 0 1px var(--line);flex-direction:column;gap:10px;padding:16px;display:flex;position:fixed;inset-block-end:80px;inset-inline-start:18px}.a11y-head{justify-content:space-between;align-items:center;display:flex}.a11y-head h2{color:var(--brown);font-size:18px}.a11y-x{width:32px;height:32px;color:var(--ink-soft);background:var(--paper-2);box-shadow:inset 0 0 0 1px var(--line);border-radius:50%;font-size:15px}.a11y-fontrow{justify-content:space-between;align-items:center;gap:10px;display:flex}.a11y-label{color:var(--ink);font-size:15px;font-weight:700}.a11y-steps{align-items:center;gap:6px;display:inline-flex}.a11y-steps button{width:40px;height:36px;color:var(--green-deep);background:var(--paper-2);box-shadow:inset 0 0 0 1px var(--line);border-radius:9px;font-size:15px;font-weight:800}.a11y-steps button:disabled{opacity:.4;cursor:default}.a11y-level{text-align:center;min-width:18px;color:var(--ink-soft);font-weight:700}.a11y-toggle{border-radius:var(--radius-md);text-align:start;background:var(--paper-2);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;font-size:15px;font-weight:600;display:flex}.a11y-toggle .a11y-knob{background:var(--line-strong);border-radius:999px;flex:none;width:40px;height:22px;transition:background .15s;position:relative}.a11y-toggle .a11y-knob:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:inset-inline-start .15s;position:absolute;inset-block-start:2px;inset-inline-start:2px}.a11y-toggle.on{box-shadow:inset 0 0 0 1.5px var(--green-deep)}.a11y-toggle.on .a11y-knob{background:var(--green-deep)}.a11y-toggle.on .a11y-knob:after{inset-inline-start:20px}.a11y-foot{justify-content:space-between;align-items:center;gap:10px;margin-top:2px;display:flex}.a11y-reset{color:var(--ink-soft);font-size:13.5px;font-weight:700;text-decoration:underline}.a11y-stmt{color:var(--green-deep);font-size:13.5px;font-weight:700}.cookie-notice{z-index:1400;background:var(--brown);color:#fff;border-radius:var(--radius-md);flex-wrap:wrap;align-items:center;gap:14px;padding:13px 18px;display:flex;position:fixed;inset-block-end:12px;inset-inline:84px 12px;box-shadow:0 12px 32px -12px #00000080}.cookie-notice p{flex:1;min-width:200px;margin:0;font-size:14px;line-height:1.5}.cookie-notice a{color:var(--green-soft);font-weight:700}.cookie-notice .btn{flex:none}.legal{min-height:100dvh}.legal-main{max-width:760px;margin:0 auto;padding:clamp(16px,4vw,32px) 20px 48px}.legal-back{margin-bottom:16px;display:inline-flex}.legal-eyebrow{letter-spacing:6px;color:var(--green-deep);margin-bottom:4px;font-size:13px;font-weight:700}.legal-main h1{font-family:var(--ff-serif);color:var(--brown);margin-bottom:8px;font-size:clamp(26px,5vw,38px)}.legal-section{margin-top:22px}.legal-section h2{color:var(--green-deep);margin-bottom:8px;font-size:20px;font-weight:800}.legal-section p{color:var(--ink-soft);margin-bottom:10px;line-height:1.7}.legal-section ul{flex-direction:column;gap:6px;margin:6px 0 10px;padding-inline-start:22px;display:flex}.legal-section li{color:var(--ink-soft);line-height:1.6}.legal-contact{background:var(--paper-2);border-radius:var(--radius-md);box-shadow:inset 0 0 0 1px var(--line);flex-direction:column;gap:6px;margin-top:6px;padding:14px 16px;list-style:none;display:flex}.legal-contact a{color:var(--green-deep);font-weight:700}.legal-updated{color:var(--ink-dim);margin-top:26px;font-size:13.5px;font-style:italic}.footer-legal{gap:14px;display:inline-flex}.footer-legal a{color:var(--green-soft);font-weight:600}.legal-lead{color:var(--brown);margin-bottom:6px;font-size:clamp(16px,2.4vw,19px);font-weight:600;line-height:1.6}.legal-poem{border-radius:var(--radius-md);background:color-mix(in srgb, var(--green-soft) 14%, var(--paper-2));box-shadow:inset 0 0 0 1px var(--line);margin:8px 0;padding:16px 20px}.legal-poem p{color:var(--brown-soft);margin:0;font-size:16px;line-height:1.9}.legal-sig{color:var(--green-deep);margin-top:10px;font-style:italic;font-weight:700}.legal-note{color:var(--ink-dim);margin-top:12px;font-size:14px;font-style:italic}.hero-howto{color:var(--green-deep);margin-top:14px;font-size:15px;font-weight:700;text-decoration:none;display:inline-block}.hero-howto:hover{text-decoration:underline}.draw-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:18px;display:flex}@keyframes dealIn{0%{opacity:0;transform:translateY(-40px)scale(.8)rotateY(180deg)}}.overlay{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#281c1080;place-items:center;padding:clamp(10px,3vw,30px);animation:.25s fadeUp;display:grid;position:fixed;inset:0}.detail{background:var(--paper);border-radius:var(--radius-lg);width:min(960px,100%);max-height:92dvh;position:relative;overflow:hidden;box-shadow:0 30px 80px -20px #281c1080}.detail-scroll{border-radius:var(--radius-lg);grid-template-columns:minmax(0,300px) 1fr;max-height:92dvh;display:grid;overflow-y:auto}.detail-art{background:radial-gradient(90% 70% at 50% 22%, color-mix(in srgb, var(--tint) 20%, var(--paper-2)), var(--paper-2) 75%);place-items:center;padding:24px;display:grid;position:relative}.detail-art .card-view{width:100%;max-width:240px}.detail-body{padding:28px 30px 34px}.detail-close{top:12px;z-index:6;width:42px;height:42px;color:var(--brown);box-shadow:0 6px 18px -3px #4c240d73, inset 0 0 0 1.5px var(--line-strong);background:#fff;border-radius:50%;place-items:center;font-size:21px;font-weight:700;line-height:1;display:grid;position:absolute;inset-inline-end:12px}.detail-close:hover{color:#fff;background:var(--green-deep);box-shadow:0 6px 18px -3px #6da62a8c}.detail-eyebrow{color:var(--ink-dim);align-items:center;gap:10px;font-size:14px;display:flex}.detail h2{color:var(--brown);margin:8px 0 2px;font-size:30px}.detail .organ-en{color:var(--ink-dim);letter-spacing:.5px;font-size:14px}.detail-intro{color:var(--ink-soft);margin-top:6px;font-size:15px;line-height:1.55}.detail-mantra{border-radius:var(--radius-md);background:var(--green-tint);border-inline-start:4px solid var(--green-deep);color:var(--brown);margin:18px 0;padding:16px 20px;font-size:19px;font-weight:600;line-height:1.5;box-shadow:inset 0 0 0 1px #6da62a40}.detail-mantra .lbl{letter-spacing:2px;color:var(--green-deep);margin-bottom:4px;font-size:12px;font-weight:700;display:block}.field-grid{grid-template-columns:1fr 1fr;gap:12px;margin:16px 0;display:grid}.field{background:var(--paper-2);border-radius:var(--radius-sm);box-shadow:inset 0 0 0 1px var(--line);padding:12px 14px}.field.full{grid-column:1/-1}.field .k{letter-spacing:1px;color:var(--green-deep);margin-bottom:3px;font-size:12px;font-weight:700}.field .v{color:var(--ink);font-size:15.5px}.block{margin-top:18px}.block .h{font-family:var(--ff-serif);color:var(--brown);align-items:center;gap:8px;margin-bottom:6px;font-size:18px;font-weight:800;display:flex}.block .h .ic{color:var(--green-deep)}.block p{color:var(--ink-soft);font-size:15.5px}.colors-swatches{vertical-align:middle;gap:6px;margin-inline-start:8px;display:inline-flex}.colors-swatches i{border-radius:50%;width:14px;height:14px;box-shadow:inset 0 0 0 1px #0000001f}.patterns{gap:10px;margin-top:8px;display:grid}.pattern{background:var(--paper-2);border-radius:var(--radius-sm);box-shadow:inset 0 0 0 1px var(--line);padding:12px 14px}.pattern .pn{color:var(--c-emotional);margin-bottom:2px;font-weight:700}.pattern .pt{color:var(--ink-soft);font-size:14.5px}.detail-series{margin-top:22px}.detail-series .h{font-family:var(--ff-serif);color:var(--brown);margin-bottom:10px;font-weight:800}.series-row{gap:10px;display:flex}.series-row .card-view{width:72px}.series-row .card-view.current{outline:2px solid var(--green-deep);outline-offset:3px;border-radius:12px}.empty-hint{color:var(--ink-dim);margin-top:14px;font-size:14px;font-style:italic}.journey{z-index:1;flex-direction:column;min-height:100dvh;display:flex;position:relative}.journey-head{justify-content:space-between;align-items:center;padding:16px clamp(16px,4vw,40px);display:flex}.journey-main{text-align:center;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;max-width:640px;margin:0 auto;padding:clamp(24px,8vh,84px) 20px 40px;display:flex}.journey-eyebrow{letter-spacing:3px;color:var(--green-deep);font-size:13px;font-weight:700}.journey-ai{background:var(--green-tint);color:var(--green-deep);letter-spacing:.3px;border-radius:999px;margin:8px 0 2px;padding:4px 13px;font-size:12.5px;font-weight:700;display:inline-block;box-shadow:inset 0 0 0 1px #6da62a40}.journey-title{font-family:var(--ff-serif);color:var(--brown);margin:6px 0 10px;font-size:clamp(28px,6vw,44px);font-weight:900}.journey-intro{color:var(--ink-soft);max-width:480px;margin:0;font-size:clamp(15px,2.4vw,18px);line-height:1.6}.journey-card{width:clamp(190px,56vw,230px);margin:20px 0 14px}.journey-card .card-view{width:100%}.journey-label{font-family:var(--ff-serif);color:var(--green-deep);margin-top:2px;font-size:20px;font-weight:800}.journey-msg{color:var(--ink);max-width:460px;margin:8px 0 10px;font-size:16px;line-height:1.6}.journey-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:18px;display:flex}.journey-actions a.btn{text-decoration:none}@media (width<=860px){.overlay{align-items:start}.detail-scroll{grid-template-columns:1fr}.detail-art{padding:18px 18px 4px}.detail-art .card-view{max-width:clamp(135px,34vw,188px)}.detail-body{padding:22px 22px 30px}.field-grid{grid-template-columns:1fr}}@media (width<=720px){.detail-art .card-view{max-width:clamp(130px,40vw,158px)}.nav button{padding:8px 12px;font-size:14px}.filter-row{gap:6px}.filter-row .chip{flex:1;justify-content:center;padding-inline:6px;font-size:13px}}