*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{background:var(--ivory) url(/brand/textures/paper.jpg);font-family:var(--fT);color:var(--ink)}#viewport{position:fixed;inset:0;display:grid;place-items:center;background:#e9e2d8}#stage{position:absolute;left:0;top:0;width:1920px;height:1080px;transform-origin:0 0;overflow:hidden;background:radial-gradient(120% 90% at 60% 45%,#F7F3EE 0%,var(--ivory) 55%,#ECE5DB 100%);box-shadow:0 30px 80px #3b281a2e}#stage:before{content:"";position:absolute;inset:0;background:url(/brand/textures/paper.jpg);opacity:.55;mix-blend-mode:multiply;pointer-events:none}#map{position:absolute;inset:0;width:1920px;height:1080px;display:block}.branches{position:absolute;left:-120px;bottom:-260px;width:620px;height:920px;background:url(/brand/patterns/talid-branches.svg) center/contain no-repeat;opacity:.05;mix-blend-mode:multiply;pointer-events:none;transform:rotate(-8deg)}.masthead{position:absolute;right:96px;top:84px;text-align:right;transition:opacity .6s ease,transform .6s ease}.masthead .kicker{font:500 22px/1 var(--fD);color:var(--soft);letter-spacing:.5px}.masthead h1{font:900 92px/1.05 var(--fD);color:var(--ink2);margin-top:14px;font-feature-settings:"ss01"}.masthead h1 .accent{color:var(--teal)}.masthead .sub{font:500 26px/1 var(--fT);color:var(--soft);margin-top:14px}.rule{display:flex;align-items:center;gap:10px;width:260px;margin-top:18px}.rule i{flex:1;height:1px;background:linear-gradient(to left,transparent,var(--gold))}.rule i:last-child{background:linear-gradient(to right,transparent,var(--gold))}.rule b{width:8px;height:8px;background:var(--gold);transform:rotate(45deg)}.logo{position:absolute;left:84px;top:78px;width:190px;height:auto;opacity:.92;transition:opacity .6s}.labels{position:absolute;inset:0;pointer-events:none}.city{position:absolute;left:0;top:0;will-change:transform}.city .name{position:absolute;transform:translate(50%,-150%);white-space:nowrap;font:700 21px/1 var(--fD);color:var(--ink);text-shadow:0 0 6px var(--paper),0 0 2px var(--paper)}.city.owned .name{transform:translate(50%,-185%)}.city.cap .name{font-size:24px;color:var(--ink2)}.cinema .city .name{opacity:0;transition:opacity .4s}.city .name{transition:opacity .4s}.legend{position:absolute;right:96px;bottom:76px;display:flex;gap:44px;transition:opacity .6s}.legend .team{display:flex;align-items:center;gap:14px}.legend .tname{font:700 26px/1 var(--fD);color:var(--ink)}.legend .tname{color:var(--tc,var(--ink))}.legend .seal-img{width:54px;height:54px;filter:drop-shadow(0 2px 3px rgba(59,40,26,.3))}.legend .team{flex-direction:row}.legend .count{font:500 20px/1 var(--fT);color:var(--soft)}.wax{position:relative;display:inline-grid;place-items:center;width:46px;height:46px;border-radius:47% 53% 50% 50%/52% 48%;background:radial-gradient(circle at 35% 30%,#8a5236,#6a3a22 55%,#4a2614);box-shadow:inset 0 0 0 4px #00000014,inset 0 -3px 6px #00000040,0 2px 4px #3b281a4d}.wax.t1{background:radial-gradient(circle at 35% 30%,#4f9a9a,#2f6f70 55%,#1f4f50)}.wax:before{content:"";position:absolute;width:52%;height:52%;border:1.5px solid rgba(255,240,220,.38);transform:rotate(45deg)}.wax span{position:relative;font:900 18px/1 var(--fD);color:#fff0dcb8}.bar{position:absolute;left:0;right:0;height:92px;background:var(--paper) url(/brand/textures/paper.jpg);z-index:5;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.bar.top{top:0;transform:translateY(-100%);border-bottom:1px solid rgba(160,139,113,.55)}.bar.bottom{bottom:0;transform:translateY(100%);border-top:1px solid rgba(160,139,113,.55)}.cinema .bar{transform:none}.cinema .masthead,.cinema .legend,.cinema .logo{opacity:0}.cinema .masthead{transform:translateY(-10px)}.caption{position:absolute;z-index:6;left:0;right:0;bottom:0;height:92px;display:flex;align-items:center;justify-content:center;font:700 40px/1 var(--fD);color:var(--ink2);opacity:0;transition:opacity .4s}.caption.show{opacity:1}.caption span{display:inline-block;opacity:0;filter:blur(5px);transform:translate(-6px);animation:ink .7s cubic-bezier(.2,.8,.2,1) forwards}.caption.grave{color:var(--rust)}@keyframes ink{to{opacity:1;filter:blur(0);transform:none}}.fx{position:absolute;inset:0;z-index:7;pointer-events:none}.deed{position:absolute;left:150px;top:250px;width:430px;height:560px;background:var(--paper) url(/brand/textures/paper.jpg);box-shadow:0 24px 60px #3b281a40,0 2px 6px #3b281a26;transform:translate(-160%) rotate(-5deg);transition:transform .9s cubic-bezier(.16,1,.3,1),opacity .8s ease;clip-path:polygon(0 0,100% 0,100% 96%,95% 97.5%,90% 96.4%,84% 98%,77% 96.6%,70% 97.8%,62% 96.5%,55% 98.2%,48% 96.8%,40% 98%,33% 96.6%,26% 97.9%,18% 96.5%,11% 98%,5% 96.8%,0 97.6%)}.deed.in{transform:translate(0) rotate(-1.5deg)}.deed.out{opacity:0;transform:translate(-30px) rotate(-1.5deg)}.deed-in{position:absolute;inset:22px 22px 40px;border:1px solid rgba(160,139,113,.7);outline:1px solid rgba(160,139,113,.35);outline-offset:-7px;display:flex;flex-direction:column;align-items:center;padding-top:54px;text-align:center}.deed-kicker{font:500 26px/1 var(--fD);color:var(--soft)}.deed .rule{width:200px;margin:18px auto 0}.deed-city{font:900 98px/1.1 var(--fD);color:var(--ink2);margin-top:36px;font-feature-settings:"ss01"}.deed-line{font:400 26px/1.4 var(--fT);color:var(--soft);margin-top:28px}.deed-team{font:700 44px/1.2 var(--fD);color:var(--ink);margin-top:10px}.deed .deed-team{color:var(--tc,var(--ink))}.deed-foot{font:500 20px/1 var(--fT);color:var(--soft);margin-top:auto;margin-bottom:34px}.deed .seal-img{position:absolute;left:14px;bottom:4px;width:132px;height:132px;transform:rotate(-12deg) scale(1.7);opacity:0;filter:drop-shadow(0 4px 6px rgba(59,40,26,.35));animation:stamp .5s .65s cubic-bezier(.3,1.6,.5,1) forwards}@keyframes stamp{to{opacity:1;transform:rotate(-12deg) scale(1)}}.torn{position:absolute;left:0;top:0;width:100%;height:100%}.torn .half{transition:transform 1.4s cubic-bezier(.5,0,.75,0),opacity 1.4s ease}.torn .half.a{clip-path:polygon(0 0,52% 0,49% 9%,54% 18%,48% 30%,53% 41%,47% 53%,52% 64%,46% 76%,51% 88%,48% 100%,0 100%)}.torn .half.b{clip-path:polygon(52% 0,100% 0,100% 100%,48% 100%,51% 88%,46% 76%,52% 64%,47% 53%,53% 41%,48% 30%,54% 18%,49% 9%)}.torn.in .half{transform:translate(0) rotate(-1.5deg)}.torn.rip .half.a{transform:translate(-90px,520px) rotate(-14deg);opacity:0}.torn.rip .half.b{transform:translate(60px,600px) rotate(11deg);opacity:0}.torn .deed-team{color:var(--soft)}.float{position:absolute;transform:translate(50%,-50%);font:700 30px/1 var(--fD);color:var(--rust);text-shadow:0 0 8px var(--paper);animation:floatUp 1.8s ease-out forwards}@keyframes floatUp{0%{opacity:0;transform:translate(50%,-30%)}15%{opacity:1}to{opacity:0;transform:translate(50%,-180%)}}.panel{position:fixed;left:20px;bottom:20px;width:340px;z-index:20;background:var(--paper) url(/brand/textures/paper.jpg);border:1px solid rgba(160,139,113,.6);box-shadow:0 18px 40px #3b281a38;padding:18px 18px 14px;font-family:var(--fT);color:var(--ink);transition:transform .4s cubic-bezier(.2,.8,.2,1)}.panel.min{transform:translateY(calc(100% - 52px))}.p-head{display:flex;align-items:center;justify-content:space-between}.p-title{font:700 20px/1 var(--fD);color:var(--ink2)}.p-min{border:0;background:none;color:var(--soft);font:700 18px var(--fS);cursor:pointer;padding:4px 8px}.p-step{margin:14px 0 12px;padding:10px 12px;background:#3c8c8d12;border-right:3px solid var(--teal)}.p-step span{display:block;font:500 13px/1 var(--fD);color:var(--teal2);margin-bottom:6px}.p-step b{font:500 15px/1.45 var(--fT);color:var(--ink)}.p-presets{display:grid;gap:8px}.panel button{font-family:var(--fT);cursor:pointer}.p-presets button{text-align:right;background:var(--ivory);border:1px solid var(--grey);padding:10px 12px;font:700 16px/1.3 var(--fD);color:var(--ink);transition:border-color .2s,background .2s}.p-presets button small{display:block;font:400 13px/1.4 var(--fT);color:var(--soft);margin-top:2px}.p-presets button:hover{border-color:var(--gold)}.p-presets button.sel{border-color:var(--teal);background:#3c8c8d0f}.p-custom{margin-top:10px;border-top:1px solid var(--grey);padding-top:8px}.p-custom summary{cursor:pointer;font:500 15px var(--fD);color:var(--soft)}.p-custom label{display:flex;align-items:center;justify-content:space-between;margin-top:8px;font-size:14px}.p-custom select{width:200px;font:15px var(--fT);padding:4px 6px;background:var(--ivory);border:1px solid var(--grey);color:var(--ink)}.p-row{display:flex;gap:8px;margin-top:10px}.chk{display:flex;gap:6px;align-items:center;font-size:14px}.seg{display:flex;border:1px solid var(--grey)}.seg button{flex:1;border:0;background:transparent;padding:8px;font:500 15px var(--fT);color:var(--soft)}.seg button.on{background:var(--ink);color:var(--paper)}.seg.small button{padding:5px 8px;font-size:13px}.p-primary{width:100%;margin-top:12px;border:0;background:var(--teal);color:var(--paper);padding:14px;font:700 20px/1 var(--fD)!important;display:flex;justify-content:center;gap:12px;align-items:center}.p-primary:hover{background:var(--teal2)}.p-ghost{flex:1;border:1px solid var(--grey);background:transparent;padding:9px;font:500 15px var(--fT);color:var(--ink)}kbd{font:500 12px var(--fT);border:1px solid currentColor;padding:2px 6px;border-radius:3px;opacity:.75}.p-foot{display:flex;align-items:center;gap:10px;margin-top:12px;padding-top:10px;border-top:1px solid var(--grey)}.p-link{border:0;background:none;color:var(--soft);font-size:13px;text-decoration:underline;text-underline-offset:3px}.fps{margin-inline-start:auto;font:500 12px var(--fS);color:var(--soft)}.p-ghost:disabled,.p-primary:disabled{opacity:.45;cursor:default}@media (max-width:760px){.panel{left:8px;right:8px;width:auto;bottom:8px;padding:12px}.p-presets{grid-template-columns:1fr 1fr 1fr}.p-presets button{font-size:13px;padding:8px}.p-presets button small{display:none}}.city.small .name{font-size:17px}.p-teams{margin-top:10px;border-top:1px solid var(--grey);padding-top:8px}.p-teams summary{cursor:pointer;font:500 15px var(--fD);color:var(--soft)}.p-teams .names{display:grid;gap:6px;margin-top:8px}.p-teams input{width:100%;font:15px var(--fT);padding:5px 8px;background:var(--ivory);border:1px solid var(--grey);color:var(--ink);border-right:4px solid var(--tc)}.wadi-label{position:absolute;left:0;top:0;transform-origin:0 0;pointer-events:none}.wadi-label span{position:absolute;transform:translate(50%,-135%);white-space:nowrap;font:500 17px/1 var(--fD);letter-spacing:3px;color:#7d6248;text-shadow:0 0 6px var(--paper),0 0 2px var(--paper)}.wadi-label.main span{font:700 23px/1 var(--fD);letter-spacing:5px;color:#6e5338}.cinema .wadi-label{opacity:0;transition:opacity .4s}.landmark{position:absolute;left:0;top:0;pointer-events:none}.landmark span{position:absolute;transform:translate(50%,60%);white-space:nowrap;font:500 14px/1 var(--fT);color:var(--soft);letter-spacing:.5px;text-shadow:0 0 5px var(--paper),0 0 2px var(--paper)}.landmark span:before{content:"";display:inline-block;width:5px;height:5px;background:var(--gold);transform:rotate(45deg);margin-left:6px;vertical-align:middle}.cinema .landmark{opacity:0;transition:opacity .4s}#stage{transition:background 2.4s ease}#stage[data-time=dusk]{background:radial-gradient(120% 90% at 60% 45%,#f4ebdf,#eadcc8 60%,#dfcdb4)}#stage[data-time=night]{background:radial-gradient(120% 90% at 60% 45%,#e9dfd2,#d9cbb9 55%,#c9b8a3)}#stage[data-time=night] .city .name{color:var(--ink2)}.joinbox{position:fixed;inset:0;z-index:30;display:none;place-items:center;background:var(--ivory) url(/brand/textures/paper.jpg)}.joinbox.show{display:grid}.join-in{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;padding:40px}.join-in img{width:200px}.join-title{font:900 64px/1.1 var(--fD);color:var(--ink2)}.join-sub{font:500 24px var(--fT);color:var(--soft)}.join-in input{font:700 72px/1 var(--fS);letter-spacing:16px;text-align:center;width:360px;padding:14px;border:0;border-bottom:3px solid var(--gold);background:transparent;color:var(--ink2);outline:none;direction:ltr}.join-in button{font:700 28px var(--fD);color:var(--paper);background:var(--teal);border:0;padding:14px 60px;cursor:pointer}body.screen #review{display:none}