.city-screen{max-width:1420px;margin:0 auto;padding:22px clamp(16px,3vw,42px) 30px;position:relative}.player-strip,.resource-strip{z-index:4;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#112725e8;border:1px solid #ffffff2e;align-items:center;gap:10px;display:flex;position:absolute;top:28px;box-shadow:0 8px 20px #0003}.player-strip{border-radius:16px;padding:8px 13px 8px 8px;left:clamp(16px,3vw,42px)}.resource-strip{border-radius:14px;padding:10px 14px;right:clamp(16px,3vw,42px)}.resource-strip span{align-items:center;gap:6px;font-weight:900;display:flex}.resource-strip span:first-child svg{color:#ffcf48}.resource-strip span:last-child svg{color:#65dcff}.avatar{background:linear-gradient(135deg,var(--orange),#ff9a3d);border-radius:11px;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.player-strip small,.player-strip b{display:block}.player-strip small{letter-spacing:.12em;color:#9db6b1;font-size:8px}.player-strip b{font-size:13px}.level{color:#ffd45b;background:#2d4b46;border-radius:9px;align-items:center;gap:4px;margin-left:7px;padding:6px 8px;font-size:10px;font-weight:800;display:flex}.map-title{z-index:3;text-align:center;color:#fff;text-shadow:0 2px 12px #000000b3;white-space:nowrap;position:absolute;top:27px;left:50%;transform:translate(-50%)}.map-title p{letter-spacing:.16em;color:#ffcc61;margin:0;font-size:10px;font-weight:900}.map-title h1{letter-spacing:-.04em;margin:4px 0;font-size:clamp(23px,3vw,38px)}.map-title span{font-size:12px;font-weight:700}.city-map{background-image:linear-gradient(#0b252924,#0000 30% 70%,#0b25292e),url(/avante-city-map.png);background-position:50%;background-size:cover;border:3px solid #fffc;border-radius:28px;min-height:670px;position:relative;overflow:hidden;box-shadow:0 25px 60px #0f2c2742}.city-map:after{content:"";pointer-events:none;border-radius:25px;position:absolute;inset:0;box-shadow:inset 0 0 60px #071f1d4d}.map-lot{z-index:2;cursor:pointer;color:#fff;filter:drop-shadow(0 4px 5px #0000008c);background:0 0;border:0;align-items:center;gap:7px;transition:all .22s;display:flex;position:absolute}.map-lot:hover,.map-lot.selected{transform:translateY(-7px)scale(1.06)}.map-lot .pin{background:var(--teal);border:3px solid #fff;border-radius:50% 50% 50% 8px;place-items:center;width:43px;height:43px;display:grid;transform:rotate(-45deg);box-shadow:0 0 0 4px #00000029}.map-lot .pin svg{transform:rotate(45deg)}.map-lot.orange .pin{background:var(--orange)}.map-lot.green .pin{background:var(--green)}.map-lot.amber .pin{background:#e99418}.map-label{text-align:left;background:#102624eb;border:2px solid #fffc;border-radius:11px;padding:7px 11px}.map-label small,.map-label b{white-space:nowrap;display:block}.map-label small{letter-spacing:.1em;color:#a8c9c2;font-size:8px}.map-label b{margin-top:2px;font-size:12px}.chosen{width:21px;height:21px;color:var(--teal);background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;top:-8px;left:31px}.lot-river{top:66%;left:34%}.lot-market{bottom:13%;right:20%}.lot-locked{opacity:.78;cursor:not-allowed;top:35%;right:34%}.lot-locked .pin{background:#526764}.lot-dock{z-index:5;color:#fff;background:linear-gradient(135deg,#142b29,#1e3c38);border:2px solid #ffffffe6;border-radius:20px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:16px;width:min(860px,100% - 32px);margin:-62px auto 0;padding:15px 16px;display:grid;position:relative;box-shadow:0 15px 35px #061c1a52}.district-emblem{background:var(--teal);border-radius:16px;place-items:center;width:58px;height:58px;display:grid}.district-emblem.orange{background:var(--orange)}.district-emblem.green{background:var(--green)}.district-emblem.amber{background:#e99418}.lot-info span,.lot-bonus small{letter-spacing:.13em;color:#88ada6;font-size:8px;font-weight:900;display:block}.lot-info h2{margin:2px 0;font-size:20px}.lot-info p{color:#afc5c0;margin:0;font-size:11px}.lot-bonus{border-left:1px solid #35534e;padding:0 19px}.lot-bonus b{color:#91db73;margin-top:5px;font-size:13px;display:block}.play-button{min-width:170px}.map-actions{justify-content:center;align-items:center;gap:18px;margin-top:18px;display:flex}.map-actions span{color:#64736f;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.setup-location{color:var(--teal);background:#eef8f4;border:1px solid #b9d8cf;border-radius:13px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 14px;display:flex}.setup-location div{flex:1}.setup-location small,.setup-location b{display:block}.setup-location small{letter-spacing:.12em;font-size:8px}.setup-location b{margin-top:2px;font-size:13px}.setup-location>span{color:#4a755e;font-size:11px;font-weight:900}@media (max-width:900px){.map-title{top:96px}.city-map{min-height:650px}.lot-dock{grid-template-columns:auto 1fr auto}.lot-bonus{display:none}.lot-hill{top:22%;left:5%}.lot-river{top:63%;left:24%}.lot-residential{top:39%;right:3%}.lot-market{bottom:14%;right:12%}.lot-locked{top:40%;right:30%}}@media (max-width:620px){.topbar{height:64px;padding:0 14px}.city-screen{padding:10px 0 25px}.player-strip{top:20px;left:10px}.resource-strip{top:20px;right:10px}.player-strip .level,.player-strip div:nth-child(2){display:none}.resource-strip{font-size:11px}.map-title{white-space:normal;width:90%;top:82px}.map-title h1{font-size:25px}.map-title span{display:none}.city-map{background-position:52%;border-left:0;border-right:0;border-radius:0;min-height:610px}.map-label{padding:5px 7px}.map-label small{display:none}.map-label b{font-size:10px}.map-lot .pin{width:37px;height:37px}.lot-hill{top:24%;left:3%}.lot-river{top:65%;left:12%}.lot-residential{top:41%;right:1%}.lot-market{bottom:16%;right:5%}.lot-locked{top:45%;right:27%}.lot-dock{grid-template-columns:auto 1fr;width:calc(100% - 20px);margin:-42px auto 0;padding:12px}.district-emblem{width:45px;height:45px}.lot-info h2{font-size:16px}.play-button{grid-column:1/-1;width:100%}.map-actions{justify-content:stretch;padding:0 12px}.map-actions button{width:100%}.map-actions span{display:none}}.lot-river{top:auto;bottom:18%;left:42%}.lot-market{inset:39% auto auto 9%}@media (max-width:900px){.lot-hill{top:17%;left:54%}.lot-river{top:auto;bottom:18%;left:36%}.lot-residential{top:42%;right:2%}.lot-market{top:42%;bottom:auto;left:3%}.lot-locked{top:45%;left:36%;right:auto}}@media (max-width:620px){.lot-hill{top:20%;left:48%}.lot-river{top:auto;bottom:18%;left:27%}.lot-residential{top:44%;right:0}.lot-market{top:45%;bottom:auto;left:0}.lot-locked{top:48%;left:32%;right:auto}}@media (max-width:900px){.lot-hill{top:25%;left:34%}.lot-river{inset:auto 18% 26% auto}.lot-residential{top:47%;right:1%}.lot-market{top:48%;bottom:auto;left:1%}.lot-locked{top:48%;left:43%;right:auto}}@media (max-width:620px){.lot-hill{top:28%;left:28%}.lot-river{inset:auto 6% 24% auto}.lot-residential{top:48%;right:0}.lot-market{top:50%;bottom:auto;left:0}.lot-locked{top:51%;left:38%;right:auto}}.city-map{background-image:linear-gradient(#0b25291a,#0000 28% 74%,#0b252924),url(/avante-city-map-mallet-v4.png)}@media (max-width:620px){.city-screen{padding-bottom:180px}.lot-dock{left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));z-index:30;width:auto;margin:0;position:fixed;box-shadow:0 18px 45px #061c1a75}.lot-dock .play-button{min-height:48px}}.lot-hill{top:18%;left:38%}.lot-river{inset:43% 20% auto auto}.lot-residential{top:59%;right:16%}.lot-market{top:46%;bottom:auto;left:12%}.lot-locked{top:51%;left:46%;right:auto}@media (max-width:900px){.lot-hill{top:24%;left:36%}.lot-river{inset:45% 14% auto auto}.lot-residential{top:60%;right:10%}.lot-market{top:48%;bottom:auto;left:5%}.lot-locked{top:53%;left:42%;right:auto}}@media (max-width:620px){.lot-hill{top:27%;left:31%}.lot-river{inset:47% 2% auto auto}.lot-residential{top:61%;right:0}.lot-market{top:50%;bottom:auto;left:0}.lot-locked{top:55%;left:37%;right:auto}}.map-help-button{z-index:8;color:#fff;cursor:pointer;background:#102624e6;border:1px solid #ffffffbf;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-weight:800;display:flex;position:absolute;top:92px;right:clamp(16px,3vw,42px);box-shadow:0 6px 18px #00000040}.map-guide-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#071816b8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.map-guide{width:min(430px,100%);color:var(--ink);background:#fff;border-radius:24px;padding:28px;position:relative;box-shadow:0 28px 80px #00000061}.map-guide-close{width:38px;height:38px;color:var(--ink);cursor:pointer;background:#edf2ef;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:14px;right:14px}.map-guide-icon{width:64px;height:64px;color:var(--teal);background:#eaf7f3;border-radius:19px;place-items:center;margin-bottom:17px;display:grid}.map-guide>small{letter-spacing:.14em;color:var(--orange);font-size:11px;font-weight:900}.map-guide h2{letter-spacing:-.035em;margin:8px 36px 18px 0;font-size:27px;line-height:1.08}.map-guide ol{color:#536562;margin:0 0 22px;padding-left:22px;line-height:1.5}.map-guide li{padding:5px 0 5px 5px}.map-guide li::marker{color:var(--orange);font-weight:900}@media (max-width:620px){.map-help-button{padding:8px;top:73px;right:10px}.map-help-button span{display:none}.city-map{height:calc(100dvh - 64px);min-height:540px;max-height:760px}.lot-dock{left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));z-index:30;border-radius:18px;gap:9px;width:auto;margin:0;padding:10px;position:fixed}.lot-dock .district-emblem{border-radius:12px;width:40px;height:40px}.lot-dock .lot-info p{font-size:10px}.lot-dock .lot-info h2{font-size:15px}.lot-dock .play-button{min-height:46px}.map-guide{border-radius:21px;padding:24px 20px 20px}.map-guide h2{font-size:24px}.map-guide ol{font-size:15px}}
.round-top b{color:var(--teal);background:#edf8f4;border-radius:10px;align-items:center;gap:6px;padding:7px 10px;transition:all .25s;display:flex}.round-top b.timer-danger{color:#d84500;background:#fff0e8;animation:.8s infinite timerPulse}.timer-track{background:#e3e8e3;border-radius:99px;height:7px;margin-top:10px;overflow:hidden}.timer-track i{background:linear-gradient(90deg,var(--orange),#f0b332,var(--green));border-radius:99px;height:100%;transition:width 1s linear;display:block}.card-count{letter-spacing:.11em;color:#8b9895;margin-top:15px;font-size:9px;font-weight:900}.context-chips{flex-wrap:wrap;gap:7px;margin:16px 0 4px;display:flex}.context-chips span{color:#35665d;background:#eaf5f1;border:1px solid #cce3dc;border-radius:99px;padding:6px 9px;font-size:10px;font-weight:800}.timer-note{text-align:center;color:#7b8885;margin:10px 0 0;font-size:11px}.consequence-panel{text-align:center;max-width:670px}.consequence-emoji{background:linear-gradient(145deg,#fff3d3,#fff);border-radius:24px;place-items:center;width:74px;height:74px;margin:0 auto 16px;font-size:38px;display:grid;box-shadow:0 10px 26px #e3520524}.consequence-panel h2{max-width:510px;margin:9px auto}.consequence-story{color:#566966;max-width:570px;margin:14px auto 22px;font-size:16px;line-height:1.6}.impact-row{border:1px solid var(--line);background:#fff;border-radius:16px;grid-template-columns:repeat(3,1fr);margin:20px 0;display:grid;overflow:hidden}.impact-row span{border-right:1px solid var(--line);padding:17px 8px}.impact-row span:last-child{border:0}.impact-row small,.future-effect small,.memory-tag span{letter-spacing:.11em;color:#7e8c89;font-size:9px;font-weight:900;display:block}.impact-row b{color:var(--teal);margin-top:5px;font-size:17px;display:block}.future-effect{text-align:left;color:#fff;background:#172e2b;border-radius:16px;gap:12px;margin:16px 0;padding:17px;display:flex}.future-effect svg{color:#f0b332;flex:none}.future-effect small{color:#8fb2ac}.future-effect p{margin:5px 0 0;font-size:13px;line-height:1.45}.memory-tag{text-align:left;background:#fff8f3;border:1px dashed #e6a36f;border-radius:13px;justify-content:space-between;align-items:center;padding:13px 15px;display:flex}.memory-tag b{color:var(--orange);font-size:13px}.personal-note{color:#71807d;margin:18px 0;font-size:12px}.timeout-alert{color:#c74308;background:#fff0e8;border-radius:11px;justify-content:center;align-items:center;gap:7px;margin:12px 0;padding:10px;font-size:12px;font-weight:800;display:flex}@keyframes timerPulse{50%{transform:scale(1.05);box-shadow:0 0 0 5px #e352051f}}@media (max-width:560px){.impact-row b{font-size:14px}.consequence-panel{padding:22px}.consequence-story{font-size:15px}.memory-tag{flex-direction:column;align-items:flex-start;gap:8px}}
.card-reveal{text-align:center;padding:28px 0 8px}.card-reveal>p{color:#667875;max-width:460px;margin:0 auto 22px;line-height:1.5}.card-back{aspect-ratio:2/3;color:#fff;background:radial-gradient(circle at 50% 35%,#ffffff2e,#0000 32%),repeating-linear-gradient(45deg,#ffffff0d 0 8px,#0000 8px 16px),linear-gradient(145deg,#0d8c76,#075347);border:7px solid #fff;border-radius:18px;outline:2px solid #0b6e5e;flex-direction:column;justify-content:center;align-items:center;width:190px;margin:5px auto 28px;animation:2.4s ease-in-out infinite cardFloat;display:flex;transform:rotate(-2deg);box-shadow:0 20px 36px #0f302b47}.card-back span{background:linear-gradient(145deg, var(--orange), #ff8a34);border-radius:20px;place-items:center;width:68px;height:68px;font-size:42px;font-weight:900;display:grid;box-shadow:0 9px 20px #0003}.card-back b{letter-spacing:.08em;margin-top:15px;font-size:24px}.card-back small{letter-spacing:.2em;color:#b9e5dc;margin-top:5px;font-size:10px}.card-reveal h2{font-size:29px}.card-reveal .primary{min-width:210px}@keyframes cardFloat{50%{transform:rotate(2deg)translateY(-8px)}}@media (max-width:560px){.card-back{width:150px}.card-reveal{padding-top:18px}.card-reveal h2{font-size:25px}}.deck-screen{width:min(1040px,100% - 32px);margin:38px auto}.deck-heading{text-align:center;max-width:650px;margin:0 auto 20px}.deck-heading h2{letter-spacing:-.04em;margin:7px 0;font-size:38px}.deck-heading>p:last-child{color:#647572;line-height:1.5}.phase-size{justify-content:center;align-items:center;gap:8px;margin:20px 0 24px;display:flex}.phase-size span{letter-spacing:.08em;color:#60706e;margin-right:8px;font-size:12px;font-weight:900}.phase-size button{border:1px solid var(--line);width:44px;height:40px;color:var(--ink);cursor:pointer;background:#fff;border-radius:11px;font-weight:900}.phase-size button.active{background:var(--orange);border-color:var(--orange);color:#fff;box-shadow:0 7px 18px #e3520540}.deck-grid{grid-template-columns:repeat(6,1fr);gap:14px;display:grid}.mini-card{aspect-ratio:2/3;color:#fff;cursor:pointer;background:repeating-linear-gradient(45deg,#ffffff0d 0 7px,#0000 7px 14px),linear-gradient(145deg,#0d8c76,#075347);border:5px solid #fff;border-radius:15px;outline:2px solid #0b6e5e;flex-direction:column;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative;box-shadow:0 10px 24px #0f302b33}.mini-card:hover{transform:translateY(-5px)rotate(-1deg)}.mini-card.selected{outline-color:var(--orange);transform:translateY(-8px);box-shadow:0 15px 28px #e3520540}.mini-card>span{background:var(--orange);border-radius:12px;place-items:center;width:43px;height:43px;font-size:27px;font-weight:900;display:grid}.mini-card>b{letter-spacing:.08em;margin-top:9px;font-size:13px}.mini-card>small{letter-spacing:.08em;color:#b9e5dc;margin-top:4px;font-size:8px}.mini-card>i{width:25px;height:25px;color:var(--orange);background:#fff;border-radius:50%;place-items:center;font-style:normal;display:grid;position:absolute;top:8px;right:8px}.deck-action{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border-radius:17px;justify-content:space-between;align-items:center;gap:16px;width:min(580px,100%);margin:25px auto 0;padding:12px 14px;display:flex;position:sticky;bottom:16px;box-shadow:0 14px 35px #172a2924}.deck-action>b{font-size:14px}.deck-action .primary{min-height:46px}.deck-action .primary:disabled{box-shadow:none}@media (max-width:800px){.deck-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:560px){.deck-screen{margin:24px auto}.deck-heading h2{font-size:30px}.phase-size{flex-wrap:wrap}.phase-size span{text-align:center;width:100%;margin:0}.deck-grid{grid-template-columns:repeat(3,1fr);gap:10px}.mini-card{border-width:4px}.mini-card>span{width:34px;height:34px;font-size:22px}.mini-card>b{font-size:11px}.mini-card>small{font-size:7px}.deck-action{text-align:center;flex-direction:column;align-items:stretch;bottom:8px}.deck-action .primary{width:100%}}.official-brand{min-width:172px;padding:2px 0 12px;display:block;position:relative}.official-brand img{object-fit:contain;width:164px;height:auto;display:block}.official-brand .brand-game-label{letter-spacing:.3em;color:var(--teal);font-size:9px;font-weight:900;line-height:1;position:absolute;bottom:0;right:2px}@media (max-width:560px){.official-brand{min-width:138px}.official-brand img{width:132px}.official-brand .brand-game-label{font-size:8px}}.card-back span,.mini-card>span{color:#0000;background-image:url(/logo-avante-minima.png);background-position:50%;background-size:cover;font-size:0}.card-back span{border-radius:18px;width:74px;height:74px}.mini-card>span{border-radius:12px;width:46px;height:46px}.challenge-panel{max-width:650px}.challenge-card{text-align:center;color:#fff;background:radial-gradient(circle at 85% 12%,#6cc24a47,#0000 28%),linear-gradient(150deg,#173b36,#0c2522);border-radius:25px;padding:28px 26px;position:relative;overflow:hidden;box-shadow:0 22px 50px #0d2f2a40}.challenge-card:after{content:"";border:35px solid #ffffff09;border-radius:50%;width:190px;height:190px;position:absolute;bottom:-120px;left:-90px}.challenge-card>img{border-radius:17px;width:64px;height:64px;box-shadow:0 8px 20px #00000040}.challenge-card>p:first-of-type{letter-spacing:.18em;color:#9ddf8a;margin:15px 0 8px;font-size:11px;font-weight:900}.challenge-card h2{color:#fff;margin:0 0 22px;font-size:34px;line-height:1.08}.challenge-company{background:#ffffff12;border:1px solid #fff3;border-radius:17px;padding:18px}.challenge-company small,.challenge-score small{letter-spacing:.12em;color:#95b8b1;font-size:9px;font-weight:900;display:block}.challenge-company b{color:#f5b545;margin-top:7px;font-size:35px;display:block}.challenge-score{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}.challenge-score span{background:#ffffff0f;border-radius:13px;padding:14px 9px}.challenge-score b{margin-top:6px;font-size:16px;display:block}.challenge-copy{color:#d5e5e1;max-width:430px;margin:20px auto 0;font-size:14px;line-height:1.5}.challenge-share{min-height:58px;margin:18px 0 10px;font-size:17px}.share-feedback{text-align:center;color:var(--teal);margin:5px 0 12px;font-weight:800}.challenge-panel>.secondary{margin-top:0}@media (max-width:560px){.challenge-panel{padding:18px}.challenge-card{padding:23px 16px}.challenge-card h2,.challenge-company b{font-size:29px}.challenge-score{grid-template-columns:1fr}.challenge-score b{font-size:14px}}