:root{font-family:Inter,Noto Sans TC,Microsoft JhengHei,sans-serif;color:#f9f1e4;background:#171526;font-synthesis:none;--bg:#171526;--panel:#242132;--ink:#f9f1e4;--muted:#bcb4b6;--gold:#f6bc62;--coral:#f16d53;--pink:#e45c91;--teal:#78c7b2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--teal);outline-offset:4px}.wrap{width:min(100% - 80px,1300px);margin:auto}.site-header{height:90px;background:#171526;position:relative;z-index:2;border-bottom:1px solid #ffffff0d}.header-inner,.brand,nav,.actions,.footer-inner{display:flex;align-items:center}.header-inner{height:100%;justify-content:space-between}.brand{gap:12px;flex-shrink:0}.brand-mark{width:43px;height:43px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;position:relative;color:var(--gold);font-size:22px}.brand-mark:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px solid #f6bc6266;border-radius:50%}.brand-copy{display:flex;flex-direction:column;gap:2px}.brand-copy strong{font-size:17px;letter-spacing:.04em}.brand-copy small{font-size:9px;letter-spacing:.18em;color:var(--gold)}nav{gap:40px;font-size:14px;font-weight:700}nav>a:not(.nav-cta){color:#ddd5d2}nav>a:hover,.text-link:hover{color:var(--gold)}.nav-cta{background:var(--gold);color:#242030;padding:13px 20px;border-radius:5px}.nav-cta span,.button span{margin-left:20px}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 75% 50%,#5c2943,#292037 38%,#1d192b 72%);border-bottom:1px solid #ffffff14}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(115deg,transparent 0 90px,#ffffff05 91px 92px);pointer-events:none}.hero-glow{position:absolute;width:500px;height:500px;background:#ed75562b;filter:blur(100px);right:13%;top:10%}.hero-grid{min-height:650px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px;position:relative}.hero-copy{padding:80px 0}.eyebrow,.kicker{font-size:11px;letter-spacing:.19em;font-weight:800;color:var(--gold)}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow span:last-child{color:#e2c5ab}.spark{font-size:20px}.hero h1{font-size:clamp(54px,6.3vw,94px);line-height:1.12;letter-spacing:-.06em;margin:27px 0 20px}.hero h1 em{font-style:normal;color:var(--gold)}.hero-brand{font-size:23px;font-weight:800;margin:0 0 10px}.hero-description{color:#e0cfd0;font-size:17px;line-height:1.8;margin:0}.actions{gap:12px;margin-top:34px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:5px;font-size:14px;font-weight:800;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--coral);color:#211b29}.button-primary:hover{background:#ff8a6f}.button-outline{border:1px solid #ffffff63}.button-outline:hover{background:#ffffff14}.hero-note{margin-top:30px;color:#cdbdc1;font-size:12px}.note-dot{display:inline-block;width:7px;height:7px;background:var(--gold);border-radius:50%;margin-right:8px}.hero-art{height:510px;display:grid;place-items:center;position:relative}.art-frame{width:min(100%,390px);height:430px;border:1px solid #f6bc6270;border-radius:190px 190px 12px 12px;position:relative;display:flex;align-items:center;flex-direction:column;background:linear-gradient(150deg,#83425680,#3d2947b0);box-shadow:0 0 80px #ef6e5740,inset 0 0 60px #f6bc6212}.art-frame:before{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;border:1px solid #f6bc6245;border-radius:180px 180px 7px 7px}.art-top{margin-top:55px;font-size:10px;color:var(--gold);letter-spacing:.2em}.art-sign{margin-top:25px;text-align:center;color:var(--gold);text-shadow:0 0 20px #ffab5a70}.art-sign span,.art-sign small{display:block;letter-spacing:.2em;font-size:11px}.art-sign strong{display:block;font-size:85px;line-height:1.3;letter-spacing:.03em}.art-sign small{font-size:8px}.art-dice{position:absolute;bottom:58px;display:flex;align-items:end;gap:18px;transform:rotate(-8deg)}.dice{width:95px;height:95px;background:#f5d9b1;border-radius:20px;box-shadow:inset -7px -8px #d79971,0 15px 25px #1a101b55;display:grid;grid-template:repeat(3,1fr)/repeat(3,1fr);padding:15px;gap:5px;transform:rotate(12deg)}.dice i{background:#a9484e;border-radius:50%;width:100%;height:100%}.dice i:nth-child(1){grid-area:1/1}.dice i:nth-child(2){grid-area:1/3}.dice i:nth-child(3){grid-area:2/2}.dice i:nth-child(4){grid-area:3/1}.dice i:nth-child(5){grid-area:3/3}.dice-small{width:65px;height:65px;padding:11px;border-radius:14px;transform:rotate(-13deg)}.art-bottom{position:absolute;bottom:20px;color:#f4cda0;font-size:10px;letter-spacing:.2em}.art-star{position:absolute;color:var(--gold)}.star-one{font-size:40px;top:65px;right:4%}.star-two{font-size:28px;bottom:85px;left:5%}.star-three{font-size:40px;top:160px;left:3%}.hero-bottom{height:60px;border-top:1px solid #ffffff25;display:flex;justify-content:space-between;align-items:center;position:relative;color:#bbaeb4;font-size:10px;letter-spacing:.16em}.hero-bottom b{color:var(--gold);margin-left:10px}.section{padding:115px 0}.featured{background:#f4eee5;color:#272230}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px;gap:30px}.section-heading .kicker{color:#bd614c;margin:0 0 15px}.section-heading h2,.closing h2{font-size:clamp(30px,3.5vw,48px);margin:0;letter-spacing:-.04em}.section-heading>p{font-size:14px;line-height:1.8;color:#766d70;margin:0}.game-card{display:grid;grid-template-columns:42% 58%;background:#fffaf2;border:1px solid #dfd5c9;border-radius:10px;overflow:hidden;min-height:350px}.game-card-art{background:radial-gradient(circle at 50% 45%,#a84e54,#512d49 65%,#33263e);display:grid;place-items:center;position:relative;overflow:hidden}.game-card-art .dice{width:125px;height:125px;padding:20px;z-index:1;transform:rotate(-14deg)}.card-orbit{position:absolute;width:235px;height:235px;border:1px solid #f4bf8280;border-radius:50%}.orbit-two{width:290px;height:290px;border-style:dashed;opacity:.45}.card-art-label{position:absolute;bottom:24px;left:28px;font-size:10px;line-height:1.5;letter-spacing:.15em;color:#f7cfaa}.card-art-label b{color:var(--gold)}.game-card-copy{padding:45px 50px}.card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.pill{background:#fae5cf;color:#9d553d;padding:8px 12px;border-radius:3px;font-size:11px;font-weight:800}.status{color:#a36d51;font-size:12px;font-weight:700}.game-card h3{font-size:38px;margin:28px 0 13px}.game-card h3 span{font-size:11px;letter-spacing:.14em;color:#b19990;margin-left:8px}.game-card-copy>p{color:#756a6a;font-size:15px;line-height:1.9;max-width:480px}.game-details{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:#8b6258;margin:25px 0}.text-link{font-size:13px;font-weight:800;border-bottom:1px solid #c5785e;padding-bottom:6px}.text-link span{margin-left:18px}.guide{background:#201d2d}.guide .section-heading>p{color:#b9aeb2}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff30;border-bottom:1px solid #ffffff30}.step{padding:30px 30px 35px 0}.step+.step{padding-left:30px;border-left:1px solid #ffffff20}.step-number{color:var(--gold);font-size:12px;letter-spacing:.1em;display:flex;justify-content:space-between}.step-number span{font-size:20px;color:#e37e6d}.step h3{font-size:22px;margin:40px 0 12px}.step p,.guide-footnote{font-size:13px;color:#bcb1b7;line-height:1.8;margin:0}.guide-footnote{margin-top:20px}.closing{background:#b84f4c;padding:55px 0}.closing-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.closing .kicker{color:#ffe0b1}.closing h2{font-size:34px}.closing p:last-child{font-size:14px;color:#f6d9d0}.closing .button{background:#f7d092}.site-footer{background:#151321;padding:42px 0}.footer-inner{justify-content:space-between;gap:30px}.footer-inner p{color:#a89ba4;font-size:12px;margin:15px 0 0}.footer-right{display:flex;flex-direction:column;align-items:end;gap:20px;font-size:13px}.footer-right small{font-size:10px;letter-spacing:.12em;color:#a99ca4}.game-placeholder{min-height:calc(100vh - 260px);background:radial-gradient(circle at 50% 30%,#5c3045,#201b2e 55%,#171526);display:grid;place-items:center;text-align:center;padding:80px 0}.placeholder-inner{max-width:630px}.placeholder-art{height:130px;display:flex;justify-content:center;align-items:center;position:relative}.placeholder-art span{font-size:30px;color:var(--gold);margin-left:25px}.placeholder-inner h1{font-size:clamp(45px,7vw,70px);margin:20px 0}.placeholder-inner h1 span{color:var(--gold)}.placeholder-inner>p:not(.kicker){color:#dbcbcb;line-height:1.9}.placeholder-inner .button{margin:20px 0 35px}.placeholder-inner small{display:block;color:#aa9ba3;letter-spacing:.15em;font-size:10px}@media(max-width:768px){.wrap{width:min(100% - 40px,1300px)}.site-header{height:76px}nav{gap:18px}.nav-home{display:none}.nav-cta{padding:12px}.nav-cta span{display:none}.hero-grid{grid-template-columns:1fr;gap:0}.hero-copy{padding:65px 0 0}.hero-art{height:390px}.art-frame{height:350px;width:300px}.art-top{margin-top:40px}.art-sign{margin-top:14px}.art-sign strong{font-size:68px}.art-dice{bottom:47px}.hero-bottom{height:55px}.section{padding:75px 0}.game-card{grid-template-columns:1fr}.game-card-art{min-height:250px}.game-card-copy{padding:30px}.steps{grid-template-columns:repeat(2,1fr)}.step:nth-child(3){border-left:0;padding-left:0;border-top:1px solid #ffffff20}.step:nth-child(4){border-top:1px solid #ffffff20}.step h3{margin-top:28px}}@media(max-width:480px){.brand-copy strong{font-size:14px}.brand-mark{width:37px;height:37px}nav{gap:12px;font-size:12px}.hero h1{font-size:54px}.hero-description{font-size:15px}.hero-bottom{font-size:8px}.section-heading{display:block}.section-heading>p{margin-top:20px}.game-card h3{font-size:32px}.game-details{display:grid;gap:10px}.closing-inner,.footer-inner{align-items:flex-start;flex-direction:column}.footer-right{align-items:flex-start}.closing .button{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{height:auto;min-height:90px}.header-inner{min-height:90px;gap:20px}.header-controls{display:flex;align-items:center;gap:10px}.language-control select,.music-control button{font:inherit;font-size:12px;color:var(--ink);background:#302b3c;border:1px solid #ffffff40;border-radius:5px;min-height:44px;padding:0 10px}.language-control select{max-width:125px}.music-control{display:flex;align-items:center;gap:7px;position:relative}.music-control button{cursor:pointer;white-space:nowrap}.music-control input{width:65px;accent-color:var(--gold);cursor:pointer}.music-error{position:absolute;right:0;top:100%;width:240px;background:#fffaf2;color:#512d49;border-radius:4px;padding:10px;font-size:12px;z-index:5}.brand-copy strong{overflow-wrap:anywhere}html[lang=th] body{font-family:Leelawadee UI,Tahoma,Noto Sans Thai,sans-serif}html[lang=th] .hero h1{line-height:1.35;letter-spacing:0}html[lang=th] h1,html[lang=th] h2,html[lang=th] h3{letter-spacing:0;line-height:1.4}.section-heading>p{max-width:360px}.hero h1{overflow-wrap:anywhere}@media(max-width:1100px){.header-inner{flex-wrap:wrap;padding-top:12px;padding-bottom:12px;justify-content:space-between}.header-controls{margin-left:auto}nav{gap:16px}.site-header,.header-inner{min-height:76px}}@media(max-width:768px){.header-inner{gap:10px}.header-controls{width:100%;justify-content:flex-end}.music-control input{width:85px}.brand-copy strong{max-width:220px}.hero-copy{padding-top:55px}}@media(max-width:480px){.header-inner{gap:8px}.brand-copy strong{max-width:155px}.header-controls{justify-content:space-between}.music-control input{width:68px}.hero h1{font-size:clamp(38px,11vw,54px)}.art-bottom{font-size:9px;letter-spacing:.08em}.hero-bottom{letter-spacing:.07em}.game-card-copy{overflow-wrap:anywhere}}.music-unavailable{font-size:12px;color:#d3c7ca;line-height:1.4}
