@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#0e1418;--panel:#171e21;--panel2:#1c2628;--ink:#f8f0da;--muted:#b8b5ad;--gold:#eacb83;--gold2:#b88c45;--red:#aa402e;--green:#213a31;--line:rgba(235,203,133,.22);--serif:'Cormorant Garamond',Georgia,serif;--sans:'Manrope',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #fbd683;outline-offset:4px}::selection{background:#be954b;color:#111}.topline{min-height:33px;background:#ae452f;color:#fff4d9;letter-spacing:.17em;font-size:9px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:12px;padding:8px;text-align:center}.topline-dot{height:5px;width:5px;border-radius:50%;background:#f9de9e}.topline-sep{opacity:.45}.header{height:84px;padding:0 clamp(20px,5.6vw,94px);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);background:#11181b;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:11px}.brand-mark{font-size:41px;color:var(--gold);line-height:1}.brand-stack{display:flex;flex-direction:column;line-height:1}.brand strong{font-size:19px;letter-spacing:.14em;font-weight:800}.brand small{color:var(--gold);letter-spacing:.27em;font-size:10px;margin-top:6px;font-weight:800}.nav{display:flex;gap:38px}.nav a{color:#d4d2cb;font-size:12px;font-weight:700}.nav a:hover{color:var(--gold)}.header-cta{font-size:11px;letter-spacing:.04em;color:#201915;background:var(--gold);padding:14px 18px;border-radius:3px;font-weight:800}.header-cta span{margin-left:10px}.header-cta:hover,.btn-primary:hover{background:#ffe0a1}.hero{min-height:650px;display:grid;grid-template-columns:minmax(0,49%) minmax(0,51%);position:relative;overflow:hidden;background:radial-gradient(circle at 26% 60%,rgba(97,49,32,.43),transparent 42%),#141a1d;border-bottom:1px solid var(--line)}.hero-grain{position:absolute;inset:0;opacity:.12;pointer-events:none;background-image:repeating-linear-gradient(0deg,transparent 0 3px,#fff 4px,transparent 5px);mix-blend-mode:soft-light}.hero-content{position:relative;z-index:2;padding:75px 2vw 55px clamp(24px,7.3vw,116px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.overline{display:flex;align-items:center;gap:12px;letter-spacing:.22em;font-size:10px;font-weight:800;color:var(--gold)}.overline-line{width:28px;height:1px;background:var(--gold)}.hero h1{font-family:var(--serif);font-size:clamp(62px,6.7vw,112px);font-weight:700;line-height:.78;letter-spacing:-.045em;margin:31px 0 24px}.hero h1 em,.collection-section h2 em,.story-band h2 em,.how-section h2 em,.game-panel-head h3 em{font-weight:500;color:var(--gold)}.hero-content>p{line-height:1.8;color:#d4ccc0;max-width:450px;font-size:14px;margin:13px 0 29px}.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.btn{border-radius:4px;border:1px solid transparent;padding:15px 22px;font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:12px;transition:background .2s,transform .2s,color .2s;min-height:49px}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#171311;background:var(--gold)}.btn-ghost{border-color:rgba(238,215,162,.35);color:#f9efdf}.btn-ghost:hover{background:rgba(255,255,255,.08)}.hero-mini-stats{display:flex;margin-top:43px;gap:28px;padding-top:23px;border-top:1px solid var(--line);width:100%;max-width:560px}.hero-mini-stats>div{display:flex;flex-direction:column;gap:5px}.hero-mini-stats strong{font-family:var(--serif);font-size:33px;color:var(--gold);line-height:1}.hero-mini-stats span{font-size:10px;color:#c7c1b2}.hero-picture{min-height:650px;background-image:linear-gradient(90deg,#12191c 0%,rgba(18,25,28,.12) 25%,rgba(9,13,12,.15)),url('assets/valchan-scene.webp');background-position:center,center;background-repeat:no-repeat;background-size:cover;position:relative}.hero-picture-shade{position:absolute;inset:0;background:linear-gradient(0deg,#11171b 0%,transparent 52%,rgba(0,0,0,.13))}.image-caption{position:absolute;bottom:37px;right:40px;width:min(310px,60%);padding:20px 25px;background:rgba(13,19,18,.83);border:1px solid rgba(238,197,113,.5);backdrop-filter:blur(8px);box-shadow:0 10px 20px rgba(0,0,0,.25)}.image-caption span{font-size:9px;letter-spacing:.19em;color:var(--gold);font-weight:800}.image-caption strong{display:block;font-family:var(--serif);font-size:27px;line-height:.9;margin:11px 0}.image-caption small{color:#dad1bd;font-size:10px;line-height:1.5}.hero-vertical{position:absolute;top:27px;right:12px;z-index:2;writing-mode:vertical-rl;letter-spacing:.23em;font-size:9px;color:rgba(250,219,164,.75)}.collection-section{max-width:1510px;margin:auto;padding:92px clamp(20px,6vw,95px) 100px}.section-head{display:flex;justify-content:space-between;gap:25px;align-items:end}.eyebrow{color:var(--gold);font-size:10px;font-weight:800;letter-spacing:.2em}.section-head h2,.story-band h2,.how-section h2{font-family:var(--serif);font-size:clamp(50px,5vw,76px);line-height:.95;font-weight:600;margin:18px 0}.section-head p{font-size:13px;color:#b9b7ab;line-height:1.7;max-width:600px}.progress-card{border:1px solid var(--line);padding:18px 22px;min-width:210px;align-self:center;background:rgba(255,255,255,.018)}.progress-card>div:first-child{display:flex;justify-content:space-between;gap:14px;align-items:center}.progress-card span{font-size:9px;letter-spacing:.12em;color:var(--gold);font-weight:800}.progress-card strong{font-family:var(--serif);font-size:30px;font-weight:600}.progress-track{height:5px;background:#3a3430;border-radius:12px;overflow:hidden;margin-top:12px}.progress-track span{display:block;height:100%;width:0%;background:var(--gold);transition:width .4s}.progress-card small{font-size:9px;color:#989891;display:block;margin-top:10px}.filters{display:flex;gap:9px;margin:36px 0 29px;flex-wrap:wrap}.filter{background:transparent;border:1px solid #354044;padding:11px 15px;color:#bfc1b9;font-size:11px;font-weight:800;white-space:nowrap;border-radius:2px}.filter span{margin-left:6px;opacity:.7}.filter:hover{border-color:var(--gold)}.filter.active{background:var(--gold);color:#201d18;border-color:var(--gold)}.card-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:17px}.history-card{border:1px solid #4c4438;background:#181c1d;overflow:hidden;position:relative;min-width:0;display:flex;flex-direction:column;transition:transform .2s,border-color .2s,box-shadow .2s}.history-card:hover{transform:translateY(-5px);border-color:#dcbf79;box-shadow:0 12px 40px rgba(0,0,0,.3)}.card-image{height:250px;background:radial-gradient(circle at 51% 49%,var(--art-glow),transparent 55%),linear-gradient(145deg,var(--art-dark),var(--art-light));position:relative;isolation:isolate;overflow:hidden}.card-image::before{content:'';position:absolute;inset:12px;border:1px solid rgba(247,218,151,.48);z-index:2;pointer-events:none}.card-image::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 28%,rgba(7,10,11,.71) 100%);z-index:1}.card-image.visual-valchan{background-image:linear-gradient(180deg,transparent,rgba(3,4,5,.7)),url('assets/valchan-portrait.webp');background-position:center,center 38%;background-size:cover}.card-visual{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;font-size:115px;filter:drop-shadow(0 8px 10px rgba(0,0,0,.55));transform:rotate(-6deg);transition:transform .25s}.history-card:hover .card-visual{transform:rotate(0) scale(1.07)}.card-image.visual-valchan .card-visual{display:none}.card-year{position:absolute;top:22px;left:22px;z-index:3;background:rgba(12,14,15,.72);border:1px solid rgba(239,198,126,.54);color:#ffdb94;font-family:var(--serif);font-size:20px;padding:5px 10px;font-weight:700}.card-category{position:absolute;bottom:16px;left:19px;z-index:3;font-size:9px;letter-spacing:.14em;font-weight:800;color:#f3d28d}.card-complete{position:absolute;right:18px;bottom:14px;z-index:3;background:#153b2b;border:1px solid #c7d3a6;color:#e7f4d2;padding:5px 7px;font-size:9px;letter-spacing:.08em}.card-body{padding:23px 19px 21px;flex:1;display:flex;flex-direction:column;align-items:start}.card-body h3{font-family:var(--serif);font-size:26px;line-height:.96;margin:0 0 12px;min-height:52px;font-weight:700}.card-body p{font-size:11px;line-height:1.7;color:#b8b7ae;min-height:57px;margin:0 0 19px}.card-play{border:0;background:transparent;color:var(--gold);font-size:11px;font-weight:800;letter-spacing:.04em;padding:3px 0;display:flex;justify-content:space-between;gap:14px;width:100%;margin-top:auto}.card-play span{font-size:16px}.history-card:hover .card-play{color:#ffe1a3}.story-band{background:radial-gradient(ellipse at 95% 28%,rgba(75,89,62,.26),transparent 39%),#1c2423;padding:95px clamp(20px,8vw,130px);border-block:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:70px;position:relative;overflow:hidden}.story-decoration{position:absolute;right:-85px;top:-165px;font-family:var(--serif);font-size:570px;line-height:1;color:#cdb476;opacity:.045}.story-left{position:relative;z-index:1}.story-left p{color:#c7c8c0;font-size:13px;line-height:2;max-width:590px}.text-link{display:inline-flex;gap:18px;color:var(--gold);font-size:12px;font-weight:800;margin-top:28px;border-bottom:1px solid var(--gold);padding-bottom:10px}.timeline{position:relative;padding-left:27px;display:grid;gap:27px;align-content:center}.timeline::before{content:'';position:absolute;top:15px;bottom:20px;left:5px;width:1px;background:#9e875c}.timeline-item{position:relative;display:grid;grid-template-columns:75px auto;gap:17px;align-items:center}.timeline-item::before{content:'';position:absolute;width:9px;height:9px;border:2px solid var(--gold);background:#1b2421;left:-26px;border-radius:50%}.timeline-item strong{font-family:var(--serif);font-size:25px;color:var(--gold);white-space:nowrap}.timeline-item span{font-size:12px;color:#d5d2c7}.how-section{padding:100px clamp(20px,7vw,118px) 95px;text-align:center;max-width:1460px;margin:auto}.how-section h2{margin-bottom:50px}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:left}.how-grid article{position:relative;background:#192123;border:1px solid var(--line);min-height:223px;padding:30px 28px 24px}.step-number{position:absolute;right:23px;top:20px;font-family:var(--serif);font-size:50px;color:rgba(226,199,143,.17)}.step-icon{font-size:36px;color:var(--gold)}.how-grid h3{font-family:var(--serif);font-size:28px;margin:20px 0 7px}.how-grid p{font-size:11px;line-height:1.8;color:#b4bbb6}.non-gambling{display:flex;gap:14px;align-items:center;text-align:left;max-width:750px;margin:33px auto 0;color:#b2b9b3}.non-gambling span{color:var(--gold);font-size:22px}.non-gambling p{font-size:11px;line-height:1.8}.footer{border-top:1px solid var(--line);padding:60px clamp(20px,7vw,118px) 25px;display:grid;grid-template-columns:1fr 1fr;gap:40px}.footer p{max-width:350px;color:#b3b8b0;font-size:11px;line-height:1.8;margin-top:25px}.footer-sources{display:grid;align-content:start;gap:14px;justify-self:end}.footer-sources strong{color:var(--gold);font-size:10px;letter-spacing:.13em}.footer-sources a{font-size:11px;color:#c6c5be}.footer-sources a:hover{color:#fff}.footer-last{grid-column:1/-1;border-top:1px solid var(--line);margin-top:14px;padding-top:22px;display:flex;justify-content:space-between;gap:18px;font-size:9px;letter-spacing:.09em;color:#979d96}.footer-last button{border:0;background:transparent;color:var(--gold);font-size:10px}.modal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:22px}.modal[hidden],.discovery[hidden]{display:none!important}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.83);backdrop-filter:blur(10px)}.modal-body{position:relative;z-index:1;width:min(1040px,100%);max-height:min(94vh,1050px);overflow:auto;background:#151d20;border:1px solid #8e7444;box-shadow:0 30px 100px #000c}.game-topline{height:47px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;color:var(--gold);font-size:10px;letter-spacing:.12em;border-bottom:1px solid var(--line)}.close{height:35px;width:35px;border:1px solid #524837;background:transparent;color:#ead3a5;font-size:19px}.close:hover{background:#382d23}.game-layout{display:grid;grid-template-columns:39% 61%;min-height:610px}.game-story{position:relative;overflow:hidden;background:radial-gradient(circle at 58% 40%,var(--game-glow,#51402e),transparent 55%),linear-gradient(145deg,var(--game-dark,#172423),var(--game-light,#3e2c23));min-height:610px}.game-story::before{content:'';position:absolute;inset:14px;border:1px solid rgba(236,198,116,.38);z-index:2;pointer-events:none}.game-story.is-valchan{background:url('assets/valchan-portrait.webp') center 30%/cover}.game-story-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,7,9,.16),rgba(8,12,13,.07) 32%,rgba(7,10,11,.91))}.game-story-content{position:absolute;inset:25px 25px 35px;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end}.game-kicker{font-size:10px;letter-spacing:.22em;color:#e6cb92;font-weight:800}.game-art{font-size:115px;position:absolute;top:17%;left:0;right:0;text-align:center;filter:drop-shadow(0 16px 12px #050509);opacity:.95}.game-story.is-valchan .game-art{display:none}.game-story h2{font-family:var(--serif);font-size:clamp(38px,4vw,57px);line-height:.94;margin:20px 0 12px}.game-story-content>p{color:#e1dccc;font-size:12px;line-height:1.7;margin:0 0 20px}.game-badge{font-size:9px;letter-spacing:.17em;border:1px solid #bdab7d;color:#f2d49d;padding:8px 10px}.game-panel{padding:32px clamp(20px,3.2vw,55px)}.game-panel-head{text-align:center}.game-panel-head h3{font-family:var(--serif);font-size:39px;font-weight:600;line-height:1;margin:9px 0}.game-panel-head p{font-size:11px;color:#b8b9b2;line-height:1.7;max-width:400px;margin:0 auto 22px}.scratch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px;background:#2b231c;border:1px solid #b49257;box-shadow:inset 0 0 0 4px #111a1d;max-width:428px;margin:0 auto}.scratch-tile{position:relative;aspect-ratio:1.2;min-width:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,#594631,#241e1a);border:1px solid #ad884d;overflow:hidden}.scratch-tile::after{content:'';position:absolute;inset:5px;border:1px solid rgba(241,201,130,.23);pointer-events:none;z-index:1}.scratch-icon{font-size:clamp(31px,3.4vw,56px);line-height:1;filter:drop-shadow(0 2px 3px #0008);user-select:none}.scratch-tile canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair;z-index:3}.scratch-tile.revealed canvas{display:none}.game-progress{max-width:428px;margin:15px auto 10px}.game-progress>span{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.11em;color:#c5c1b6}.game-progress b{color:var(--gold)}.game-progress-bar{height:4px;background:#45403a;margin-top:8px;overflow:hidden}.game-progress-bar i{display:block;width:0;height:100%;background:var(--gold);transition:width .25s}.game-buttons{max-width:428px;margin:15px auto 0;display:flex;gap:10px}.game-buttons .btn{flex:1;font-size:10px;min-height:40px;padding:10px 12px}.btn-secondary{background:#d9b679;color:#1b1815}.btn-secondary:hover{background:#f4d89c}.btn-outline{border-color:#65583f;background:transparent;color:#ead6af}.btn-outline:hover{background:rgba(255,255,255,.06)}.discovery{max-width:428px;margin:18px auto 0;display:flex;align-items:start;gap:14px;background:#1d352d;border:1px solid #9ab182;padding:13px 16px;animation:appear .35s ease}.discovery-mark{font-size:34px}.discovery span{color:#d4d9ab;font-size:9px;font-weight:800;letter-spacing:.13em}.discovery strong{display:block;font-family:var(--serif);font-size:25px;line-height:1.1;margin-top:6px}.discovery p{color:#dde3d2;font-size:11px;line-height:1.65;margin:6px 0 0}.game-disclaimer{text-align:center;font-size:9px;color:#a3a49e;margin:16px 0 0}.no-results{font-size:13px;color:#ddd}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.card-grid{grid-template-columns:repeat(3,1fr)}.card-image{height:280px}.nav{gap:15px}.hero{grid-template-columns:50% 50%}.hero-content{padding-left:45px}.hero h1{font-size:80px}}
@media(max-width:760px){.topline{font-size:8px;line-height:1.5;gap:5px}.topline-sep{display:none}.header{height:72px;padding:0 17px}.brand strong{font-size:15px}.brand small{font-size:8px}.brand-mark{font-size:33px}.nav{display:none}.header-cta{padding:10px;font-size:10px}.header-cta span{display:none}.hero{display:flex;flex-direction:column-reverse;min-height:auto}.hero-picture{min-height:300px;background-size:cover;background-position:center}.hero-picture::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#141a1d 0%,transparent 55%)}.image-caption{display:none}.hero-content{padding:28px 23px 54px}.hero h1{font-size:clamp(63px,15vw,101px);margin:24px 0 22px}.hero-content>p{font-size:13px;margin:9px 0 21px}.hero-mini-stats{margin-top:32px;gap:16px}.hero-mini-stats strong{font-size:27px}.hero-mini-stats span{font-size:9px}.hero-vertical{display:none}.collection-section{padding:65px 18px}.section-head{align-items:start;flex-direction:column}.section-head h2{font-size:54px}.progress-card{min-width:230px;align-self:stretch}.filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:7px;margin:28px -18px 20px;padding-inline:18px;scrollbar-width:thin}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-image{height:210px}.card-body{padding:15px 13px}.card-body h3{font-size:25px;min-height:48px}.card-body p{font-size:10px;min-height:67px}.card-year{top:17px;left:17px;font-size:18px}.card-category{left:16px}.card-visual{font-size:84px}.story-band{padding:70px 24px;grid-template-columns:1fr;gap:44px}.story-band h2{font-size:55px}.how-section{padding:75px 20px}.how-section h2{font-size:50px}.how-grid{grid-template-columns:1fr}.how-grid article{min-height:175px}.footer{padding:55px 24px 25px;grid-template-columns:1fr}.footer-sources{justify-self:start}.footer-last{flex-direction:column}.modal{padding:8px;align-items:center}.modal-body{max-height:97vh}.game-layout{grid-template-columns:1fr}.game-story{min-height:190px}.game-story.is-valchan{background-position:center 25%}.game-story-content{inset:16px 25px 16px;justify-content:flex-end}.game-story h2{font-size:38px;margin:8px 0 4px;max-width:310px}.game-story-content>p{font-size:10px;margin:0 0 4px}.game-art{font-size:89px;top:17%;right:25px;left:auto}.game-badge{display:none}.game-panel{padding:18px 17px 20px}.game-panel-head h3{font-size:32px}.game-panel-head p{font-size:10px;line-height:1.5;margin-bottom:14px}.scratch-grid{max-width:375px}.scratch-icon{font-size:35px}.game-progress{margin-top:12px}.game-disclaimer{font-size:9px}}
@media(max-width:400px){.card-image{height:178px}.card-body h3{font-size:21px;min-height:41px}.card-year{font-size:16px}.card-body p{font-size:9px}.card-play{font-size:10px}.hero h1{font-size:60px}.hero-actions .btn{width:100%}.game-story{min-height:160px}.game-story h2{font-size:32px}.game-story-content>p{display:none}.game-panel-head h3{font-size:28px}.scratch-grid{gap:5px;padding:8px}.game-buttons{flex-wrap:wrap}.game-buttons .btn{min-width:42%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}