@font-face{font-family:Dawn Garamond;src:url(data:font/woff;base64,AAUWBwACAABNYWMgT1MgWCAgICAgICAgAAIAAAAJAAAAMgAAAKMAAAACAAAA1QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQVRUUgAAAAAAAADVAAAAmAAAAD0AAAAAAAAAAAAAAAAAAAABAAAAmAAAAD0AABVjb20uYXBwbGUucXVhcmFudGluZQBxLzAwODE7NjBjOGVkYTM7RmlyZWZveDtEOTE3Nzk0Ny00NUU0LTRGRTctODU0Ni1GQUREQzZDODJEODQA)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Dawn Zara;src:url(/assets/Zara-Regular-02-DhzIEI9x.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--dawn-bg:#080706;--dawn-panel:#15100cd1;--dawn-gold:#d8a640;--dawn-gold-light:#f5d27a;--dawn-text:#f4ead8;--dawn-muted:#b8a88f;--dawn-border:#d8a64038;--font-main:"Dawn Garamond", Georgia, serif;--font-heading:"Dawn Zara", Georgia, serif;--font-mono:ui-monospace, Consolas, monospace;font:18px/145% var(--font-main);letter-spacing:.18px;color:var(--dawn-text);background:var(--dawn-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}html,body,#root{min-height:100%}html{background:var(--dawn-bg)}body{background:var(--dawn-bg);color:var(--dawn-text);font-family:var(--font-main);margin:0}#root{box-sizing:border-box;flex-direction:column;max-width:100%;min-height:100svh;margin:0 auto;display:flex}*,:before,:after{box-sizing:border-box}button,input,textarea,select{font-family:inherit}button{color:inherit}h1{font-family:var(--font-heading);color:#fff;letter-spacing:-1.68px;margin:32px 0;font-size:56px;font-weight:400}h2{font-family:var(--font-main);color:#fff;letter-spacing:-.24px;margin:0 0 8px;font-size:24px;font-weight:400;line-height:118%}h3,h4,h5,h6{font-family:var(--font-main);color:#fff;margin-top:0;font-weight:400}p{margin:0}img{max-width:100%}@media (width<=1024px){h1{margin:20px 0;font-size:36px}h2{font-size:20px}}.app-root{background:radial-gradient(circle at 50% -10%,#ff282847,#0000 35%),radial-gradient(circle at 15% 25%,#b4000038,#0000 30%),radial-gradient(circle at 85% 30%,#ff3c002e,#0000 30%),radial-gradient(circle at 50% 100%,#b414002e,#0000 40%),linear-gradient(#130707 0%,#090303 40%,#040101 100%);min-height:100vh;position:relative;overflow-x:hidden}.app-root:before{content:"";pointer-events:none;z-index:0;mix-blend-mode:screen;background:radial-gradient(at top,#ff00002e 0%,#0000 60%);position:fixed;inset:0}.parallax-bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.parallax-orb{filter:blur(18px);opacity:.7;border-radius:999px;position:absolute}.orb-one{filter:blur(70px);background:radial-gradient(circle,#ff282859,#0000 70%);width:600px;height:600px;top:40px;left:-220px}.orb-two{filter:blur(90px);background:radial-gradient(circle,#b4000047,#0000 72%);width:700px;height:700px;top:-50px;right:-250px}.orb-three{filter:blur(80px);background:radial-gradient(circle,#ff50002e,#0000 75%);width:500px;height:500px;bottom:-200px;left:40%}.parallax-noise{opacity:.08;background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0}.parallax-vignette{background:radial-gradient(circle,#0000 40%,#0009 100%);position:absolute;inset:0}.app{justify-content:center;align-items:center;min-height:auto;padding:32px 0;display:flex}.navigation-bar{box-sizing:border-box;justify-content:space-between;width:100%;padding:24px 40px;display:flex}.nav-btn{cursor:pointer;text-transform:uppercase;letter-spacing:.06em;border-radius:999px;min-width:180px;height:56px;font-size:18px;font-weight:700}.nav-btn-primary{border:1px solid var(--dawn-gold);background:var(--dawn-gold);color:#160f08;z-index:1}.nav-btn-secondary{color:var(--dawn-gold-light);background:#15100cb8;border:1px solid #d8a64073}.nav-btn:disabled{opacity:.35;cursor:not-allowed}.project-info{text-align:center;width:min(1100px,100%);color:var(--dawn-muted);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#15100c94;border:1px solid #d8a64038;border-radius:18px;margin:24px auto;padding:18px 24px;font-size:15px;line-height:1.6}.global-footer{background:linear-gradient(90deg,#17100b 0%,#8c5c20 48%,#d8a640 100%);justify-content:center;align-items:center;width:calc(100% + 48px);min-height:140px;margin-top:32px;margin-left:-24px;display:flex}.app-content{z-index:2;width:100%;min-height:100vh;position:relative}.page-next-button,.page-prev-button{z-index:9999;cursor:pointer;background:0 0;border:none;padding:0;position:fixed;bottom:36px}.page-next-button{right:36px}.page-prev-button{left:36px}.page-next-button img,.page-prev-button img{width:80px;height:auto;transition:transform .2s;display:block}.page-next-button:hover img,.page-prev-button:hover img{transform:scale(1.05)}.page-next-button:active img,.page-prev-button:active img{transform:scale(.98)}.app-logo{z-index:10000;align-items:center;text-decoration:none;display:flex;position:fixed;top:28px;left:28px}.app-logo img{width:180px;height:auto;transition:transform .25s,opacity .25s;display:block}.app-logo:hover img{opacity:.95;transform:scale(1.04)}.app-logo:active img{transform:scale(.98)}.intro-page{width:100%;min-height:100vh;overflow:hidden}.intro-map-card{perspective:1600px;width:100vw;height:100vh;margin:0;position:relative}.intro-map-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform 1s cubic-bezier(.2,.8,.2,1);position:relative}.intro-map-card.is-flipped .intro-map-inner{transform:rotateY(180deg)}.intro-map-side{backface-visibility:hidden;box-shadow:none;border:none;border-radius:0;position:absolute;inset:0;overflow:hidden}.intro-map-front{background:#080706}.intro-map-back{background:radial-gradient(circle at 50% -10%,#ff282847,#0000 35%),radial-gradient(circle at 15% 25%,#b4000038,#0000 30%),radial-gradient(circle at 85% 30%,#ff3c002e,#0000 30%),radial-gradient(circle at 50% 100%,#b414002e,#0000 40%),linear-gradient(#130707 0%,#090303 40%,#040101 100%);transform:rotateY(180deg)}.intro-map-back:before{content:"";mix-blend-mode:screen;pointer-events:none;background:radial-gradient(at top,#ff00002e 0%,#0000 60%);position:absolute;inset:0}.intro-map-back:after{content:"";filter:blur(40px);pointer-events:none;background:radial-gradient(circle at 20% 20%,#ff28282e,#0000 25%),radial-gradient(circle at 80% 15%,#b4000029,#0000 30%),radial-gradient(circle at 50% 90%,#ff50001f,#0000 35%);position:absolute;inset:0}.point-info-wrapper{z-index:30;perspective:1200px;width:max-content;max-width:430px;animation:.25s point-info-opacity;position:absolute}@keyframes point-info-opacity{0%{opacity:0}to{opacity:1}}.point-info-scale{transform-origin:0 0;will-change:transform;width:max-content;max-width:430px}.point-info-inner{width:max-content;max-width:100%;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.22,.8,.25,1);position:relative}.point-info-card{width:max-content;max-width:430px}.point-info-inner{width:max-content;max-width:430px;transform-style:preserve-3d;grid-template-columns:minmax(0,auto);transition:transform .65s cubic-bezier(.22,.8,.25,1);display:grid;position:relative}.point-info-side{box-sizing:border-box;-webkit-backdrop-filter:blur(12px);backface-visibility:hidden;background:radial-gradient(circle at 15% 20%,#d34e0d3d,#0000 48%),linear-gradient(135deg,#1e0905f5,#4c1107eb);border:1px solid #f5d27a7a;border-radius:18px;grid-area:1/1;justify-content:flex-start;align-items:center;gap:12px;width:max-content;max-width:430px;min-height:76px;padding:16px 18px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 38px #0000007a,0 0 25px #d34e0d33,inset 0 1px #ffffff17}.point-info-side:before{content:"";pointer-events:none;background:linear-gradient(115deg,#ffffff1a,#0000 30% 72%,#f5d27a12);position:absolute;inset:0}.point-info-side h3,.point-info-side p,.point-info-side button{z-index:1;position:relative}.point-info-front{transform:rotateY(0)}.point-info-back{width:100%;transform:rotateY(180deg)}.point-info-card.is-flipped .point-info-inner{transform:rotateY(180deg)}.point-info-front h3{color:#fff3df;text-align:left;white-space:pre-line;overflow-wrap:normal;word-break:normal;text-shadow:0 0 10px #d34e0d94,0 2px 4px #000000d1;max-width:280px;margin:0;font-size:24px;font-weight:700;line-height:1.15}.point-info-back p{color:#f7e7d2;text-align:left;white-space:normal;overflow-wrap:break-word;word-break:normal;text-shadow:0 2px 4px #000000c7,0 0 12px #d34e0d4d;width:320px;max-width:320px;margin:0;font-size:20px;line-height:1.35}.point-info-arrow{cursor:pointer;background:radial-gradient(circle,#f5d27a2b,#0000 70%);border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;width:52px;height:52px;padding:0;transition:transform .25s,background .25s;display:flex}.point-info-arrow img{object-fit:contain;filter:drop-shadow(0 0 8px #f5d27a85)drop-shadow(0 3px 5px #000000b8);width:42px;height:42px;transition:transform .25s;display:block}.point-info-arrow:hover{background:radial-gradient(circle,#f5d27a4d,#0000 72%);transform:scale(1.07)}.point-info-arrow:hover img{transform:translate(3px)scale(1.05)}.point-info-arrow-back:hover img{transform:translate(-3px)scale(1.05)}.back-layout{z-index:4;box-sizing:border-box;grid-template-columns:minmax(280px,420px) minmax(360px,1fr) minmax(280px,520px);align-items:center;padding:clamp(24px,4vw,70px);display:grid;position:absolute;inset:0}.back-image-wrap{place-self:center;max-width:100%;max-height:82vh;position:relative}.front-map-stage{position:absolute;inset:0}.intro-map-front .intro-map-image{object-fit:cover;object-position:center;width:100%;height:100%;display:block;position:absolute;inset:0}.intro-map-back .intro-map-image{object-fit:contain;object-position:center;border-radius:20px;width:auto;max-width:100vw;height:auto;max-height:100vh;display:block}.intro-map-overlay{position:absolute;inset:0}.intro-title{text-align:center;z-index:3;position:absolute;top:90px;left:50%;transform:translate(-50%)}.intro-title p{color:#f5d27a;letter-spacing:.3em;text-transform:uppercase;margin:0;font-weight:700}.intro-title h1{color:#fff7ea;text-transform:uppercase;text-shadow:0 0 50px #d8a64059;margin:22px 0 0;font-size:clamp(72px,10vw,150px);line-height:.9}.map-point{z-index:4;cursor:pointer;opacity:0;pointer-events:none;background:#ff2828d9;border:2px solid #f5d27a;border-radius:999px;width:16px;height:16px;position:absolute;transform:translate(-50%,-50%)scale(.4);box-shadow:0 0 0 8px #ff282829,0 0 32px #ff2828cc}.map-point:hover,.map-point.active{background:#f5d27a}.map-point:hover{transform:translate(-50%,-50%)scale(1.25)}.map-point.show{pointer-events:auto;animation:.55s forwards pointAppear,1.8s .55s infinite pointPulse}.flip-button{z-index:20;cursor:pointer;border:none;padding:0;position:absolute}.intro-map-inner>.flip-button{background:#571003e6;border:2px solid #f5d27a;border-radius:999px;width:34px;height:34px;animation:1.8s infinite flipPointPulse;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 10px #f5d27a24,0 0 32px #f5d27aa6}.intro-map-inner>.flip-button:hover{scale:1.18}.intro-map-inner>.flip-button:active{scale:.95}.flip-dot{background:#f5d27a;border-radius:999px;position:absolute;inset:8px;box-shadow:0 0 18px #f5d27ae6}.back-button{background:0 0;bottom:36px;left:36px}.back-button img{width:80px;height:auto;transition:scale .2s;display:block}.back-button:hover img{scale:1.05}.back-button:active img{scale:.98}.back-revolution-content{z-index:4;pointer-events:none;position:absolute;inset:0}.back-content{text-align:left;overflow-wrap:anywhere;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a060400;border-left:3px solid #d8a640b3;border-radius:14px;justify-self:stretch;width:100%;min-width:0;max-width:600px;margin-top:180%;padding:24px;position:static;transform:none}.back-content p{color:#fff7ea;letter-spacing:.03em;text-transform:none;overflow-wrap:anywhere;word-break:break-word;text-shadow:0 0 25px #d8a64059,0 0 80px #ff28282e;max-width:100%;margin:0;font-size:24px;line-height:1.5}.intro-next-button{z-index:80;color:#fff7ea;letter-spacing:.04em;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#751b09f5,#300a05f5);border:1px solid #f5d27aa6;border-radius:18px;min-width:220px;height:64px;padding:0 42px;font-family:inherit;font-size:28px;font-weight:700;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s;animation:.5s both introNextAppear;position:fixed;bottom:38px;left:50%;transform:translate(-50%);box-shadow:0 18px 45px #00000073,0 0 30px #d8a64029,inset 0 1px #ffffff1a}.intro-next-button:hover{background:linear-gradient(#91260cfa,#410d06fa);border-color:#f5d27af2;transform:translate(-50%)translateY(-4px);box-shadow:0 22px 55px #00000080,0 0 38px #d8a64042}.intro-next-button:active{transform:translate(-50%)translateY(0)scale(.97)}.intro-next-button:focus-visible{outline-offset:5px;outline:3px solid #f5d27ae6}.intro-map-inner>.flip-button .flip-dot{animation:1.8s infinite flipDotGlow}.revolution-info{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a060400;border-left:3px solid #d8a640b3}.front-intro-text{z-index:7;color:#fff7ea;font-family:var(--font-heading);text-align:center;white-space:nowrap;text-shadow:0 0 25px #d8a64061,0 0 90px #ff28283d;font-size:clamp(52px,8vw,130px);font-style:italic;font-weight:400;animation:2.2s forwards frontIntroTitle;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.back-content h2:after{content:"|";color:#f5d27a;margin-left:8px;animation:.8s infinite cursorBlink}.revolution-info p{color:#f4ead8;white-space:pre-line;margin:20px;font-size:20px;line-height:1.55}.revolution-info p:after{content:"|";color:#f5d27a;margin-left:4px;animation:.8s infinite cursorBlink}@media (width<=2110px){.back-layout{grid-template-rows:auto auto auto;grid-template-columns:1fr;overflow-y:auto}.back-image-wrap{order:1;max-height:42vh}.back-content{text-align:center;order:2;justify-self:center;margin-top:20px}.revolution-info{order:3;justify-self:center;max-width:720px}.intro-map-back .intro-map-image{max-height:42vh}}@media (width<=1200px){.back-layout{grid-template-columns:1fr;gap:24px;padding:24px;overflow-y:auto}.back-image-wrap{order:1}.back-content{text-align:left;order:2;justify-self:center;max-width:700px;margin-top:16px}.revolution-info{order:3;justify-self:center;width:100%;max-width:700px}.intro-map-back .intro-map-image{max-height:45vh}}@media (width<=768px){.back-layout{flex-direction:column;justify-content:flex-start;align-items:center;gap:16px;padding:16px;display:flex;overflow-y:auto}.back-image-wrap{width:100%;max-height:30vh}.intro-map-back .intro-map-image{object-fit:contain;width:100%;height:auto;max-height:30vh}.back-content{text-align:center;width:100%;max-width:100%;margin-top:16px}.back-content h2{margin-top:20%;font-size:clamp(28px,8vw,48px);line-height:1.05}.revolution-info{width:100%;max-width:100%;min-height:auto;padding:16px}.revolution-info p{font-size:16px;line-height:1.45}.intro-map-inner>.flip-button{bottom:56px}.back-button{bottom:24px;left:24px}.intro-next-button{border-radius:15px;min-width:180px;height:54px;padding:0 30px;font-size:22px;bottom:20px}}@keyframes frontIntroTitle{0%{opacity:0;filter:blur(10px);transform:translate(-50%,-44%)scale(.96)}30%{opacity:1;filter:blur();transform:translate(-50%,-50%)scale(1)}72%{opacity:1;filter:blur();transform:translate(-50%,-50%)scale(1)}to{opacity:0;filter:blur(8px);transform:translate(-50%,-56%)scale(1.04)}}@keyframes flipPointPulse{0%{box-shadow:0 0 #f5d27a61,0 0 28px #f5d27abf}to{box-shadow:0 0 0 22px #f5d27a00,0 0 28px #f5d27abf}}@keyframes flipDotGlow{0%,to{opacity:1;scale:1}50%{opacity:.78;scale:1.25}}@keyframes calligraphyAppear{to{opacity:1;transform:translateY(0)scale(1)}}@keyframes introNextAppear{0%{opacity:0;transform:translate(-50%)translateY(18px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes cursorBlink{50%{opacity:0}}@keyframes pointAppear{0%{opacity:0;filter:blur(8px);transform:translate(-50%,-50%)scale(.4)}to{opacity:1;filter:blur();transform:translate(-50%,-50%)scale(1)}}@keyframes pointPulse{0%{box-shadow:0 0 #ff282859,0 0 30px #ff2828cc}to{box-shadow:0 0 0 20px #ff282800,0 0 30px #ff2828cc}}@keyframes infoAppear{0%{opacity:0;transform:translate(10px,-50%)scale(.96)}to{opacity:1;transform:translate(24px,-50%)scale(1)}}.evolution-transition{z-index:99999;background:radial-gradient(circle at 50% 48%,#5710037a,#0000 38%),radial-gradient(circle at 18% 25%,#78140538,#0000 32%),radial-gradient(circle at 82% 70%,#57100333,#0000 34%),linear-gradient(135deg,#160403 0%,#2b0705 48%,#0d0202 100%);justify-content:center;align-items:center;animation:.45s forwards evolution-transition-enter;display:flex;position:fixed;inset:0;overflow:hidden}.evolution-transition:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:45px 45px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 78%);mask-image:radial-gradient(circle,#000,#0000 78%)}.evolution-transition:after{content:"";pointer-events:none;background:radial-gradient(circle,#0000 30%,#050000b8 100%);position:absolute;inset:0}.evolution-transition__light{filter:blur(32px);pointer-events:none;background:linear-gradient(90deg,#0000,#5710031f,#a8260f57,#ff5b364d,#57100324,#0000);width:55%;height:220%;animation:1.65s ease-in-out forwards evolution-light-move;position:absolute;top:50%;left:-40%;transform:translateY(-50%)rotate(10deg)}.evolution-transition__particles{opacity:.38;pointer-events:none;background-image:radial-gradient(circle,#ff704eb8 0 1px,#0000 2px),radial-gradient(circle,#ffdad06b 0 1px,#0000 2px);background-position:10px 20px,40px 60px;background-size:85px 85px,125px 125px;animation:7s linear infinite evolution-particles-move;position:absolute;inset:0}.evolution-transition__content{z-index:2;color:#fff4f1;flex-direction:column;align-items:center;width:min(1200px,92vw);display:flex;position:relative}.evolution-transition__eyebrow{letter-spacing:.34em;color:#ff896ce0;text-shadow:0 0 12px #571003e6,0 0 28px #be2a0f59;opacity:0;margin-bottom:64px;font-size:clamp(12px,1vw,16px);font-weight:700;animation:.55s .15s forwards evolution-content-show;transform:translateY(12px)}.evolution-transition__stages{grid-template-columns:repeat(6,1fr);align-items:end;width:100%;min-height:290px;display:grid;position:relative}.evolution-transition__line{background:#ffffff1c;border-radius:999px;height:3px;position:absolute;bottom:24px;left:8%;right:8%;overflow:hidden}.evolution-transition__line-progress{border-radius:inherit;background:linear-gradient(90deg,#571003 0%,#a5280e 52%,#ff7551 100%);height:100%;transition:width .3s;box-shadow:0 0 12px #a5280eb8,0 0 30px #571003a6,0 0 46px #ff5b3633}.evolution-transition__stage{z-index:2;opacity:.12;filter:grayscale();flex-direction:column;justify-content:flex-end;align-items:center;height:100%;transition:opacity .4s,filter .4s,transform .4s;display:flex;position:relative;transform:translateY(12px)scale(.88)}.evolution-transition__stage.is-visible{opacity:.65;filter:grayscale(.42)sepia(.15);transform:translateY(0)scale(1)}.evolution-transition__stage.is-active{opacity:1;filter:grayscale(0)drop-shadow(0 0 14px #ff5b3694)drop-shadow(0 0 28px #5710036b);transform:translateY(-8px)scale(1.08)}.evolution-transition__stage-image{justify-content:center;align-items:flex-end;height:220px;display:flex}.evolution-transition__stage-image img{object-fit:contain;-webkit-user-select:none;user-select:none;max-width:120px;max-height:100%;display:block}.evolution-transition__point{background:#260705;border:3px solid #fff3;border-radius:50%;width:15px;height:15px;margin-top:18px;transition:background-color .35s,border-color .35s,box-shadow .35s,transform .35s}.evolution-transition__stage.is-visible .evolution-transition__point{background:#cf3d1c;border-color:#a5280e;box-shadow:0 0 10px #a5280e6b}.evolution-transition__stage.is-active .evolution-transition__point{background:#ff9377;border-color:#ffb09c;transform:scale(1.35);box-shadow:0 0 0 8px #57100352,0 0 20px #ff5b36e0,0 0 38px #a5280e85}.evolution-transition__title{letter-spacing:.04em;text-align:center;color:#fff4f1;text-shadow:0 2px 8px #000000b8,0 0 22px #57100394;opacity:0;margin:54px 0 0;font-size:clamp(24px,2.5vw,44px);font-weight:600;animation:.6s .25s forwards evolution-content-show;transform:translateY(16px)}.evolution-transition__loading{align-items:center;gap:8px;height:20px;margin-top:22px;display:flex}.evolution-transition__loading span{background:#cf3d1c;border-radius:50%;width:7px;height:7px;animation:.85s ease-in-out infinite evolution-loading-dot;box-shadow:0 0 10px #ff5b36b3}.evolution-transition__loading span:nth-child(2){animation-delay:.14s}.evolution-transition__loading span:nth-child(3){animation-delay:.28s}@keyframes evolution-transition-enter{0%{opacity:0;clip-path:circle(0%)}to{opacity:1;clip-path:circle(150%)}}@keyframes evolution-light-move{0%{left:-55%}to{left:105%}}@keyframes evolution-content-show{to{opacity:1;transform:translateY(0)}}@keyframes evolution-loading-dot{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-7px)}}@keyframes evolution-particles-move{0%{transform:translateY(0)}to{transform:translateY(-80px)}}@media (width<=900px){.evolution-transition__eyebrow{margin-bottom:38px}.evolution-transition__stages{min-height:215px}.evolution-transition__stage-image{height:160px}.evolution-transition__stage-image img{max-width:88px}.evolution-transition__title{margin-top:38px}}@media (width<=600px){.evolution-transition__content{width:96vw}.evolution-transition__stages{min-height:165px}.evolution-transition__stage-image{height:115px}.evolution-transition__stage-image img{max-width:58px}.evolution-transition__line{bottom:19px}.evolution-transition__point{width:12px;height:12px;margin-top:13px}}@media (prefers-reduced-motion:reduce){.evolution-transition,.evolution-transition *,.evolution-transition :before,.evolution-transition :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.image-match-page{box-sizing:border-box;color:#fff7ea;background:radial-gradient(circle at top,#571003,#0000 38%),linear-gradient(#120807 0%,#050202 100%);flex-direction:column;align-items:center;width:100%;min-height:100vh;padding:clamp(16px,3vw,40px);display:flex;overflow:hidden auto}.image-match-header{text-align:center;margin:clamp(18px,4vh,56px) 0}.image-match-header h1{color:#fff;margin:0;font-size:clamp(34px,4.5vw,68px);font-weight:400}.match-board{flex-direction:column;align-items:center;gap:clamp(14px,2vw,22px);width:min(1200px,100%);display:flex}.match-row{grid-template-columns:repeat(6,1fr);gap:clamp(8px,1.5vw,16px);width:100%;display:grid}.drop-card,.drag-card,.drag-card-placeholder{box-sizing:border-box;border-radius:14px;width:100%;min-width:0;height:clamp(150px,18vw,300px);position:relative}.drop-card{background:#fff7ea14;justify-content:center;align-items:center;transition:all .2s;display:flex;overflow:hidden;box-shadow:inset 0 0 28px #d8a64014}.drop-card.is-over{border-color:#f28c28;transform:translateY(-4px);box-shadow:0 0 34px #d8a6404d}.drop-card.is-filled{background:#d8a64021;border-style:solid;border-color:#f28c28;animation:.35s correctPop}.drop-card.is-wrong{border-color:#ff4b4b;animation:.35s wrongShake;box-shadow:0 0 28px #ff4b4b59}.drop-card img,.drag-card img{object-fit:contain;object-position:center;width:100%;height:100%;display:block}.target-title{text-align:center;color:#fff7ea;background:#050202b8;border:1px solid #d8a64047;border-radius:999px;padding:8px 10px;font-size:13px;position:absolute;bottom:10px;left:10px;right:10px}.success-mark{color:#fff;background:#571003;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;font-weight:900;display:flex;position:absolute;top:10px;right:12px}.card-info-btn{z-index:4;color:#fff7ea;cursor:pointer;background:#571003eb;border:1px solid #fff7ea73;border-radius:14px;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;font-weight:900;transition:transform .2s,background .2s,box-shadow .2s;display:flex;position:absolute;top:10px;left:12px}.card-info-btn:hover{background:#f28c28;transform:scale(1.12)rotate(-18deg);box-shadow:0 0 24px #f28c2880}.match-arrow{color:#f28c28;text-shadow:0 0 20px #d8a64066;font-size:34px;line-height:1}.drag-card{cursor:grab;touch-action:none;background:#0a0604c7;border:1px solid #d8a6406b;justify-content:center;align-items:center;width:100%;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s;display:flex}.drag-card:hover{background:#d8a64029;border-color:#f28c28;box-shadow:0 0 28px #d8a64047}.drag-card.is-dragging{z-index:100;cursor:grabbing;box-shadow:0 22px 50px #0000008c}.drag-card-placeholder{background:#fff7ea08;border:1px solid #d8a64029;width:100%;display:block}.magnifier-wrap{cursor:zoom-in;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.magnifier-img{pointer-events:none;-webkit-user-select:none;user-select:none;display:block}.magnifier-glass{pointer-events:none;opacity:0;z-index:20;will-change:transform, background-position;border:3px solid #f28c28;border-radius:50%;transition:opacity .12s;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 10px 30px #00000073}.magnifier-glass.is-visible{opacity:1}.flip-modal-overlay{z-index:999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b8;justify-content:center;align-items:center;padding:30px;animation:.25s forwards modalFade;display:flex;position:fixed;inset:0}.flip-modal-card{aspect-ratio:1269/2048;perspective:1400px;width:auto;max-width:95vw;height:min(90vh,950px);position:relative}.flip-modal-close{z-index:5;color:#fff;cursor:pointer;background:#571003;border:1px solid #fff7ea73;border-radius:999px;width:44px;height:44px;font-size:30px;line-height:1;position:absolute;top:-18px;right:-18px}.flip-card-inner{width:100%;height:100%;transform-style:preserve-3d;will-change:transform;transition:transform .8s cubic-bezier(.2,.8,.2,1);position:relative}.flip-card-shine{z-index:0;pointer-events:none;opacity:.8;position:absolute;inset:0}.flip-card-back h2,.flip-card-back p{z-index:1;position:relative}.flip-card-front,.flip-card-back{backface-visibility:hidden;border:1px solid #571003;border-radius:14px;position:absolute;inset:0;overflow:hidden;box-shadow:0 35px 90px #000000a6}.flip-card-front .magnifier-wrap{border-radius:34px;width:100%;height:100%}.flip-card-front .magnifier-img{object-fit:cover;box-sizing:border-box;width:100%;height:100%;padding:0}.flip-card-front{background:#120807}.flip-card-front img{max-width:none;max-height:none}.flip-card-back{box-sizing:border-box;color:#fff7ea;background:radial-gradient(circle at top,#571003,#0000 42%),linear-gradient(#1d0d08 0%,#080302 100%);flex-direction:column;justify-content:center;padding:48px;display:flex;transform:rotateY(180deg)}.flip-card-back h2{margin:0 0 18px;font-size:clamp(32px,5vw,56px);font-style:italic;font-weight:400}.flip-card-back p{color:#fff7eadb;margin:0;font-size:19px;line-height:1.65}.filled-card-button{cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0;overflow:hidden}.filled-card-button img{object-fit:contai;width:100%;height:100%;transition:transform .25s,filter .25s;display:block}.filled-card-button:hover img{filter:brightness(.82);transform:scale(1.05)}.open-hint{z-index:4;color:#fff7ea;opacity:0;background:#571003eb;border:1px solid #fff7ea73;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;font-weight:900;transition:opacity .2s,transform .2s,background .2s;display:flex;position:absolute;top:10px;left:12px;transform:scale(.8)rotate(-20deg)}.filled-card-button:hover .open-hint{opacity:1;background:#f28c28;transform:scale(1)rotate(0)}.flip-corner-btn{z-index:10;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:70px;height:70px;padding:10px;display:flex;position:absolute;bottom:22px;right:22px;transform:translateZ(80px)}.flip-corner-btn:hover{transform:scale(1.05)}.flip-corner-btn img{object-fit:contain;pointer-events:none;width:100%;height:100%}.success-popup-overlay{z-index:9999;background:#00000073;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.success-popup{text-align:center;background:#000;border-radius:24px;width:520px;padding:40px;animation:.35s popupScale;box-shadow:0 30px 80px #00000059}.success-popup-icon{margin-bottom:20px;font-size:70px}.success-popup h2{color:#d34e0d;margin-bottom:12px;font-size:42px}.success-popup p{color:#fff;font-size:28px}@keyframes popupScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width>=2000px){.match-board{width:min(2000px,100%)}.drop-card,.drag-card,.drag-card-placeholder{height:clamp(250px,18vw,500px)}}@keyframes flipOpen{0%{transform:rotateY(0)scale(.7)}45%{transform:rotateY(90deg)scale(.92)}to{transform:rotateY(180deg)scale(1)}}@keyframes modalFade{0%{opacity:0}to{opacity:1}}@keyframes modalZoom{0%{opacity:0;transform:scale(.78)translateY(30px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes correctPop{0%{transform:scale(.94)}70%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes wrongShake{0%,to{transform:translate(0)}20%{transform:translate(-14px)rotate(-3deg)}40%{transform:translate(14px)rotate(3deg)}60%{transform:translate(-10px)rotate(-2deg)}80%{transform:translate(10px)rotate(2deg)}}@media (width<=1500px){.match-row{grid-template-columns:repeat(3,1fr)}}@media (width<=640px){.match-row{grid-template-columns:repeat(2,1fr)}.drop-card,.drag-card,.drag-card-placeholder{height:clamp(135px,42vw,180px)}.card-info-btn,.success-mark{width:28px;height:28px;font-size:15px}.magnifier-glass{display:none}}.evolution-page{box-sizing:border-box;color:#fff7ea;background:radial-gradient(circle at top,#571003,#0000 38%),linear-gradient(#120807 0%,#050202 100%);width:100%;min-height:100vh;padding:clamp(16px,3vw,40px);overflow-x:hidden}.evolution-header{width:min(1600px,100%);margin:20px auto 26px}.evolution-header h1{color:#fff7ea;font-size:clamp(30px,3.5vw,56px)}.evolution-header p{color:#fff7eac7;font-size:clamp(16px,1.5vw,22px)}.evolution-progress{width:min(560px,100%);margin-top:20px}.evolution-progress-top{color:#f5d27a;justify-content:space-between;margin-bottom:8px;font-size:15px;font-weight:900;display:flex}.evolution-progress-track{background:#fff7ea1f;border:1px solid #d8a64040;border-radius:999px;width:100%;height:14px;overflow:hidden}.evolution-progress-fill{border-radius:inherit;background:linear-gradient(90deg,#571003 0%,#f28c28 55%,#f5d27a 100%);height:100%;transition:width .45s;box-shadow:0 0 22px #f28c288c}.evolution-game{grid-template-columns:minmax(0,1fr) minmax(260px,340px);align-items:center;gap:clamp(18px,2.5vw,36px);width:min(92vw,1900px);margin:0 auto;display:grid}.evolution-stage-wrap{aspect-ratio:16/9;background:#531609;border:1px solid #d8a6402e;border-radius:14px;width:100%;position:relative;overflow:hidden}.evolution-image-part{object-fit:contain;object-position:center;height:auto;transition:transform .15s ease-out}.evolution-text-part{text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex}.evolution-title-part{font-size:72px;line-height:1}.evolution-stage{width:1920px;height:1080px;transform:translate(-50%, -50%) scale(var(--stage-scale,1));transform-origin:50%;border-radius:14px;position:absolute;top:50%;left:50%}.evolution-part{z-index:2;object-fit:contain;object-position:center;pointer-events:none;-webkit-user-select:none;user-select:none;height:auto;animation:.45s both evolutionLayerIn;position:absolute}.evolution-body-part{transform-origin:bottom;transition:transform .15s ease-out;animation:none}.evolution-stage-complete{z-index:30;color:#f5d27a;background:#571003db;border:1px solid #f5d27aa6;border-radius:999px;padding:18px 28px;font-size:24px;font-weight:900;position:absolute;bottom:40px;right:40px;box-shadow:0 0 24px #f5d27a40}.evolution-drop{z-index:10;box-sizing:border-box;color:#fff7ea;text-align:center;background:#0a060459;border:2px dashed #f5d27aa6;border-radius:14px;justify-content:center;align-items:center;padding:8px 12px;font-size:clamp(14px,1.1vw,25px);font-weight:900;line-height:1.25;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s;display:flex;position:absolute}.evolution-drop.is-over{background:#f28c282e;border-color:#f28c28;transform:scale(1.04);box-shadow:0 0 26px #f28c2873}.evolution-drop.is-filled{box-shadow:none;background:0 0;border:none;animation:.35s evolutionCorrectPop}.evolution-drop.is-wrong{background:#ff4b4b2e;border-color:#ff4b4b;animation:.35s evolutionWrongShake;box-shadow:0 0 28px #ff4b4b57}.evolution-options{box-sizing:border-box;background:linear-gradient(#15100cf0,#0a0604e6);border:1px solid #d8a64057;border-radius:14px;flex-direction:column;gap:14px;padding:18px;display:flex;position:sticky;top:24px;box-shadow:0 24px 60px #00000059}.evolution-correct-message{color:#f5d27a;text-align:center;background:#f5d27a29;border:1px solid #00fb13b3;border-radius:14px;padding:16px;font-size:22px;font-weight:900}.evolution-options h2{text-align:center;margin:0 0 4px;font-size:30px}.evolution-option{box-sizing:border-box;color:#fff7ea;cursor:grab;touch-action:none;background:#571003ad;border:2px solid #be97aee6;border-radius:14px;width:100%;min-height:54px;padding:10px 18px;font-size:24px;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s;box-shadow:inset 0 0 18px #ffffff08,0 10px 28px #00000040}.evolution-option:hover{background:#781807cc;border-color:#f5d27a;transform:translateY(-3px);box-shadow:0 0 26px #f5d27a40}.evolution-option.is-dragging{z-index:100;cursor:grabbing;position:relative;box-shadow:0 24px 54px #0000008c}.evolution-drop.is-correct-hover{background:#39d35329;border-color:#39d353;box-shadow:0 0 28px #39d3536b}.evolution-drop.is-wrong-hover{background:#ff4b4b29;border-color:#ff4b4b;box-shadow:0 0 28px #ff4b4b6b}.evolution-option.is-correct-dragging{background:#39d35338;border-color:#39d353;box-shadow:0 0 28px #39d35373}.evolution-option.is-wrong-dragging{background:#ff4b4b38;border-color:#ff4b4b;box-shadow:0 0 28px #ff4b4b73}.evolution-final{flex-direction:column;align-items:center;gap:28px;width:min(1100px,100%);margin:0 auto;display:flex}.evolution-final-card{background:#0a0604b3;border:1px solid #d8a64057;border-radius:26px;width:min(950px,100%);animation:.5s both evolutionLayerIn;overflow:hidden;box-shadow:0 24px 70px #00000073}.evolution-final-card img{width:100%;display:block}.evolution-next{color:#fff7ea;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:#531609;border:1px solid #f28c28;border-radius:14px;min-width:190px;height:56px;font-size:17px;font-weight:900;transition:transform .2s,box-shadow .2s,filter .2s;box-shadow:0 0 28px #f28c2859}.evolution-next:hover{filter:brightness(1.08);transform:translateY(-3px);box-shadow:0 0 42px #571003}.evolution-finished{text-align:center;color:#fff;background:#fff0;border:1px solid #571003;border-radius:14px;flex-direction:column;align-items:center;width:100%;padding:28px 24px;font-size:clamp(17px,2vw,24px);font-weight:900;display:flex;box-shadow:0 0 34px #d8a64047}.evolution-finished-icon{color:#fff4dc;background:radial-gradient(circle,#571003f5,#2d0703fa);border:2px solid #571003;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:18px;font-size:42px;font-weight:700;animation:.45s both evolution-finished-icon-appear;display:flex;box-shadow:0 0 0 10px #5710031f,0 0 30px #57100373}.evolution-finished h2{color:#d34e0d;margin:0 0 14px;font-size:36px;line-height:1.1}.evolution-finished p{color:#fff;max-width:520px;margin:0 0 28px;font-size:23px;line-height:1.45}@keyframes evolution-finished-icon-appear{0%{opacity:0;transform:scale(.6)rotate(-15deg)}to{opacity:1;transform:scale(1)rotate(0)}}.height-range-card{background:#5710038c;border:1px solid #f5d27a59;border-radius:16px;flex-direction:column;gap:14px;padding:18px;display:flex}.height-range-value{text-align:center;color:#f5d27a;font-size:34px;font-weight:900}.height-range-input{cursor:pointer;accent-color:#f5d27a;width:100%}.height-range-labels{color:#fff7eabf;justify-content:space-between;font-size:15px;font-weight:700;display:flex}.height-range-submit{color:#fff7ea;cursor:pointer;background:#531609;border:1px solid #f28c28;border-radius:14px;height:52px;font-size:17px;font-weight:900}.height-ruler-control{z-index:45;cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none;position:absolute}.height-ruler-color-mask{pointer-events:none;width:100%;position:absolute;bottom:0;left:0;overflow:hidden}.height-ruler-color-mask img{object-fit:contain;pointer-events:none;width:100%;height:900px;position:absolute;bottom:0;left:0}.height-ruler-thumb{color:#f5d27a;pointer-events:none;background:#571003eb;border-radius:999px;justify-content:center;align-items:center;width:60px;height:60px;padding:0;font-size:28px;font-weight:900;line-height:1;display:flex;position:absolute;left:75%;transform:translate(-50%,-50%);box-shadow:0 0 24px #f5d27a73,inset 0 0 12px #ffffff14}.evolution-map-part{z-index:35;animation:.55s both evolutionMapIn}.height-range-current{color:#fff7eadb;text-align:center;background:#fff7ea14;border-radius:12px;padding:12px 14px;font-size:16px;font-weight:800}.height-range-feedback{text-align:center;border-radius:12px;padding:12px 14px;font-size:16px;font-weight:900;animation:.3s evolutionCorrectPop}.height-range-feedback.is-success{color:#f5d27a;background:#f5d27a29;border:1px solid #f5d27ab3}.height-range-feedback.is-error{color:#ffb3b3;background:#ff4b4b29;border:1px solid #ff4b4bb3}.height-range-card.is-wrong{border-color:#ff4b4bbf;animation:.35s evolutionWrongShake}.evolution-map-description{white-space:pre-line;text-align:left;color:#fff7ea;font-size:20px;font-weight:600;line-height:1.5}.height-ruler-control.is-disabled{cursor:default;pointer-events:none}.height-ruler-control.is-disabled .height-ruler-thumb{opacity:.85}@keyframes evolutionLayerIn{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes evolutionCorrectPop{0%{transform:scale(.94)}70%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes evolutionWrongShake{0%{transform:translate(0)}25%{transform:translate(-8px)}50%{transform:translate(8px)}75%{transform:translate(-5px)}to{transform:translate(0)}}@keyframes evolutionMapIn{0%{opacity:0;transform:scale(.92)translateY(18px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width<=1050px){.evolution-game{grid-template-columns:1fr}.evolution-options{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:static}.evolution-options h2{grid-column:1/-1}}@media (width<=700px){.evolution-stage{aspect-ratio:9/12}.evolution-options{grid-template-columns:1fr}.evolution-drop{padding:6px;font-size:12px}}@media (width<=480px){.evolution-page{padding:14px}.evolution-header h1{font-size:30px}.evolution-option{min-height:50px;font-size:16px}.evolution-next{width:100%}}.evolution-select-page{box-sizing:border-box;color:#fff7ea;width:100%;min-height:100vh;padding:clamp(18px,4vw,54px)}.evolution-select-header{text-align:center;width:min(1400px,100%);margin:0 auto 34px}.evolution-select-header h1{font-size:clamp(36px,5vw,72px)}.evolution-select-header p{color:#fff7eac7;font-size:clamp(16px,1.6vw,24px)}.evolution-select-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;width:min(1500px,100%);margin:0 auto;display:grid}.evolution-select-card{color:#fff7ea;text-align:center;background:linear-gradient(#15100ceb,#571003b8);border:1px solid #d8a6405c;border-radius:24px;min-height:360px;padding:22px;transition:transform .22s,border-color .22s,box-shadow .22s,opacity .22s;box-shadow:0 24px 60px #00000059}.evolution-select-card:hover{border-color:#f5d27a;transform:translateY(-8px)scale(1.02);box-shadow:0 0 42px #f5d27a47}.evolution-select-card.is-completed{opacity:.62}.evolution-select-card.is-completed:hover{border-color:#d8a6405c;transform:none;box-shadow:0 24px 60px #00000059}.evolution-select-image-wrap{justify-content:center;align-items:center;height:220px;display:flex}.evolution-select-image-wrap img{object-fit:contain;max-width:100%;max-height:100%}.evolution-select-card h2{font-size:26px;font-family:var(--font-heading);margin:18px 0 8px}.evolution-select-card p{color:#fff7eac7;margin:0;font-size:16px}.evolution-select-image-button{cursor:zoom-in;background:0 0;border:0;justify-content:center;align-items:center;width:100%;height:220px;padding:0;display:flex}.evolution-select-image-button img{object-fit:contain;max-width:100%;max-height:100%}.evolution-select-play{color:#fff7ea;width:100%;font-family:var(--font-heading);cursor:pointer;background:#571003;border:1px solid #f5d27aa6;border-radius:14px;margin-top:18px;padding:13px 18px;font-size:18px}.evolution-select-play:hover{background:#d8a64052}.evolution-select-done{box-sizing:border-box;color:#d8ffd8;width:100%;font-family:var(--font-heading);background:#46be6e33;border:1px solid #46be6ecc;border-radius:14px;margin-top:18px;padding:13px 18px;font-size:18px}.evolution-select-modal-backdrop{z-index:1000;background:#000000c7;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.evolution-select-modal{color:#fff7ea;background:#120807;border:1px solid #d8a64073;border-radius:28px;max-height:90vh;padding:32px;position:relative;overflow:auto;box-shadow:0 30px 90px #000000b3}.evolution-select-modal img{object-fit:contain;width:100%;max-height:60vh;display:block}.evolution-select-modal h2{font-family:var(--font-heading);margin:22px 0 12px;font-size:clamp(28px,4vw,48px)}.evolution-select-modal p{color:#fff7eacc;margin:0;font-size:clamp(16px,1.5vw,22px)}.evolution-select-modal-close{color:#fff7ea;cursor:pointer;background:#00000073;border:1px solid #f5d27a73;border-radius:50%;width:44px;height:44px;font-size:30px;line-height:1;position:absolute;top:14px;right:14px}.evolution-select-modal-close:hover{background:#d8a64040}.evolution-select-image-locked{color:#fff7ea73;width:100%;height:220px;font-size:72px;font-family:var(--font-heading);background:#00000038;border:1px dashed #d8a64059;border-radius:18px;justify-content:center;align-items:center;display:flex}@media (width<=1050px){.evolution-select-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.evolution-select-grid{grid-template-columns:1fr}}.homo-sort-page{background:#080706;justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex;overflow:hidden}.homo-stage-wrap{aspect-ratio:16/9;border-radius:14px;width:100%;position:relative;overflow:hidden}.homo-stage{--extra-scale:.85;width:1920px;height:1080px;transform:translate(-50%, -50%) scale(calc(var(--stage-scale) * var(--extra-scale)));transform-origin:50%;flex-shrink:0;position:absolute;top:50%;left:50%}.homo-title{position:absolute;top:28px;left:70px}.homo-title h1{margin:0;font-size:40px;line-height:1}.homo-title p{color:#ffffffd1;margin:10px 0 0;font-size:20px}.homo-hud{gap:18px;display:flex;position:absolute;top:30px;right:70px}.homo-hud-card{color:#fff;text-align:center;min-width:125px;font-size:22px;font-family:var(--font-heading);background:#0a0806b3;border:1px solid #571003;border-radius:14px;padding:12px 18px}.homo-top-panel{grid-template-columns:repeat(6,1fr);gap:22px;width:1800px;display:grid;position:absolute;top:120px;left:60px}.homo-card{color:#fff;text-align:center;background:#140e0ad9;border:1px solid #571003;border-radius:14px;flex-direction:column;justify-content:flex-start;align-items:center;height:280px;padding:14px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;position:relative;overflow:hidden}.homo-card.is-over{border-color:#571003;transform:translateY(-4px);box-shadow:0 0 34px #7ee78773}.homo-card img{object-fit:contain;pointer-events:none;max-width:100%;height:195px}.homo-card-title{justify-content:center;align-items:center;min-height:48px;margin-top:4px;font-size:21px;line-height:1.1;display:flex}.homo-feedback{color:#fff;background:#0a0806b8;border:1px solid #571003;border-radius:18px;max-width:1000px;padding:18px 26px;font-size:25px;position:absolute;top:435px;left:70px}.homo-bottom-panel{grid-template-columns:210px 1fr 200px;align-items:center;gap:24px;width:1800px;height:300px;display:grid;position:absolute;bottom:200px;left:60px}.homo-spin-button{color:#fff;cursor:pointer;height:110px;font-size:34px;font-weight:800;font-family:var(--font-heading);background:#571003;border:1px solid #571003;border-radius:14px}.homo-spin-button:disabled{opacity:.45;cursor:default}.homo-random-items{justify-content:space-evenly;gap:22px;display:flex}.homo-item{color:#fff;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #571003;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:14px;width:300px;height:300px;font-size:36px;display:flex;position:relative}.homo-item:active{cursor:grabbing}.homo-item img{object-fit:contain;pointer-events:none;max-width:80%;height:200px}.homo-item span{pointer-events:none}.homo-item.is-completed .homo-item-inner{filter:brightness(.75)}.homo-item.is-dragging{opacity:.78;z-index:20}.homo-item.is-completed{cursor:default}.homo-item-check{z-index:30;border-radius:inherit;color:#fff;text-shadow:0 3px 8px #00000073,0 0 20px #4de678f2;pointer-events:none;background:#14462347;justify-content:center;align-items:center;font-size:86px;font-weight:900;line-height:1;animation:.35s cubic-bezier(.2,1.4,.35,1) both homo-item-check-appear;display:flex;position:absolute;inset:0;box-shadow:inset 0 0 0 5px #57e17ecc,0 0 24px #38d2667a}@keyframes homo-item-check-appear{0%{opacity:0;transform:scale(.35)rotate(-15deg)}to{opacity:1;transform:scale(1)rotate(0)}}.homo-trash{color:#fff;background:#ffffff0f;border:3px dashed #ffffff73;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:185px;font-size:25px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex}.homo-trash-icon{font-size:54px;line-height:1}.homo-trash.is-over{border-color:#ff6b6b;transform:translateY(-4px);box-shadow:0 0 34px #ff6b6b73}.homo-game-over{z-index:50;color:#fff;background:#000000d1;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.homo-game-over h2{font-family:var(--font-heading);color:#fff;margin:0 0 20px;font-size:78px}.homo-game-over p{text-align:center;margin:0 0 36px;font-size:44px;line-height:1.5}.homo-game-over button{color:#fff;cursor:pointer;background:#571003;border:none;border-radius:14px;margin:15px;padding:22px 54px;font-size:34px;font-weight:800}.homo-spin-button{transition:transform .2s,box-shadow .2s,filter .2s}.homo-spin-button:hover:not(:disabled){transform:translateY(-4px)scale(1.04)}.homo-spin-button.is-spinning{animation:.35s ease-in-out infinite alternate spinButtonPulse}@keyframes spinButtonPulse{0%{filter:brightness();transform:scale(1)}to{filter:brightness(1.35);transform:scale(1.08)}}.homo-random-items.is-slot-spinning .homo-item{animation:.85s cubic-bezier(.25,.8,.35,1.2) both slotSpin}@keyframes slotSpin{0%{opacity:0;transform:translateY(-120px)rotateX(80deg)scale(.7)}40%{opacity:1;transform:translateY(40px)rotateX(-35deg)scale(1.08)}75%{transform:translateY(-12px)rotateX(15deg)scale(.98)}to{opacity:1;transform:translateY(0)rotateX(0)scale(1)}}.homo-item-inner{width:100%;min-width:170px;height:100%;min-height:185px;transform-style:preserve-3d;transition:transform .55s;position:relative}.homo-item.is-flipped .homo-item-inner{transform:rotateY(180deg)}.homo-item-face{backface-visibility:hidden;border-radius:inherit;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.homo-item-front img{object-fit:contain;max-width:200px;max-height:200px}.homo-item-front span{margin-top:10px}.homo-item-front{background:#571003;border:1px solid #571003;border-radius:14px}.homo-item-back{color:#fff;text-align:center;background:#571003;border:1px solid #571003;border-radius:14px;transform:rotateY(180deg)}.homo-item-front small,.homo-item-back small{opacity:.65;margin-top:8px;font-size:15px}.homo-item-back{color:#fff;text-align:center;background:#571003;border-radius:14px;transform:rotateY(180deg)}.homo-item-back strong{margin-bottom:8px;font-size:32px}.homo-item-back p{margin:10px;font-size:24px;line-height:1.25}.homo-item.is-shaking{animation:.45s both wrongShake}.homo-item-face{backface-visibility:hidden;overflow:hidden}.homo-item.is-flying{pointer-events:none;animation:.55s ease-in forwards flyToHomo}@keyframes flyToHomo{0%{opacity:1;transform:scale(1)rotate(0)}to{opacity:0;transform:translateY(-360px)scale(.2)rotate(360deg)}}.homo-collection{pointer-events:none;z-index:5;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px;min-height:42px;display:flex;position:absolute;top:12px;right:12px}.homo-collection-item{background:#ffffffeb;border:1px solid #ffffff8c;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;animation:.35s both collectionPop;display:flex;box-shadow:0 4px 12px #00000059}.homo-collection-item img{object-fit:contain;width:28px;height:28px}@keyframes collectionPop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.homo-round-complete{z-index:50;color:#fff;background:#00000073;flex-direction:column;justify-content:center;align-items:center;animation:.4s both roundCompleteIn;display:flex;position:absolute;inset:0}.homo-round-complete h2{letter-spacing:4px;margin:0;font-size:82px}.homo-round-complete p{margin-top:16px;font-size:34px}@keyframes roundCompleteIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.homo-random-items{opacity:1;transform:translateY(0)}.homo-random-items.is-spin-hiding{animation:.85s ease-in forwards homo-items-hide}.homo-random-items.is-spin-showing{animation:.35s ease-out forwards homo-items-show}@keyframes homo-items-hide{0%{opacity:1;filter:blur();transform:translateY(0)scale(1)}55%{opacity:.75;filter:blur(2px);transform:translateY(12px)scale(.96)}to{opacity:0;filter:blur(8px);transform:translateY(35px)scale(.88)}}@keyframes homo-items-show{0%{opacity:0;filter:blur(8px);transform:translateY(-25px)scale(.9)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.app-header{z-index:1000;pointer-events:none;justify-content:flex-end;align-items:center;display:flex;position:fixed;top:24px;right:24px}.header-language{pointer-events:auto;position:relative}.header-language-trigger{min-width:124px;box-shadow:none;cursor:pointer;background:0 0;border:none;border-radius:14px;align-items:center;gap:10px;padding:7px 13px;display:flex;position:relative}.header-language-trigger:hover{border-color:#f5d27ad9}.header-language-icon{object-fit:contain;flex-shrink:0;width:34px;height:34px}.header-current-flag{background:#ffffff14;border:1px solid #ffffff47;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:28px;display:flex;overflow:hidden}.header-current-flag img{object-fit:cover;width:100%;height:100%;display:block}.header-language-arrow{object-fit:contain;width:16px;height:16px;transition:transform .25s}.header-language.is-open .header-language-arrow{transform:rotate(180deg)}.header-language-menu{box-shadow:none;background:0 0;border:none;border-radius:14px;flex-direction:column;gap:5px;padding:8px;animation:.2s both languageMenuAppear;display:flex;position:absolute;top:calc(100% + 10px);right:0}.header-language-option{color:#fff7ea;width:100%;min-height:46px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:11px;align-items:center;gap:12px;padding:7px 10px;font-size:16px;font-weight:600;display:flex}.header-language-option:hover{background:#f5d27a1a;border-color:#f5d27a40}.header-language-option.active{color:#f5d27a;background:#571003d1;border-color:#f5d27a7a}.header-option-flag{border-radius:5px;flex-shrink:0;width:60px;display:flex;overflow:hidden}.header-option-flag img{object-fit:cover;width:100%;height:100%;display:block}.header-flag-frame{flex-shrink:0;width:100px;height:100px;position:relative}.header-frame{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.header-flag{object-fit:cover;border-radius:4px;width:60px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes languageMenuAppear{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.game-menu-page{box-sizing:border-box;color:#fff7ea;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:110px 32px 70px;display:flex;position:relative;overflow-x:hidden}.game-menu-background{z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 0,#821f0959,#0000 43%),radial-gradient(circle at 15% 80%,#d8a6401f,#0000 32%),radial-gradient(circle at 90% 65%,#96140524,#0000 35%),linear-gradient(#140805e6,#050201fa);position:fixed;inset:0}.game-menu-background:after{content:"";background-image:linear-gradient(#f5d27a06 1px,#0000 1px),linear-gradient(90deg,#f5d27a06 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 25% 75%,#0000);mask-image:linear-gradient(#0000,#000 25% 75%,#0000)}.game-menu-content{z-index:2;width:min(100%,980px);position:relative}.game-menu-heading{text-align:center;max-width:760px;margin:0 auto 42px;animation:.6s both gameMenuHeadingAppear}.game-menu-eyebrow{color:#f5d27a;letter-spacing:.28em;text-transform:uppercase;margin:0 0 10px;font-size:15px;font-weight:700}.game-menu-heading h1{color:#fff7ea;font-family:var(--font-heading);text-shadow:0 0 35px #d8a6403b,0 15px 40px #0000008c;margin:0;font-size:clamp(52px,7vw,96px);font-weight:400;line-height:.95}.game-menu-intro{color:#fff7eac2;max-width:620px;margin:20px auto 0;font-size:19px;line-height:1.55}.game-menu-list{flex-direction:column;gap:16px;width:100%;display:flex}.game-menu-item{width:100%;min-height:126px;color:inherit;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;opacity:0;background:linear-gradient(100deg,#4e1207e8,#140805e6);border:1px solid #f5d27a45;border-radius:22px;grid-template-columns:108px 1fr 70px;align-items:center;padding:10px 18px 10px 10px;transition:transform .22s,border-color .22s,box-shadow .22s,background .22s;animation:.55s forwards gameMenuItemAppear;display:grid;position:relative;overflow:hidden;transform:translateY(18px);box-shadow:0 18px 40px #00000057,inset 0 1px #ffffff0d}.game-menu-item:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(90deg,#f5d27a14,#0000 42%);transition:opacity .22s;position:absolute;inset:0}.game-menu-item:hover{background:linear-gradient(100deg,#701a09f7,#190a06f5);border-color:#f5d27ab8;transform:translateY(-4px);box-shadow:0 24px 55px #00000073,0 0 30px #d8a6401f}.game-menu-item:hover:after{opacity:1}.game-menu-item:focus-visible{outline-offset:5px;outline:3px solid #f5d27adb}.game-menu-item-image{background:radial-gradient(circle,#f5d27a29,#1d0b0680);border-radius:16px;justify-content:center;align-items:center;width:96px;height:106px;display:flex;position:relative;overflow:hidden}.game-menu-item-image img{object-fit:contain;width:100%;height:100%;transition:transform .3s;display:block}.game-menu-item:hover .game-menu-item-image img{transform:scale(1.07)}.game-menu-item-content{align-items:center;gap:22px;min-width:0;padding:0 22px;display:flex}.game-menu-item-number{color:#f5d27a8c;letter-spacing:.12em;font-size:16px;font-weight:700}.game-menu-item-text{text-align:left;flex-direction:column;gap:7px;min-width:0;display:flex}.game-menu-item-text strong{color:#fff7ea;font-size:clamp(23px,2.5vw,32px);line-height:1.1}.game-menu-item-text span{color:#fff7eaad;font-size:16px;line-height:1.45}.game-menu-item-arrow{color:#f5d27a;background:#57100380;border:1px solid #f5d27a61;border-radius:50%;justify-content:center;justify-self:end;align-items:center;width:52px;height:52px;font-size:30px;transition:transform .22s,background .22s;display:flex}.game-menu-item:hover .game-menu-item-arrow{background:#751b09e6;transform:translate(5px)}.game-menu-back{color:#fff7eabf;font:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;margin:32px auto 0;padding:8px 18px;font-size:17px;font-weight:600;transition:color .2s,transform .2s;display:flex}.game-menu-back img{object-fit:contain;width:42px;height:42px}.game-menu-back:hover{color:#f5d27a;transform:translate(-3px)}@keyframes gameMenuHeadingAppear{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes gameMenuItemAppear{to{opacity:1;transform:translateY(0)}}@media (width<=768px){.game-menu-page{align-items:flex-start;padding:100px 16px 40px}.game-menu-heading{margin-bottom:28px}.game-menu-intro{font-size:16px}.game-menu-item{border-radius:17px;grid-template-columns:76px 1fr 42px;min-height:96px;padding:8px 12px 8px 8px}.game-menu-item-image{border-radius:12px;width:68px;height:78px}.game-menu-item-content{gap:10px;padding:0 12px}.game-menu-item-number{display:none}.game-menu-item-text strong{font-size:20px}.game-menu-item-text span{font-size:14px}.game-menu-item-arrow{width:38px;height:38px;font-size:23px}}
