:root{color-scheme:dark;--ink:#f5f5f7;--muted:#a1a1a6;--blue:#2997ff;--line:#ffffff27;--panel:#171719;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:#000;color:var(--ink);-webkit-font-smoothing:antialiased}button,a{touch-action:manipulation}a{color:inherit}a:focus-visible{outline:3px solid var(--blue);outline-offset:4px}img{display:block;max-width:100%}.top{position:sticky;top:0;z-index:30;height:64px;padding:8px max(24px,calc((100vw - 1160px)/2));display:flex;align-items:center;gap:26px;background:#080808eb;border-bottom:1px solid #ffffff1b;backdrop-filter:blur(18px)}.brand{flex:none}.brand img{width:108px;height:auto}.product-nav{margin-left:auto;display:flex;align-items:center;gap:25px}.product-nav a{white-space:nowrap;color:#aaa;font-size:13px;text-decoration:none}.product-nav a:hover,.product-nav a[aria-current=page]{color:white}.product-nav a[aria-current=page]{font-weight:650}.scan-cta{flex:none;background:#0071e3;border-radius:30px;color:white;text-decoration:none;padding:10px 18px;font-size:13px}.scan-cta:hover,.pill:hover{background:#0077ed}.hero{position:relative;min-height:720px;overflow:hidden;background:radial-gradient(ellipse 40% 48% at 73% 45%,#242630 0%,#0d0d10 55%,transparent 100%),#000}.hero-content{max-width:1160px;margin:auto;padding:170px 25px 165px;position:relative;z-index:2}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.2em;color:#999;margin:0 0 26px}.eyebrow span{padding:0 9px}.hero h1,.section h2,.outro h2{font-weight:700;letter-spacing:-.06em;line-height:1.12;word-break:keep-all}.hero h1{font-size:clamp(58px,6.5vw,88px);margin:0}.hero h1 em{font-style:normal;color:#86868b}.hero-lead{max-width:510px;font-size:19px;line-height:1.7;letter-spacing:-.025em;color:#a1a1a6;margin:27px 0 30px;word-break:keep-all}.pill{display:inline-flex;gap:20px;align-items:center;text-decoration:none;background:#0071e3;color:white;padding:12px 21px;border-radius:40px;font-size:14px;font-weight:600}.hero-cards{position:absolute;inset:60px max(2vw,calc((100vw - 1290px)/2)) 70px 51%;perspective:1200px}.hero-card{position:absolute;top:50%;left:44%;width:240px;height:auto;border-radius:12px;box-shadow:0 27px 45px #000b,0 0 0 1px #ffffff38;transform-origin:center center;animation:card-in 1s cubic-bezier(.16,1,.3,1) both}.hero-card.one{transform:translate(-95%,-43%) rotate(-22deg);z-index:1}.hero-card.two{transform:translate(-16%,-50%) rotate(7deg);z-index:2;animation-delay:.08s}.hero-card.three{transform:translate(48%,-48%) rotate(23deg);z-index:1;animation-delay:.16s}.hero-foot{position:absolute;left:max(25px,calc((100vw - 1110px)/2));right:max(25px,calc((100vw - 1110px)/2));bottom:27px;border-top:1px solid var(--line);padding-top:14px;display:flex;gap:40px;color:#777;font-size:10px;font-weight:700;letter-spacing:.15em}.chapter-nav{position:sticky;top:64px;z-index:20;display:flex;justify-content:center;gap:43px;padding:17px 20px;background:#121214ec;border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.chapter-nav a{text-decoration:none;color:#aaa;font-size:13px}.chapter-nav a:hover{color:white}.section{padding:120px max(24px,calc((100vw - 1120px)/2))}.section:nth-of-type(even){background:#101010}.section-head{max-width:760px;margin:0 0 50px}.section h2,.outro h2{font-size:clamp(46px,5.4vw,70px);margin:0}.section h2 span,.outro h2 span{color:#86868b}.section-head>p:last-child{color:#a1a1a6;font-size:20px;line-height:1.65;letter-spacing:-.025em;margin:22px 0 0;word-break:keep-all}.section-head strong{color:white}.setup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.setup-grid article{min-width:0;min-height:455px;padding:26px;border-radius:22px;background:#19191b;display:flex;flex-direction:column}.step{color:var(--blue);font-size:12px;font-weight:700;letter-spacing:.15em}.setup-image{height:175px;display:flex;align-items:center;justify-content:center;margin:15px 0 20px}.setup-image.deck{gap:0;perspective:700px}.setup-image.deck img{width:92px;border-radius:5px;box-shadow:0 8px 16px #000a;transform:rotate(-10deg)}.setup-image.deck img:nth-child(2){transform:rotate(4deg) translateY(-7px);z-index:1;margin-left:-26px}.setup-image.deck img:nth-child(3){transform:rotate(15deg) translateY(5px);margin-left:-26px}.setup-image.tokens{flex-wrap:wrap;gap:1px;align-content:center}.setup-image.tokens img{width:72px;filter:drop-shadow(0 8px 7px #000a)}.setup-image.target{position:relative}.setup-image.target img{width:125px;opacity:.9;transform:rotate(-13deg)}.setup-image.target>b{font-size:82px;line-height:1;letter-spacing:-.08em;margin-left:-20px;text-shadow:0 8px 20px #000}.setup-image.target>b small{display:block;font-size:11px;letter-spacing:.12em;text-align:center}.setup-grid h3{font-size:23px;letter-spacing:-.04em;margin:0 0 12px}.setup-grid p{font-size:15px;line-height:1.7;color:#aaa;margin:0;word-break:keep-all}.setup-grid p strong{color:white}.setup-grid small{display:block;color:#777;font-size:12px;line-height:1.5;margin-top:auto;padding-top:18px}.turn{background:#101010}.action-list{border-top:1px solid var(--line)}.action-list article{display:grid;grid-template-columns:75px minmax(0,1fr) 130px;gap:30px;padding:35px 8px;border-bottom:1px solid var(--line);align-items:center}.action-index{font-size:30px;font-weight:700;color:#666;letter-spacing:-.04em;align-self:start}.action-list h3{font-size:29px;letter-spacing:-.045em;margin:0 0 12px}.action-list p{max-width:740px;color:#aaa;font-size:16px;line-height:1.75;margin:0;word-break:keep-all}.action-list p strong{color:white}.action-rule{color:var(--blue);font-size:13px;line-height:1.5;margin-top:16px}.action-rule b{color:white}.action-mark{height:105px;display:flex;align-items:center;justify-content:center;gap:0}.action-mark i{display:block;width:49px;height:49px;border:3px solid #c1b59b;border-radius:50%;background:#a2a7a5;box-shadow:0 5px 10px #0008;transform:rotate(-15deg)}.action-mark i:nth-child(2){margin-left:-18px;background:#2d6096;border-color:#558fca;transform:translateY(-12px)}.action-mark i:nth-child(3){margin-left:-18px;background:#438477;border-color:#71aa94;transform:rotate(13deg)}.action-mark.card-mark img{width:67px;border-radius:4px;transform:rotate(8deg);box-shadow:0 10px 20px #000a}.reserve-mark span{width:70px;height:92px;display:grid;place-items:center;border:2px dashed #888;border-radius:7px;color:#aaa;font-size:25px;font-weight:700;transform:rotate(8deg)}.card-section{background:#000}.card-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;align-items:center}.card-layout figure{margin:0;display:grid;justify-items:center}.card-layout figure img{width:min(100%,340px);height:auto;border-radius:13px;box-shadow:0 32px 60px #000b,0 0 0 1px #ffffff41}.card-layout figcaption{color:#777;font-size:12px;line-height:1.5;margin-top:18px;text-align:center}.card-points article{display:grid;grid-template-columns:42px 1fr;gap:19px;padding:23px 0;border-top:1px solid var(--line)}.card-points article:last-child{border-bottom:1px solid var(--line)}.card-points b{color:var(--blue);font-size:12px;padding-top:5px}.card-points h3{font-size:23px;letter-spacing:-.04em;margin:0 0 8px}.card-points p{font-size:15px;line-height:1.7;color:#aaa;margin:0;word-break:keep-all}.card-points strong{color:white}.formula{margin:65px 0 0;padding:27px 30px;border-radius:20px;background:#1b1b1e;display:flex;justify-content:center;align-items:center;gap:20px;text-align:center;color:#a1a1a6;font-size:15px}.formula b{color:#777;font-size:20px}.formula strong{color:white}.victory{background:#101010}.featured-goal{display:grid;grid-template-columns:.75fr 1.25fr;align-items:center;gap:20px;padding:37px 40px;border:1px solid #438edf65;border-radius:23px;background:radial-gradient(ellipse at 70% 50%,#1c2e47,#181a20 65%)}.featured-goal .eyebrow{color:#6ab4ff;margin-bottom:15px}.featured-goal h3{font-size:36px;letter-spacing:-.05em;margin:0 0 9px}.featured-goal>div>p:last-child{font-size:15px;color:#aaa;margin:0}.goal-numbers{display:flex;justify-content:flex-end;align-items:center;gap:18px}.goal-numbers div{text-align:center;min-width:80px}.goal-numbers strong{display:block;font-size:68px;line-height:1;letter-spacing:-.07em}.goal-numbers span{display:block;margin-top:9px;color:#b6b6bc;font-size:12px;white-space:nowrap}.goal-numbers i{font-style:normal;color:#5e6f84;font-size:22px}.goal-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.goal-grid article{padding:28px;border-radius:20px;background:#1c1c1e}.goal-grid article>span{font-size:11px;color:var(--blue);font-weight:700;letter-spacing:.13em}.goal-grid h3{font-size:24px;letter-spacing:-.04em;margin:13px 0 9px}.goal-grid p{font-size:14px;color:#aaa;line-height:1.6;margin:0 0 23px}.goal-grid dl{margin:0;display:grid;grid-template-columns:90px 1fr;gap:12px 10px;font-size:14px}.goal-grid dt{color:#777}.goal-grid dd{margin:0;color:white;line-height:1.55}.goal-grid em{font-style:normal;color:var(--blue)}.finish{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:45px;padding-top:25px;border-top:1px solid var(--line)}.finish span{color:var(--blue);font-size:12px;font-weight:700;letter-spacing:.13em}.finish p{font-size:16px;line-height:1.75;color:#aaa}.finish strong{color:white}.victory-note{font-size:12px;color:#777;line-height:1.7;margin-top:12px}.outro{text-align:center;padding:135px 24px;background:radial-gradient(ellipse at center,#121d2b,#000 65%)}.outro h2{font-size:clamp(42px,5vw,65px)}.outro>p:not(.eyebrow){font-size:18px;color:#aaa;line-height:1.7;margin:25px 0}.outro>a{color:var(--blue);font-size:17px;text-decoration:none}.outro>a:hover{text-decoration:underline}footer{padding:42px max(24px,calc((100vw - 1120px)/2)) 60px;background:#101010;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:13px}footer>a{text-decoration:none;font-weight:700}footer>a span{color:#777;font-weight:400}footer nav{display:flex;flex-wrap:wrap;gap:18px}footer nav a{text-decoration:none;color:#888}footer nav a[aria-current=page]{color:white}.mobile-nav{display:none}@keyframes card-in{from{opacity:0;filter:blur(8px);scale:.9}to{opacity:1;filter:none;scale:1}}
@media(max-width:1000px){.top{gap:15px}.product-nav{gap:13px}.product-nav a{font-size:12px}.hero-cards{left:55%;transform:scale(.85);transform-origin:center right}.setup-grid article{padding:21px}.setup-image.tokens img{width:61px}.action-list article{grid-template-columns:50px 1fr 80px}.card-layout{gap:35px}}
@media(max-width:760px){html{scroll-padding-top:105px}body{padding-bottom:90px}.top{height:60px;padding:7px 18px}.brand img{width:91px}.product-nav{display:none}.scan-cta{margin-left:auto;padding:9px 14px;font-size:12px}.hero{min-height:690px}.hero-content{padding:390px 24px 90px}.hero .eyebrow{font-size:10px;margin-bottom:15px}.hero h1{font-size:clamp(43px,11vw,63px)}.hero-lead{font-size:16px;line-height:1.65;margin:18px 0 22px}.hero-cards{inset:10px 0 auto 0;height:345px;transform:none;perspective:800px}.hero-card{left:50%;top:46%;width:145px}.hero-card.one{transform:translate(-112%,-43%) rotate(-19deg)}.hero-card.two{transform:translate(-50%,-50%) rotate(4deg);z-index:3}.hero-card.three{transform:translate(20%,-42%) rotate(19deg)}.hero-foot{left:24px;right:24px;bottom:19px;gap:22px;font-size:9px}.chapter-nav{top:60px;justify-content:space-around;gap:8px;padding:14px 10px}.chapter-nav a{font-size:11px}.section{padding:76px 24px}.section-head{margin-bottom:34px}.section h2,.outro h2{font-size:clamp(40px,10vw,55px)}.section-head>p:last-child{font-size:16px;line-height:1.65;margin-top:18px}.eyebrow{font-size:10px;margin-bottom:17px}.setup-grid,.goal-grid,.finish{grid-template-columns:1fr}.setup-grid article{min-height:0;padding:23px}.setup-image{height:135px;margin:8px 0 14px}.setup-image.tokens img{width:58px}.setup-image.deck img{width:69px}.setup-image.target img{width:90px}.setup-image.target>b{font-size:60px}.setup-grid h3{font-size:22px}.setup-grid p{font-size:14px}.setup-grid small{padding-top:12px}.action-list article{grid-template-columns:40px 1fr;gap:13px;padding:26px 0}.action-index{font-size:25px}.action-list h3{font-size:22px}.action-list p{font-size:14px}.action-mark{display:none}.action-rule{font-size:12px}.card-layout{grid-template-columns:1fr;gap:35px}.card-layout figure img{width:220px}.card-points article{grid-template-columns:32px 1fr;gap:13px;padding:18px 0}.card-points h3{font-size:21px}.card-points p{font-size:14px}.formula{flex-wrap:wrap;gap:8px 12px;padding:22px 15px;margin-top:38px;font-size:13px}.featured-goal{grid-template-columns:1fr;padding:27px 21px}.featured-goal h3{font-size:30px}.goal-numbers{justify-content:space-between;gap:4px}.goal-numbers div{min-width:65px}.goal-numbers strong{font-size:49px}.goal-numbers span{font-size:10px}.goal-numbers i{font-size:18px}.goal-grid{gap:12px}.goal-grid article{padding:23px}.finish{gap:13px;margin-top:30px}.finish p{font-size:14px}.outro{padding:95px 24px}.outro>p:not(.eyebrow){font-size:15px}footer{display:block;padding:35px 24px 110px}footer nav{margin-top:24px;gap:13px 20px}.mobile-nav{display:flex;position:fixed;z-index:40;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translateX(-50%);width:calc(100% - 28px);max-width:420px;padding:5px;background:#242426ed;border:1px solid #ffffff27;border-radius:16px;box-shadow:0 8px 24px #000a;backdrop-filter:blur(18px)}.mobile-nav a{flex:1;display:grid;justify-items:center;gap:2px;padding:7px 3px;border-radius:11px;color:#aaa;text-decoration:none}.mobile-nav a span{font-size:20px;line-height:1}.mobile-nav a small{font-size:11px}.mobile-nav a[aria-current=page]{color:white;background:#ffffff15}}
@media(max-width:370px){.hero-content{padding-top:365px}.hero-card{width:132px}.hero h1{font-size:42px}.goal-numbers strong{font-size:42px}.goal-numbers span{font-size:9px}.formula{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-card{animation:none}}
/* Illustrated, finite lessons using the original game assets. */
button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}button{touch-action:manipulation}.guide-settings{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 25px}.player-control{display:flex;align-items:center;gap:20px;font-size:14px}.player-control>div,.demo-options{display:flex;background:#222225;border-radius:30px;padding:4px;gap:4px}.player-control button,.demo-options button{border:0;background:none;border-radius:25px;padding:10px 19px;color:#aaa;font-size:14px}.player-control button[aria-pressed=true],.demo-options button[aria-pressed=true]{background:#f5f5f7;color:#141414}.motion-preference{background:none;border:1px solid #555;border-radius:22px;padding:10px 16px;font-size:13px;color:#bbb}.motion-preference[aria-pressed=true]{color:white;border-color:var(--blue)}.motion-demo{border:1px solid #ffffff20;background:radial-gradient(ellipse at 50% 40%,#22242a,#151517 75%);border-radius:26px;overflow:hidden;min-width:0}.demo-heading{padding:28px 30px 5px}.demo-kicker{font-size:12px;color:#7fbaff;letter-spacing:.04em}.demo-heading h3{font-size:23px;letter-spacing:-.04em;margin:9px 0 15px;line-height:1.35}.demo-caption{display:flex;gap:14px;align-items:flex-start;padding:18px 28px 0;min-height:80px;border-top:1px solid #ffffff18}.demo-number{font-size:12px;white-space:nowrap;color:#6fb5ff;line-height:24px;font-variant-numeric:tabular-nums}.demo-caption p{font-size:15px;line-height:1.6;color:#dedee2;word-break:keep-all;margin:0}.demo-controls{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 24px 22px}.demo-controls>div:last-child{display:flex;gap:7px}.demo-controls button{background:none;border:0;font-size:12px;padding:9px;color:#aaa;border-radius:20px}.demo-controls button:hover{color:white;background:#ffffff12}.demo-steps{display:flex;gap:3px}.demo-steps button{width:28px;height:28px;padding:0;border:1px solid #ffffff25}.demo-steps button[aria-pressed=true]{background:#eee;color:black;border-color:#eee}.deal-table{max-width:690px;margin:10px auto 25px;display:grid;gap:18px;padding:0 24px;perspective:1000px}.deal-row{display:grid;grid-template-columns:52px 54px 1fr;align-items:center;gap:25px}.deal-row>b{font-size:13px;color:#aaa;font-weight:500}.deck-pile{width:53px;aspect-ratio:65/90;border:1px solid #817553;background:#373127;border-radius:5px;box-shadow:3px 3px 0 #aaa08455,6px 6px 0 #aaa08433;display:grid;place-items:center;font-size:13px;color:#cfbf96}.deal-cards{display:flex;gap:15px}.deal-cards img{width:62px;height:auto;border-radius:5px;box-shadow:0 8px 16px #0008;opacity:0;transform:translateX(-65px) rotateY(-25deg);transition:transform .65s cubic-bezier(.16,1,.3,1),opacity .45s;transition-delay:var(--deal-delay)}[data-demo=setup][data-step="1"] [data-level="1"] img,[data-demo=setup][data-step="2"] [data-level="1"] img,[data-demo=setup][data-step="2"] [data-level="2"] img,[data-demo=setup][data-step="3"] .deal-cards img{opacity:1;transform:translateX(0) rotateY(0)}.setup-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:30px 0}.setup-facts>div{display:flex;flex-direction:column;gap:12px;padding-left:20px;border-left:1px solid #ffffff25}.setup-facts span{color:#b1b1b6;font-size:14px}.setup-facts strong{font-size:36px;letter-spacing:-.06em}.setup-facts small{color:#85858b;font-size:12px;line-height:1.6}.guide-note{font-size:14px;line-height:1.8;color:#929298;word-break:keep-all}.setup-goal{margin-top:35px;padding-top:28px;border-top:1px solid var(--line)}.setup-goal h3{font-size:25px;letter-spacing:-.04em;margin:0 0 12px}.setup-goal p{font-size:16px;line-height:1.7;color:#aaa;max-width:730px}.setup-goal a{color:var(--blue);font-size:15px;text-decoration:none}.lesson{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:center;margin-top:70px}.lesson+.lesson{margin-top:90px}.lesson-copy>h3{font-size:36px;letter-spacing:-.05em;line-height:1.25;margin:16px 0 22px}.lesson-copy p{font-size:16px;line-height:1.8;color:#aaa;word-break:keep-all}.lesson-copy strong{color:white}details{border-top:1px solid #ffffff25;padding:16px 0}summary{cursor:pointer;font-size:14px;color:#d1d1d6;line-height:1.6}details p{font-size:14px!important}.demo-options{margin:0 28px 10px;justify-content:center}.demo-options button{flex:1;font-size:13px;padding:9px 10px}.take-scene{height:258px;position:relative;padding:7px 25px 0}.scene-label{font-size:12px;color:#999;display:block}.bank-colors{display:flex;margin-top:12px}.bank-color{width:20%;display:flex;align-items:center;flex-direction:column;gap:1px;transition:opacity .4s}.bank-color img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 4px 3px #0007);transition:filter .4s}.bank-color.chosen img{filter:drop-shadow(0 0 6px #66a8ff99)}.bank-color span{font-size:11px;color:#aaa}.bank-color b{font-size:16px;margin-top:4px;font-variant-numeric:tabular-nums}.flying-tokens{position:absolute;inset:0 25px;pointer-events:none}.flying-tokens>div{position:absolute;width:48px;height:48px;top:40px;left:var(--from);opacity:0;transform:translate(-50%,0);transition:top .8s cubic-bezier(.22,.7,.22,1),left .8s cubic-bezier(.22,.7,.22,1),opacity .25s;transition-delay:var(--token-delay);z-index:2}.flying-tokens img{width:48px;filter:drop-shadow(0 7px 6px #0008)}[data-demo=take][data-step="1"] .flying-tokens>div{opacity:1;top:27px}[data-demo=take][data-step="2"] .flying-tokens>div,[data-demo=take][data-step="3"] .flying-tokens>div{opacity:1;top:173px;left:var(--to)}.token-hand{position:absolute;bottom:14px;left:25px;right:25px;height:81px;border:1px dashed #5c6169;border-radius:15px;display:flex;justify-content:space-between;padding:11px 14px;align-items:flex-end}.token-hand span{font-size:12px;color:#999;align-self:flex-start}.token-hand strong{font-size:13px;color:#7fbaff;align-self:flex-start}.purchase-scene{height:324px;position:relative;margin:5px 28px 15px}.purchase-market{position:absolute;inset:0;width:35%}.purchase-card,.refill-card{position:absolute;top:29px;left:2%;width:92px;height:auto;border-radius:5px;box-shadow:0 8px 20px #0009;transition:transform .8s cubic-bezier(.2,.8,.2,1);z-index:2}.refill-card{opacity:0;z-index:1;transform:translateY(-10px);transition:opacity .6s .45s,transform .6s .45s}.cost-ledger{position:absolute;left:37%;right:0;top:20px;font-size:13px}.cost-ledger>div{padding:13px 0;border-bottom:1px solid #ffffff25;transition:opacity .5s,transform .5s;display:flex;flex-direction:column;gap:6px}.cost-ledger span{color:#96969d}.cost-ledger b{font-weight:600;font-size:17px}.discount-row,.payment-row{opacity:.24;transform:translateY(4px)}.payment-row b{color:#7fbaff}[data-demo=buy]:not([data-step="0"]) .discount-row{opacity:1;transform:none}[data-demo=buy][data-step="2"] .payment-row,[data-demo=buy][data-step="3"] .payment-row{opacity:1;transform:none}.paid-tokens{position:absolute;bottom:35px;left:50%;display:flex;gap:5px;z-index:3;transition:transform .8s,opacity .8s}.paid-tokens img{width:43px;height:43px}.purchase-board{position:absolute;bottom:0;left:0;right:0;height:99px;border:1px dashed #5c6169;border-radius:14px;padding:12px 15px;display:flex;flex-direction:column;align-items:flex-end;gap:13px}.purchase-board span{color:#aaa;font-size:12px}.purchase-board strong{font-size:15px;color:#ffaaa3;opacity:0;transform:translateY(8px);transition:all .5s .45s}[data-demo=buy][data-step="2"] .paid-tokens,[data-demo=buy][data-step="3"] .paid-tokens{transform:translateY(-150px);opacity:0}[data-demo=buy][data-step="3"] .purchase-card{transform:translateY(197px) scale(.66);transform-origin:top left}[data-demo=buy][data-step="3"] .refill-card{opacity:1;transform:none}[data-demo=buy][data-step="3"] .purchase-board strong{opacity:1;transform:none}.reserve-scene{height:314px;position:relative;margin:10px 28px 15px}.reserved-card{position:absolute;top:25px;left:0;width:86px;height:auto;border-radius:5px;box-shadow:0 7px 15px #0009;z-index:2;transition:transform .8s cubic-bezier(.2,.8,.2,1);transform-origin:top left}.joker-source{position:absolute;right:17px;top:0;display:flex;flex-direction:column;align-items:center;gap:15px}.joker-source>span{font-size:12px;color:#aaa}.joker-chip{display:grid;place-items:center;background:linear-gradient(145deg,#f8d897,#9f7430);color:#291b09;border:2px solid #ecd299;box-shadow:0 5px 10px #0008;border-radius:50%;width:51px;height:51px;font-size:14px;transition:transform .8s}.reserve-slots{position:absolute;left:0;right:105px;bottom:23px;display:flex;gap:8px}.reserve-slots>div{flex:1;min-width:0;height:86px;border:1px dashed #5c6169;border-radius:6px;display:grid;place-items:center;font-size:11px;color:#777}.joker-destination{position:absolute;right:0;bottom:23px;width:97px;height:86px;border:1px dashed #5c6169;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:8px 0}.joker-destination span{font-size:11px;color:#aaa}.joker-destination strong{font-size:11px;color:#f4cc81;opacity:0;transition:opacity .4s .6s}[data-demo=reserve]:not([data-step="0"]) .reserved-card{transform:translate(4px,180px) scale(.58)}[data-demo=reserve][data-step="2"] .joker-chip,[data-demo=reserve][data-step="3"] .joker-chip{transform:translateY(185px)}[data-demo=reserve][data-step="2"] .joker-destination strong,[data-demo=reserve][data-step="3"] .joker-destination strong{opacity:1}.relic-rule{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-top:45px;margin-top:90px;border-top:1px solid #ffffff30}.relic-rule h3{font-size:32px;letter-spacing:-.04em;margin:0 0 16px}.relic-rule p{font-size:16px;line-height:1.8;color:#aaa}.relic-rule .eyebrow{font-size:12px;color:#7fbaff}.relic-rule strong{color:#eee}.goal-browser{margin-top:40px}.goal-browser-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:25px 0}.goal-browser-head h3{font-size:25px;letter-spacing:-.04em;margin:0}.goal-browser-head>span{font-size:14px;color:#7fbaff;white-space:nowrap}.goal-choice{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.goal-choice button{border:1px solid #4b4b50;border-radius:25px;background:transparent;color:#aaa;padding:10px 16px;font-size:14px}.goal-choice button[aria-pressed=true]{background:#eee;border-color:#eee;color:black}.goal-detail{background:#1c1c20;border-radius:20px;padding:28px}.goal-detail>span{color:#7fbaff;font-size:12px}.goal-detail h4{font-size:29px;letter-spacing:-.04em;margin:12px 0}.goal-detail p{font-size:22px;line-height:1.5;color:#eee;word-break:keep-all}.goal-detail small{font-size:13px;color:#aaa;line-height:1.7;display:block}.goal-bars{display:flex;gap:20px;margin:22px 0}.goal-bars>div{flex:1;min-width:0}.goal-bars span{display:block;color:#aaa;font-size:13px;margin-bottom:12px}.goal-bars i{height:4px;background:#5ba7fa;display:block;transform-origin:left;animation:goal-fill .7s both;animation-delay:var(--bar-delay);border-radius:3px}@keyframes goal-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}.basic-rules{margin-top:28px}.basic-rules p,.basic-rules li{font-size:14px;color:#aaa;line-height:1.8}.reduce-motion *{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reduce-motion .deal-cards img{transition:none}.reduce-motion .hero-card{animation:none}
@media(max-width:1000px){.lesson{gap:30px;grid-template-columns:.85fr 1.15fr}.lesson-copy>h3{font-size:30px}.demo-heading{padding:25px 23px 4px}.demo-heading h3{font-size:21px}.demo-caption{padding:18px 22px 0}.demo-controls{padding:13px 15px 18px}.demo-controls button{font-size:11px;padding:8px}.demo-steps button{padding:0}.purchase-card,.refill-card{width:80px}.reserve-slots{gap:5px}}
@media(max-width:760px){.guide-settings{align-items:flex-start;gap:14px;flex-wrap:wrap}.player-control{gap:12px}.player-control>span{font-size:13px}.player-control button{padding:9px 16px}.motion-preference{font-size:12px;padding:11px 14px}.deal-table{padding:0 16px;gap:18px;margin-top:14px}.deal-row{grid-template-columns:38px 32px 1fr;gap:10px}.deal-row>b{font-size:11px}.deck-pile{width:31px;font-size:10px}.deal-cards{gap:7px}.deal-cards img{width:calc((100% - 21px)/4);max-width:53px}.motion-demo{border-radius:21px}.setup-facts{grid-template-columns:1fr 1fr;gap:25px 16px}.setup-facts>div{padding-left:13px;gap:8px}.setup-facts span{font-size:12px}.setup-facts strong{font-size:31px}.setup-facts small{font-size:11px}.guide-note{font-size:13px}.setup-goal h3{font-size:22px}.setup-goal p{font-size:15px}.lesson,.relic-rule{grid-template-columns:1fr;gap:24px}.lesson{margin-top:40px}.lesson+.lesson{margin-top:68px}.lesson-copy>h3{font-size:29px;margin:12px 0 18px}.lesson-copy p{font-size:16px}.demo-heading h3{font-size:21px}.demo-caption{min-height:92px;gap:10px;padding:17px 19px 0}.demo-caption p{font-size:14px}.demo-number{font-size:10px;line-height:22px}.demo-controls{gap:4px;padding:10px 13px 17px}.demo-steps{gap:3px}.demo-steps button{width:26px;height:26px}.demo-controls>div:last-child{gap:0}.demo-controls button{padding:8px 7px;font-size:11px}.demo-steps button{padding:0}.demo-options{margin:0 18px 10px}.take-scene{padding-left:15px;padding-right:15px}.flying-tokens{left:15px;right:15px}.token-hand{left:15px;right:15px}.bank-color img,.flying-tokens img,.flying-tokens>div{width:44px;height:44px}.purchase-scene,.reserve-scene{margin-left:20px;margin-right:20px}.purchase-card,.refill-card{width:76px}.cost-ledger{left:36%;font-size:12px}.cost-ledger b{font-size:16px}.purchase-board strong{font-size:14px}.reserved-card{width:76px}.reserve-slots{right:94px}.reserve-slots>div{font-size:10px}.joker-destination{width:84px}.joker-source{right:10px}.joker-chip{width:47px;height:47px}.relic-rule{margin-top:65px;padding-top:30px;gap:8px}.relic-rule h3{font-size:28px}.relic-rule p{font-size:15px}.goal-browser-head h3{font-size:21px}.goal-browser-head>span{font-size:12px}.goal-choice{gap:6px}.goal-choice button{padding:9px 13px;font-size:13px}.goal-detail{padding:23px}.goal-detail p{font-size:19px}.goal-detail h4{font-size:25px}.goal-bars{gap:12px}.goal-bars span{font-size:11px}.basic-rules ul{padding-left:20px}}
@media(prefers-reduced-motion:reduce){.motion-demo *,.goal-bars i{transition:none!important;animation:none!important}}

.demo-controls button{min-height:36px}.demo-steps button{width:32px;height:36px}.demo-controls{flex-wrap:wrap}.demo-controls>div:last-child{margin-left:auto}
/* Physical supplies and visible ownership make each rule concrete. */
.supply-demo{margin-top:28px}.supply-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 30px 22px}.supply-top>strong{font-size:15px;font-weight:500;color:#b8b8bd}.supply-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:25px;padding:0 30px}.supply-label{display:flex;justify-content:space-between;gap:12px;font-size:15px;color:#eee;margin:7px 0 22px}.supply-label>span{font-size:12px;color:#999;line-height:22px}.supply-colors{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.supply-color{display:flex;flex-direction:column;align-items:center;min-width:0}.supply-color>span{font-size:12px;color:#aaa;margin-bottom:15px}.supply-color>div{height:232px;position:relative;width:100%}.supply-color img{position:absolute;left:50%;top:calc(var(--stock-order)*26px);width:54px;max-width:100%;height:auto;transform:translate(-50%,-30px) scale(.8);opacity:0;filter:drop-shadow(0 5px 4px #000a);transition:transform .7s cubic-bezier(.18,.85,.2,1),opacity .4s;transition-delay:var(--stock-delay)}[data-demo=supply]:not([data-step="0"]) .supply-color img{transform:translate(-50%,0) scale(1);opacity:1}.supply-color>b{font-size:14px;font-weight:500;margin-top:5px;color:#b6b6bd}.joker-stock{border-left:1px solid #ffffff20;padding-left:24px}.seal-canvas{position:relative;width:100%;height:294px;cursor:grab;touch-action:pan-y}.seal-canvas:active{cursor:grabbing}.seal-canvas canvas{display:block;width:100%;height:100%;position:absolute;inset:0}.seal-loading{position:absolute;inset:25%;display:grid;place-items:center;text-align:center;font-size:13px;line-height:1.7;color:#b3a180}.seal-choices{display:flex;justify-content:center;align-items:center;gap:16px;margin:24px 25px 0}.seal-choices>span{font-size:13px;color:#aaa}.seal-choices>div{display:flex;gap:6px}.seal-choices button{background:#262628;border:1px solid #4c4c51;border-radius:25px;padding:9px 18px;font-size:13px;color:#aaa}.seal-choices button[aria-pressed=true]{border-color:#cdae64;color:#efd491;background:#39311e}.seal-package{text-align:center;font-size:13px;line-height:1.8;color:#a7a7ad;margin:18px 30px 24px;word-break:keep-all}.seal-reserve-labels{display:flex;justify-content:space-between;gap:16px;font-size:12px;color:#aaa;padding:4px 25px}.seal-reserve-scene .seal-canvas{height:315px}.seal-reserve-scene>p{font-size:13px;color:#d6bc7d;text-align:center;padding:0 20px;margin:0 0 23px}.owned-demo.purchase-scene{height:470px;margin-top:12px}.owned-cards{position:absolute;top:0;left:0;width:59%}.owned-row{display:flex;gap:12px;margin-top:12px}.owned-row figure{margin:0;position:relative}.owned-row img{width:67px;height:auto;border-radius:5px;box-shadow:0 6px 12px #0009;outline:2px solid transparent;outline-offset:4px;transition:transform .5s,outline-color .5s,box-shadow .5s}.owned-row figcaption{font-size:11px;color:#aaa;margin-top:11px;white-space:nowrap}.owned-row b{font-weight:600;color:#ddd}.owned-demo .purchase-market{left:auto;right:0;top:0;width:35%;height:170px;text-align:right}.owned-demo .purchase-card,.owned-demo .refill-card{left:auto;right:0;top:28px;width:85px;transform-origin:top right}.owned-demo .scene-label{font-size:12px}.discount-link{position:absolute;left:0;right:0;top:163px;font-size:13px;line-height:1.6;color:#999;text-align:center;margin:0;transition:color .5s}.discount-link strong{color:#bbb;font-weight:500;transition:color .5s}.owned-demo .cost-ledger{top:225px;left:0;right:0;display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:9px;text-align:center}.owned-demo .cost-ledger>div{border-top:1px solid #ffffff25;border-bottom:0;padding:14px 0}.owned-demo .cost-ledger span{font-size:11px}.owned-demo .cost-ledger b{font-size:15px;white-space:nowrap}.owned-demo .purchase-board{height:102px;align-items:flex-start;gap:8px;padding:12px}.owned-demo .purchase-board small{font-size:10px;color:#aaa;margin-top:4px;max-width:68%}.owned-demo .paid-tokens{bottom:30px;left:30%;gap:4px}.owned-demo .paid-tokens img{width:40px;height:40px}.owned-demo .purchase-board strong{font-size:14px}.owned-demo .discount-row,.owned-demo .payment-row{opacity:.38}[data-demo=buy]:not([data-step="0"]) .owned-row [data-discount=white] img{outline-color:#f8f4df;box-shadow:0 0 22px #fff6c526;transform:translateY(-3px)}[data-demo=buy]:not([data-step="0"]) .owned-row [data-discount=blue] img{outline-color:#6fb8ff;box-shadow:0 0 22px #2184f038;transform:translateY(-3px)}[data-demo=buy]:not([data-step="0"]) .discount-link strong{color:#88c6ff}[data-demo=buy][data-step="3"] .owned-demo .purchase-card{transform:translateY(345px) scale(.65)}[data-demo=buy][data-step="3"] .owned-demo .refill-card{transform:none}.bank-color img,.flying-tokens img{object-fit:contain}
@media(max-width:1000px){.supply-layout{gap:20px}.supply-color img{width:47px}.supply-colors{gap:9px}.owned-row{gap:10px}.owned-row img{width:58px}.owned-demo .purchase-card,.owned-demo .refill-card{width:75px}.owned-demo .scene-label{font-size:11px}.owned-demo .cost-ledger b{font-size:13px}.owned-demo .cost-ledger span{font-size:10px}.owned-row figcaption{font-size:10px}}
@media(max-width:760px){.supply-top{padding:7px 20px 20px;display:block}.supply-top>strong{display:block;font-size:13px;margin-top:15px}.supply-layout{grid-template-columns:1fr;padding:0 20px;gap:18px}.supply-label{font-size:14px;margin-bottom:18px}.supply-label>span{font-size:11px}.supply-colors{gap:7px}.supply-color>div{height:186px}.supply-color img{width:42px;top:calc(var(--stock-order)*22px)}.supply-color>span{margin-bottom:10px}.supply-color>b{font-size:12px}.joker-stock{border-left:0;border-top:1px solid #ffffff20;padding:22px 0 0}.joker-stock .seal-canvas{height:260px}.seal-choices{margin-top:17px;gap:12px}.seal-choices>span{font-size:12px}.seal-choices button{font-size:12px;padding:9px 16px}.seal-package{font-size:12px;margin:17px 20px 23px}.seal-reserve-labels{padding:5px 20px;font-size:11px;gap:10px}.seal-reserve-scene .seal-canvas{height:290px}.seal-reserve-scene>p{font-size:12px}.owned-demo.purchase-scene{height:448px}.owned-row{gap:12px}.owned-row img{width:57px}.owned-demo .purchase-card,.owned-demo .refill-card{width:72px}.owned-demo .purchase-market{width:36%}.owned-demo .scene-label{font-size:10px}.owned-demo .owned-cards{width:62%}.owned-demo .discount-link{top:152px;font-size:12px}.owned-demo .cost-ledger{top:212px;gap:6px}.owned-demo .cost-ledger span{font-size:10px}.owned-demo .cost-ledger b{font-size:12px}.owned-demo .purchase-board{height:98px}.owned-demo .purchase-board small{font-size:9px}.owned-demo .purchase-board strong{font-size:12px}[data-demo=buy][data-step="3"] .owned-demo .purchase-card{transform:translateY(326px) scale(.67)}.owned-demo .paid-tokens{left:31%;bottom:30px}.owned-demo .paid-tokens img{width:34px;height:34px}}

/* Keep the four setup and buying steps visible with the supplied token renders. */
.token-deal-row{opacity:.38;transition:opacity .5s}.token-deal-row .token-bank-label{height:54px;aspect-ratio:auto;border-radius:12px;box-shadow:none}[data-demo=setup][data-step="2"] .deal-cards img{opacity:1;transform:translateX(0) rotateY(0)}[data-demo=setup][data-step="3"] .token-deal-row{opacity:1}
.joker-guide .joker-stock{border:0;padding:0 30px}.joker-guide .seal-canvas{max-width:580px;margin:auto}.joker-lead{color:#aaa;font-size:14px;line-height:1.7;max-width:640px;word-break:keep-all}

.owned-demo .purchase-market{left:0;right:auto;top:0;width:100%;height:100%;text-align:left;pointer-events:none}.owned-demo .purchase-market>.scene-label{max-width:35%}.owned-demo .owned-cards{left:auto;right:0;width:60%;text-align:right}.owned-demo .owned-row{justify-content:flex-end}.owned-demo .purchase-card,.owned-demo .refill-card{left:0;right:auto;top:28px;transform-origin:top left}.owned-demo .purchase-card{transition:left .9s cubic-bezier(.2,.8,.2,1),top .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1)}.owned-row figcaption{white-space:normal;max-width:115px;line-height:1.3;color:#c9c9cd;padding:4px 6px;border-radius:7px;border:1px solid #ffffff28;min-height:40px}.owned-row [data-discount=white] figcaption b{color:#f3e9c7}.owned-row [data-discount=blue] figcaption b{color:#8dc8ff}@keyframes discount-pulse{0%,100%{border-color:#ffffff28;background:transparent;box-shadow:none}50%{border-color:#8bc8ff;background:#7bb9ff27;box-shadow:0 0 18px #61aaff70}}[data-demo=buy][data-step="1"] .owned-row figcaption,[data-demo=buy][data-step="2"] .owned-row figcaption{animation:discount-pulse .8s ease-in-out 3}[data-demo=buy][data-step="3"] .owned-demo .purchase-card{left:calc(100% - 91px);top:371px;transform:scale(.6)}.owned-demo .paid-tokens{left:34%;bottom:17px;width:122px;height:76px;display:block;pointer-events:none}.owned-demo .paid-tokens[data-loaded=true] .seal-loading{display:none}
@media(max-width:760px){.token-deal-row .token-bank-label{height:40px}.joker-guide .joker-stock{padding:0 17px}.owned-demo .purchase-market{width:100%}.owned-demo .owned-cards{width:65%}.owned-demo .owned-row{gap:7px}.owned-row figcaption{font-size:9px;padding:4px;min-height:38px;max-width:70px}.owned-demo .purchase-board small{max-width:63%}[data-demo=buy][data-step="3"] .owned-demo .purchase-card{left:calc(100% - 74px);top:350px;transform:scale(.64)}.owned-demo .paid-tokens{width:100px;height:66px;left:27%;bottom:14px}}
@media(prefers-reduced-motion:reduce){.owned-row figcaption{animation:none!important}}

/* Original clean token renders, supplied in 06_할인토큰/원형. */
.setup-token-stock{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;align-items:end}.setup-token-stock figure{margin:0;min-width:0;text-align:center}.token-stack{position:relative;height:112px;min-width:0}.token-stack img{position:absolute;left:50%;top:calc(50% - 27px + var(--fan-y));margin-left:-27px;width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 0 1px #fff7) drop-shadow(0 5px 4px #0009);z-index:var(--token-order);opacity:0;transform:translateX(-30px) rotate(-12deg) scale(.75);transition:opacity .45s,transform .7s cubic-bezier(.2,.8,.2,1);transition-delay:var(--token-delay)}.setup-token-stock figcaption{font-size:11px;color:#c4c6cd;white-space:nowrap;margin-top:2px;opacity:0;transition:opacity .4s .5s}[data-demo=setup][data-step="3"] .token-stack img{opacity:1;transform:translateX(var(--fan-x)) rotate(0) scale(1)}[data-demo=setup][data-step="3"] .setup-token-stock figcaption{opacity:1}
.bank-color img{width:55px;height:55px}.flying-tokens img{width:55px;height:55px}.owned-demo .paid-tokens{display:flex;width:auto;height:auto;bottom:29px;left:34%}.owned-demo .paid-tokens img{width:41px;height:41px;object-fit:contain;filter:drop-shadow(0 4px 5px #0009)}
@media(max-width:760px){.setup-token-stock{gap:2px}.token-stack{height:96px}.token-stack img{width:32px;height:32px;margin-left:-16px;top:calc(50% - 16px + var(--fan-y-mobile))}[data-demo=setup][data-step="3"] .token-stack img{transform:translateX(var(--fan-x-mobile))}.setup-token-stock figcaption{font-size:9px}.bank-color img,.flying-tokens img{width:48px;height:48px}.owned-demo .paid-tokens{left:30%;bottom:26px}.owned-demo .paid-tokens img{width:33px;height:33px}}
.top .play-cta{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;padding:10px 17px;border-radius:999px;background:#f5f5f7;color:#101014;text-decoration:none;font-size:13px;font-weight:700}
.top .play-cta:hover{background:#d7eaff}
.top .play-cta:focus-visible{outline:3px solid #2997ff;outline-offset:3px}
@media(max-width:760px){.top .play-cta{margin-left:auto;padding:9px 13px;font-size:12px}}