:root{color-scheme:dark;--bg:#120b28;--panel:#231644;--panel2:#32205b;--purple:#8d59e8;--yellow:#fcd43a;--cream:#fff8d8;--text:#fff8e7;--muted:#b9abd1;--line:#7152a6;font-family:system-ui,'Microsoft YaHei',sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:radial-gradient(circle at 50% -15%,#573094 0,#24143e 42%,#120b28 78%);color:var(--text)}button,a{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}.app-shell{max-width:1500px;margin:auto;padding:0 22px}.topbar{height:76px;display:flex;justify-content:space-between;align-items:center;gap:15px}.brand{display:flex;align-items:center;gap:10px}.brand-symbol{width:42px;height:42px;border:2px solid var(--yellow);border-radius:12px;display:grid;place-items:center;color:var(--yellow);font-size:27px;box-shadow:3px 3px 0 #793fd0}.brand strong{display:block;font-size:18px;letter-spacing:.02em}.brand small{display:block;font-size:9px;font-weight:800;letter-spacing:.21em;color:var(--yellow)}.topbar-right{display:flex;align-items:center;gap:13px}.phase{padding:8px 12px;border:1px solid #a47bde;border-radius:99px;color:#dfd2f5;background:#2d1e50;font-size:11px}.wallet-button,.secondary-button,.main-button{border:2px solid var(--yellow);background:var(--yellow);color:#25113f;font-weight:900;border-radius:11px;padding:11px 16px;box-shadow:4px 4px 0 #6c3cb0;transition:transform .15s,box-shadow .15s}.wallet-button:hover:not(:disabled),.secondary-button:hover:not(:disabled),.main-button:hover:not(:disabled){transform:translate(2px,2px);box-shadow:2px 2px 0 #6c3cb0}.wallet-button b{margin-left:13px}.game-stage{overflow:hidden;border:2px solid #6e4bb0;border-radius:18px;background:#1d123b;box-shadow:0 18px 0 #0d071b,0 35px 60px #0007}.hud-bar{min-height:94px;display:grid;grid-template-columns:1fr auto minmax(300px,1fr);align-items:center;gap:18px;padding:12px 21px;background:linear-gradient(95deg,#281448,#3b2068 55%,#251341);border-bottom:2px solid #7555ac}.hud-title{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.hud-title strong{font-size:19px}.hud-title small{font-size:11px;color:var(--muted);width:100%;margin-left:17px}.live-light{height:8px;width:8px;background:var(--yellow);border-radius:50%;box-shadow:0 0 0 5px #fcd43a35,0 0 18px var(--yellow)}.hud-stats{display:flex;gap:3px}.hud-stats>div{min-width:83px;text-align:center;padding:7px 10px;border:1px solid #8d62c4;background:#39215e;border-radius:8px}.hud-stats small,.hud-stats strong{display:block}.hud-stats small{font-size:10px;color:#c9b9dc}.hud-stats strong{font-size:17px;color:var(--yellow);margin-top:3px}.hud-event{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;justify-self:end;max-width:370px}.hud-event>span{grid-row:1/3;background:var(--yellow);color:#261038;border-radius:6px;padding:7px 9px;font-size:10px;font-weight:900;white-space:nowrap}.hud-event strong{font-size:13px}.hud-event small{font-size:10px;color:var(--muted)}.map-frame{position:relative;aspect-ratio:1672/939;isolation:isolate;overflow:hidden;background:#27164d}.city-map{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}.map-shade{position:absolute;inset:0;background:linear-gradient(180deg,#18082a3d,transparent 27%,transparent 65%,#16092299);pointer-events:none}.map-grain{position:absolute;inset:0;opacity:.13;pointer-events:none;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:5px 5px;mix-blend-mode:soft-light}.map-brand{position:absolute;top:15px;left:18px;padding:7px 10px;background:#1b0c33c9;border:1px solid #ad79fa;border-radius:6px;display:flex;gap:14px;align-items:center;font-size:9px;font-weight:900;letter-spacing:.14em}.map-brand strong{color:var(--yellow)}.map-event{position:absolute;left:50%;bottom:17px;transform:translateX(-50%);width:min(480px,46%);display:grid;grid-template-columns:30px 1fr auto;gap:4px 9px;align-items:center;background:#1a0b38e8;border:2px solid #b185ea;border-radius:11px;padding:11px 14px;box-shadow:4px 4px 0 #0f0626;color:var(--cream)}.event-spark{grid-row:1/3;color:var(--yellow);font-size:27px}.map-event small{display:block;color:var(--yellow);font-size:9px;font-weight:900}.map-event strong{display:block;font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:350px}.map-event b{font-size:12px;color:var(--yellow);grid-column:3;grid-row:1/3}.progress-track{grid-column:2;height:6px;border-radius:5px;background:#4c3765;overflow:hidden}.progress-track span{display:block;height:100%;width:0;background:var(--yellow);transition:width .3s}.join-overlay{position:absolute;z-index:5;left:50%;top:50%;transform:translate(-50%,-50%);min-width:245px;text-align:center;background:#1a0a38eb;border:2px solid var(--yellow);border-radius:18px;padding:16px 19px 18px;box-shadow:7px 7px 0 #120623,0 0 0 300vmax #130b241f}.join-mark{font-size:27px;line-height:1;color:var(--yellow)}.join-overlay>strong{display:block;font-size:16px;margin:7px 0 13px}.join-actions{display:grid;gap:9px}.join-actions small{font-size:10px;color:#d3bee7}.main-button{font-size:14px;padding:9px 17px}.main-button span{margin-left:15px}.actions{position:absolute;inset:0;pointer-events:none}.map-hotspot{position:absolute;z-index:3;pointer-events:auto;transform:translate(-50%,-50%);display:flex;align-items:center;gap:7px;background:transparent;border:0;color:var(--cream);filter:drop-shadow(0 4px 5px #130527);transition:scale .15s}.map-hotspot:hover:not(:disabled){scale:1.08}.map-hotspot.gather{left:24%;top:30%}.map-hotspot.scout{left:73%;top:29%}.map-hotspot.repair{left:25%;top:69%}.map-hotspot.build{left:74%;top:68%}.hotspot-ring{width:54px;height:54px;flex:0 0 54px;display:grid;place-items:center;background:#261047c9;border:3px solid var(--yellow);border-radius:50%;box-shadow:0 0 0 8px #fcd43a28,0 0 33px #fcd43a8a;animation:throb 2.4s infinite}.hotspot-ring b{font-size:23px;color:var(--yellow)}.hotspot-label{text-align:left;background:#190b36e8;border:1px solid #eccb70;border-radius:8px;padding:7px 10px;white-space:nowrap}.hotspot-label strong,.hotspot-label small{display:block}.hotspot-label strong{font-size:12px}.hotspot-label small{font-size:10px;color:#fcd871}.hotspot-label small+small{font-size:8px;color:#decaff}.map-hotspot.scout .hotspot-label,.map-hotspot.build .hotspot-label{order:-1;text-align:right}@keyframes throb{50%{box-shadow:0 0 0 13px #fcd43a0d,0 0 42px #fcd43aaa}}.map-footer{height:41px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;background:#231342;border-top:2px solid #6848a6;color:#cdbce0;font-size:11px}.map-footer strong{color:var(--yellow);font-size:12px}.dashboard{display:grid;grid-template-columns:1.1fr 1fr 1.1fr;gap:16px;margin-top:34px}.panel{border:2px solid #714ca8;background:linear-gradient(145deg,#332055,#23163f);border-radius:15px;padding:19px;box-shadow:5px 6px 0 #100820}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.kicker{font-size:10px;letter-spacing:.13em;color:var(--yellow);font-weight:900}.panel-heading small{font-size:10px;color:#d7c3f3}.panel h2{font-size:19px;margin:10px 0 7px}.panel p{color:#ddd1ee;font-size:12px;line-height:1.65;margin:0}.resident-main{display:flex;align-items:center;gap:11px;margin:10px 0 12px}.resident-avatar{width:47px;height:47px;border-radius:12px;background:var(--yellow);color:#301450;display:grid;place-items:center;font-size:27px;border:2px solid #fff4bb}.resident-main h2{margin:0;font-size:17px;overflow-wrap:anywhere}.resident-main p{color:#cbb5e5}.resident-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px dashed #8664b3;padding-top:13px}.resident-stats small,.resident-stats strong{display:block}.resident-stats small{font-size:10px;color:#c8b4e6}.resident-stats strong{font-size:20px;color:var(--yellow)}.role-picker{margin-top:13px}.role-picker>small{color:var(--yellow);font-size:10px}.role-options{display:flex;gap:5px;margin-top:7px}.role{flex:1;min-width:0;background:#231440;color:#efe5ff;border:1px solid #8c64c0;border-radius:8px;padding:7px 4px}.role.active{background:#fcd43a;color:#28133d;border-color:#fff4bc}.role strong,.role span{display:block}.role strong{font-size:11px}.role span{font-size:9px;margin-top:3px}.story-symbol{color:var(--yellow);font-size:29px;margin-top:14px}.story-panel p{font-size:13px;color:var(--cream)}.feed-live{color:var(--yellow);font-size:10px}.feed-list{max-height:170px;overflow:auto}.feed-item{border-top:1px dashed #7155a1;padding:9px 0}.feed-item p{font-size:11px}.feed-item small{color:#ad98cc;font-size:9px}.feed-dot{display:none}.below-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:16px;margin-top:18px}.agent-panel p{max-width:610px}.agent-buttons{display:flex;align-items:center;gap:14px;margin-top:16px}.secondary-button{padding:9px 13px;font-size:12px}.link-button{background:none;border:0;color:var(--yellow);font-size:11px;padding:4px}.guide-link{display:inline-block;color:var(--yellow);font-size:11px;margin-top:15px}.mini-symbol{color:var(--yellow);font-size:18px}.key-result{margin-top:13px;padding:11px;background:#170b2d;border:1px solid #a178d4;border-radius:8px}.key-result small,.key-result code{display:block}.key-result small{font-size:10px;color:#efd28e}.key-result code{font-size:11px;color:var(--yellow);overflow-wrap:anywhere;margin-top:6px}.leaders{margin-top:10px}.leader{display:grid;grid-template-columns:22px 1fr auto;gap:9px;padding:8px 0;border-top:1px dashed #7759a3;font-size:11px}.leader span,.leader small{color:var(--yellow)}.fineprint{display:block;color:#b9a6d5;font-size:9px;margin-top:9px}.rules{border:1px solid #7656a7;border-radius:11px;background:#22143e;margin-top:28px;color:#d9c8ef}.rules summary{cursor:pointer;padding:16px 19px;font-size:12px;font-weight:800}.rules summary span{float:right;color:var(--yellow)}.rule-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:0 19px 20px}.rule-columns h3{color:var(--yellow);font-size:13px}.rule-columns p{font-size:11px;line-height:1.7}footer{display:flex;justify-content:space-between;color:#aa94c8;font-size:10px;padding:28px 3px 36px}.toast{position:fixed;z-index:30;right:20px;bottom:20px;background:var(--yellow);color:#27133d;border:2px solid #fff0ad;box-shadow:5px 5px 0 #5c318b;border-radius:9px;padding:11px 15px;max-width:340px;font-size:12px;font-weight:900;opacity:0;transform:translateY(20px);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:none}
@media(max-width:1150px){.hud-bar{grid-template-columns:1fr auto}.hud-event{grid-column:1/-1;justify-self:stretch;max-width:none;border-top:1px dashed #7555ac;padding-top:9px}.map-event{width:52%}.hotspot-ring{width:45px;height:45px;flex-basis:45px}.hotspot-label{padding:5px 7px}.hotspot-label strong{font-size:11px}.dashboard{grid-template-columns:1fr 1fr}.feed-panel{grid-column:1/-1}}
@media(max-width:700px){.app-shell{padding:0 10px}.topbar{height:64px}.brand-symbol{width:35px;height:35px;font-size:22px}.brand strong{font-size:15px}.brand small{font-size:7px}.phase{display:none}.wallet-button{padding:7px 9px;font-size:10px;box-shadow:2px 2px 0 #6c3cb0}.hud-bar{padding:9px;gap:8px;min-height:68px}.hud-title strong{font-size:12px}.hud-title small{font-size:8px;margin-left:0}.hud-stats>div{min-width:48px;padding:4px 5px}.hud-stats small{font-size:8px}.hud-stats strong{font-size:11px}.hud-event{gap:4px}.hud-event strong{font-size:11px}.hud-event small{display:none}.hud-event>span{padding:5px;font-size:8px}.map-frame{aspect-ratio:1672/939}.map-brand{display:none}.map-hotspot{gap:0}.hotspot-ring{width:31px;height:31px;flex-basis:31px;border-width:2px;box-shadow:0 0 0 4px #fcd43a28}.hotspot-ring b{font-size:15px}.hotspot-label{padding:3px 5px;border-radius:5px}.hotspot-label strong{font-size:8px}.hotspot-label small{font-size:7px}.hotspot-label small+small{display:none}.map-hotspot.gather{left:21%;top:29%}.map-hotspot.scout{left:78%;top:28%}.map-hotspot.repair{left:21%;top:71%}.map-hotspot.build{left:78%;top:70%}.map-event{left:50%;bottom:4px;width:58%;padding:5px 6px;grid-template-columns:15px 1fr auto;gap:2px 3px;border-width:1px}.event-spark{font-size:16px}.map-event small{font-size:7px}.map-event strong{font-size:8px}.map-event b{font-size:8px}.progress-track{height:3px}.join-overlay{min-width:190px;max-width:57%;padding:8px 10px;border-radius:10px}.join-mark{font-size:17px}.join-overlay>strong{font-size:10px;margin:3px 0 6px}.main-button{font-size:10px;padding:5px 9px;box-shadow:2px 2px 0 #6c3cb0}.join-actions small{display:none}.map-footer{height:32px;padding:0 7px;font-size:8px}.map-footer span:last-child{display:none}.map-footer strong{font-size:9px}.dashboard,.below-grid{grid-template-columns:1fr;gap:11px;margin-top:22px}.feed-panel{grid-column:auto}.panel{padding:15px;box-shadow:3px 4px 0 #100820}.rules{margin-top:18px}.rule-columns{grid-template-columns:1fr;gap:8px}footer{display:block}footer span{display:block;margin-bottom:4px}}
.map-frame{perspective:1300px;--scene-x:0px;--scene-y:0px;--scene-rx:0deg;--scene-ry:0deg;--focus-x:0px;--focus-y:0px}.city-map{transform:scale(1.07) translate3d(var(--scene-x),var(--scene-y),0) rotateX(var(--scene-rx)) rotateY(var(--scene-ry));transition:transform .35s ease-out;transform-origin:center}.map-frame.is-focusing .city-map{transform:scale(1.16) translate3d(var(--focus-x),var(--focus-y),0);transition:transform .45s ease-out}.map-frame:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 84%,#fdd45f25,transparent 24%),linear-gradient(0deg,#10092373,transparent 26%)}.map-event{z-index:5}.map-brand{z-index:5}.join-overlay{z-index:7}.map-hotspot.gather{left:16%;top:55%}.map-hotspot.repair{left:34%;top:31%}.map-hotspot.build{left:68%;top:31%}.map-hotspot.scout{left:85%;top:52%}.map-hotspot.hit .hotspot-ring{animation:hit-pop .8s ease-out;color:#fff}@keyframes hit-pop{0%{scale:1}35%{scale:1.65;box-shadow:0 0 0 30px #fcd43a35,0 0 55px #fcd43a}100%{scale:1}}.city-avatar{position:absolute;z-index:2;left:50%;bottom:0;height:38%;width:auto;max-width:20%;object-fit:contain;object-position:bottom;transform:translateX(-50%);pointer-events:none;filter:drop-shadow(0 0 14px var(--aura-color,#fcd43a)) drop-shadow(0 14px 7px #100724);animation:avatar-idle 3s ease-in-out infinite}@keyframes avatar-idle{50%{transform:translateX(-50%) translateY(-5px)}}.city-avatar.aura-violet,.resident-avatar.aura-violet{--aura-color:#a978ff}.city-avatar.aura-blue,.resident-avatar.aura-blue{--aura-color:#54c4ff}.city-avatar.aura-rose,.resident-avatar.aura-rose{--aura-color:#f490c8}.city-avatar.aura-gold,.resident-avatar.aura-gold{--aura-color:#fcd43a}.resident-avatar{overflow:hidden;position:relative;background:radial-gradient(circle at 50% 70%,var(--aura-color,#fcd43a),#352059 70%);border:2px solid var(--yellow);box-shadow:0 0 18px var(--aura-color,#fcd43a)}.resident-avatar img{width:100%;height:150%;object-fit:cover;object-position:top center;transform:translateY(0)}.avatar-modal{position:fixed;inset:0;z-index:50;background:#0d061ecb;display:grid;place-items:center;padding:16px;backdrop-filter:blur(9px)}.avatar-dialog{width:min(760px,100%);max-height:min(88vh,800px);overflow:auto;background:linear-gradient(145deg,#3d216b,#21123d);border:2px solid var(--yellow);border-radius:18px;box-shadow:11px 11px 0 #10071d;padding:22px}.avatar-dialog-head{display:flex;align-items:start;justify-content:space-between;gap:15px}.avatar-dialog-head h2{font-size:24px;margin:7px 0 17px}.close-avatar{border:1px solid #aa7fdf;background:#2b164c;color:var(--cream);border-radius:50%;width:31px;height:31px;font-size:22px;line-height:25px}.avatar-choice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.avatar-choice{border:2px solid #8558bf;background:radial-gradient(circle at 50% 74%,#7050ad,#2b194b 70%);color:var(--cream);border-radius:11px;overflow:hidden;padding:0 0 8px;transition:.2s}.avatar-choice.active{border-color:var(--yellow);box-shadow:0 0 0 2px #fcd43a4d}.avatar-choice:hover{transform:translateY(-3px)}.avatar-choice img{display:block;width:100%;height:205px;object-fit:contain;object-position:bottom;filter:drop-shadow(0 8px 8px #140622)}.avatar-choice strong{font-size:12px}.aura-row{display:flex;align-items:center;gap:10px;margin-top:18px}.aura-row>span{font-size:12px;color:var(--cream);margin-right:8px}.aura-option{width:27px;height:27px;border-radius:50%;border:2px solid #fff8;box-shadow:0 0 9px currentColor;background:currentColor}.aura-option[data-aura=gold]{color:#fcd43a}.aura-option[data-aura=violet]{color:#aa78ff}.aura-option[data-aura=blue]{color:#56c8ff}.aura-option[data-aura=rose]{color:#f490c8}.aura-option.active{outline:2px solid white;outline-offset:3px}.avatar-note{font-size:11px;color:#d2c2e6;margin:15px 0}.save-avatar{width:100%}body.modal-open{overflow:hidden}
@media(max-width:700px){.city-map{transform:scale(1.05)}.map-frame.is-focusing .city-map{transform:scale(1.1) translate3d(var(--focus-x),var(--focus-y),0)}.city-avatar{height:39%;max-width:18%}.map-hotspot.gather{left:15%;top:55%}.map-hotspot.repair{left:33%;top:31%}.map-hotspot.build{left:67%;top:31%}.map-hotspot.scout{left:86%;top:53%}.hotspot-label{display:none}.hotspot-ring{width:34px;height:34px;flex-basis:34px}.avatar-dialog{padding:15px}.avatar-dialog-head h2{font-size:18px}.avatar-choice-grid{grid-template-columns:repeat(2,1fr)}.avatar-choice img{height:150px}.avatar-choice strong{font-size:10px}.aura-row{margin-top:13px}}
.leader{grid-template-columns:22px 30px 1fr auto;align-items:center}.leader img{width:30px;height:30px;object-fit:cover;object-position:top;border-radius:7px;background:#6943a0;border:1px solid #a978e7}

.arena-entry{position:absolute;z-index:6;left:50%;top:63%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:10px;padding:9px 17px;background:linear-gradient(110deg,#fce267,#f3ae29);border:2px solid #fff1a2;border-radius:13px;box-shadow:0 5px 0 #5f2eaa,0 0 32px #f4d64f99;color:#29143e;font-weight:900}.arena-entry:hover{transform:translate(-50%,-53%)}.arena-entry span{font-size:21px}.arena-entry strong{font-size:14px;white-space:nowrap}.arena-entry small{font-size:9px;white-space:nowrap}
.city-figure{position:absolute;z-index:2;left:50%;bottom:0;transform:translateX(-50%);width:20%;height:39%;background-image:url('/figures-sheet.png');background-size:400% 100%;background-repeat:no-repeat;mask-image:linear-gradient(#000 75%,transparent);filter:drop-shadow(0 0 15px var(--aura-color,#fcd43a));pointer-events:none}.city-figure.aura-violet{--aura-color:#a978ff}.city-figure.aura-blue{--aura-color:#54c4ff}.city-figure.aura-rose{--aura-color:#f490c8}
.avatar-choice .figure-portrait{display:block;width:100%;height:205px;background-image:url('/figures-sheet.png');background-size:400% 100%;background-repeat:no-repeat}.figure-cz{background-position:0 0}.figure-heyi{background-position:33.333% 0}.figure-sbf{background-position:66.667% 0}.figure-musk{background-position:100% 0}.resident-avatar .figure-portrait,.leader .figure-portrait{display:block;width:100%;height:100%;background-image:url('/figures-sheet.png');background-size:400% 100%;background-repeat:no-repeat}.resident-avatar .figure-portrait{height:100%}.leader .figure-portrait{width:30px;height:30px;border-radius:7px;border:1px solid #a978e7}
.battle-screen{position:fixed;inset:0;z-index:60;background:radial-gradient(circle at 50% 55%,#3b2269,#100721 77%);overflow:hidden}.battle-screen canvas{display:block;width:100%;height:100%;touch-action:none;outline:0}.battle-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#10071dcc 0,transparent 25%,transparent 58%,#10051de0 100%),radial-gradient(circle,transparent 37%,#0d061c9e 100%)}.battle-hud{position:absolute;z-index:2;left:50%;top:14px;transform:translateX(-50%);width:min(1120px,calc(100% - 40px));display:grid;grid-template-columns:1fr 170px 1fr;gap:25px;align-items:start;text-shadow:0 2px 5px #000}.battle-fighter{padding:9px 12px;background:#21133ac9;border:1px solid #9c70d8;border-radius:10px;display:grid;grid-template-columns:1fr auto;gap:5px}.battle-fighter small{grid-column:1/-1;font-size:12px;font-weight:900}.battle-fighter b{font-size:13px;color:#fff0ad}.battle-fighter.enemy{text-align:right}.battle-health{height:13px;background:#38204d;border:1px solid #f8e6b8;border-radius:8px;overflow:hidden}.battle-health span{display:block;height:100%;width:100%;background:linear-gradient(90deg,#f4bd36,#ffeb82);transition:width .24s}.battle-fighter.enemy .battle-health span{background:linear-gradient(90deg,#bd79f9,#f291d1)}.battle-center{text-align:center;padding:3px 8px;border-radius:9px;background:#23133ba8}.battle-center span,.battle-center small{display:block;color:#ffe18a;font-size:9px;letter-spacing:.15em;font-weight:900}.battle-center strong{display:block;font-size:37px;line-height:1.1}.battle-exit{position:absolute;z-index:4;top:104px;right:22px;background:#24123ddd;color:#fff2ca;border:1px solid #b889ed;border-radius:8px;padding:7px 12px}.battle-announcement{position:absolute;z-index:3;left:50%;top:24%;transform:translateX(-50%);font-size:clamp(20px,4vw,49px);font-weight:1000;color:#ffe26e;text-shadow:0 3px 0 #4c227e,0 0 25px #f5ce54;text-align:center;pointer-events:none;opacity:0;transition:opacity .2s}.battle-announcement.show{opacity:1}.battle-controls{position:absolute;z-index:3;left:50%;bottom:15px;transform:translateX(-50%);width:min(760px,calc(100% - 25px));background:#1b0c33d9;border:1px solid #9d72d4;border-radius:14px;padding:10px 14px;box-shadow:0 0 30px #0006}.battle-energy{display:flex;gap:8px;align-items:center;margin-bottom:8px}.battle-energy small{min-width:85px;color:#e9dbff;font-size:10px}.battle-energy b{color:#fcd43a}.battle-energy>div{height:8px;flex:1;background:#372150;border-radius:9px;overflow:hidden}.battle-energy span{display:block;width:0;height:100%;background:linear-gradient(90deg,#9f6fea,#fcd43a);transition:width .2s}.battle-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.battle-buttons button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:55px;background:linear-gradient(#422672,#2a184e);border:2px solid #bd8df2;color:#fff7db;border-radius:10px;font-weight:900;touch-action:manipulation}.battle-buttons button:first-child{background:linear-gradient(#fbe469,#f4bd36);border-color:#fff4ae;color:#29113c}.battle-buttons button:nth-child(2){background:linear-gradient(#a35cea,#6335a0)}.battle-buttons button b{font-size:21px}.battle-buttons button span{font-size:14px}.battle-buttons button small{font-size:9px;display:block;font-weight:600}.battle-buttons button:active{transform:scale(.96)}.battle-tip{display:block;text-align:center;color:#c8b5dc;font-size:9px;margin-top:8px}.battle-loading{position:absolute;inset:0;z-index:5;display:grid;align-content:center;justify-items:center;gap:7px;background:#170b2ff0}.battle-loading span{font-size:70px;color:#fcd43a;animation:throb 1s infinite}.battle-loading strong{font-size:18px}.battle-result{position:absolute;inset:0;z-index:6;display:grid;place-items:center;background:#140927b5;padding:15px;backdrop-filter:blur(5px)}.battle-result-card{width:min(460px,100%);background:linear-gradient(145deg,#432672,#211139);border:2px solid #f9d663;border-radius:16px;padding:25px;box-shadow:10px 10px 0 #10071f;text-align:center}.battle-result-card h2{font-size:45px;color:#ffe178;margin:5px 0}.battle-result-card p{font-size:12px;line-height:1.7;color:#e6d6f8}.opponent-pick{text-align:left;margin:20px 0}.opponent-pick small{display:block;color:#f6d561;margin-bottom:8px;font-size:11px;font-weight:900}.opponent-pick>div{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.opponent-pick button{background:#2d194d;border:1px solid #aa7edb;border-radius:7px;color:#eee1ff;padding:8px 3px;font-size:11px}.opponent-pick button.active{background:#f6d158;color:#27133d;border-color:#fff3b1;font-weight:900}.battle-result-actions{display:flex;gap:10px}.battle-result-actions button{flex:1}.battle-result-actions .secondary-button{background:#351e5a;color:#fff0bd}
.battle-fighter .battle-warning{color:#ff8bba;animation:battle-pulse .35s infinite alternate}@keyframes battle-pulse{to{text-shadow:0 0 16px #ff5b89;transform:scale(1.03)}}
.battle-fighter{position:relative;padding-left:65px}.battle-fighter.enemy{padding-left:12px;padding-right:65px}.battle-hud-portrait{position:absolute;left:9px;top:7px;width:45px;height:45px;border:2px solid #f7d75f;border-radius:9px;background-color:#4b2d6f;background-repeat:no-repeat;box-shadow:0 0 10px #eccb5680}.battle-fighter.enemy .battle-hud-portrait{left:auto;right:9px;border-color:#b986f2}
@media(max-width:700px){.battle-fighter{padding-left:39px}.battle-fighter.enemy{padding-left:5px;padding-right:39px}.battle-hud-portrait{left:3px;top:3px;width:30px;height:30px;border-width:1px;border-radius:5px}.battle-fighter.enemy .battle-hud-portrait{right:3px}}
@media(max-width:700px){.arena-entry{top:73%;padding:4px 7px;gap:4px;border-radius:7px;box-shadow:0 2px 0 #5f2eaa}.arena-entry span{font-size:13px}.arena-entry strong{font-size:9px}.arena-entry small{display:none}.avatar-choice .figure-portrait{height:150px}.battle-hud{top:8px;width:calc(100% - 12px);grid-template-columns:1fr 56px 1fr;gap:4px}.battle-fighter{padding:5px;gap:2px}.battle-fighter small{font-size:8px;line-height:1.25}.battle-fighter b{font-size:9px}.battle-health{height:8px}.battle-center span{display:none}.battle-center strong{font-size:23px}.battle-center small{font-size:7px}.battle-exit{top:64px;right:8px;padding:4px 8px;font-size:19px}.battle-exit span{display:none}.battle-announcement{top:25%;width:90%;font-size:25px}.battle-controls{bottom:8px;padding:7px;width:calc(100% - 12px)}.battle-buttons{gap:5px}.battle-buttons button{min-height:63px;gap:2px;flex-direction:column}.battle-buttons button b{font-size:18px}.battle-buttons button span{font-size:11px}.battle-buttons button small{font-size:8px}.battle-tip{font-size:7px}.battle-result-card{padding:17px}.battle-result-card h2{font-size:35px}}
.battle-keyboard{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 13px;color:#f9efff;font-size:12px;font-weight:700}.battle-keyboard span{white-space:nowrap}.battle-keyboard kbd{display:inline-block;padding:5px 7px;margin-right:3px;color:#25113d;background:linear-gradient(#ffe57b,#e8b947);border:1px solid #fff0b8;border-radius:5px;box-shadow:0 3px 0 #966a2c;font:900 12px system-ui}.battle-controls{width:min(900px,calc(100% - 25px))}.battle-tip{margin-top:12px}.battle-loading[hidden],.battle-result[hidden],.battle-screen[hidden]{display:none}
@media(max-width:700px){.battle-keyboard{gap:7px 9px;font-size:10px}.battle-keyboard kbd{font-size:10px;padding:3px 5px}.battle-tip{font-size:8px}}

/* Combat identity: Binance yellow and charcoal lead; violet marks special energy. */
:root{--bg:#0d0f13;--panel:#191c22;--panel2:#242831;--purple:#76618f;--yellow:#f0b90b;--cream:#fff5cf;--text:#f4f4f0;--muted:#aeb0b7;--line:#4e5058}
body{background:radial-gradient(circle at 50% -15%,#3b3219 0,#1b1c20 43%,#0d0f13 80%)}
.brand-symbol{box-shadow:3px 3px 0 #5d4c23}.wallet-button,.secondary-button,.main-button{color:#17191c;box-shadow:4px 4px 0 #69521b}.wallet-button:hover:not(:disabled),.secondary-button:hover:not(:disabled),.main-button:hover:not(:disabled){box-shadow:2px 2px 0 #69521b}
.phase{border-color:#6b5b37;color:#e6d9ad;background:#24221e}.game-stage{border-color:#bd9328;background:#17191e;box-shadow:0 18px 0 #07080a,0 35px 60px #0008}.hud-bar{background:linear-gradient(95deg,#181b21,#2c2b29 55%,#191b20);border-bottom-color:#8e712d}.hud-stats>div{border-color:#70623e;background:#282923}.hud-stats small{color:#c2b997}.map-frame{background:#202126}.map-shade{background:linear-gradient(180deg,#1113167a,transparent 28%,transparent 62%,#101216cf)}.map-brand{background:#17191ddd;border-color:#d2a727}.arena-entry{color:#191a1d;background:linear-gradient(110deg,#ffda55,#f0b90b);border-color:#fff0a8;box-shadow:0 5px 0 #785c17,0 0 32px #f0b90b82}.panel{background:linear-gradient(145deg,#24262b,#17191e);border-color:#575450;box-shadow:5px 6px 0 #090a0c}.avatar-modal{background:#090b0de0}.avatar-dialog{background:linear-gradient(145deg,#2e3036,#17191d);box-shadow:11px 11px 0 #070809}.avatar-choice{border-color:#6c6d71;background:radial-gradient(circle at 50% 74%,#60543a,#1a1c20 73%)}.avatar-choice.active{border-color:var(--yellow)}.close-avatar{background:#292b31;border-color:#80704a}.avatar-choice img{object-fit:cover;object-position:center 16%}.resident-avatar{background:radial-gradient(circle at 50% 70%,var(--aura-color,#f0b90b),#292b30 70%)}
.battle-screen{background:radial-gradient(circle at 50% 50%,#35312a,#0d0e12 80%)}.battle-vignette{background:linear-gradient(180deg,#090b0ccc 0,transparent 24%,transparent 58%,#080a0cdd 100%),radial-gradient(circle,transparent 43%,#090a0ca6 100%)}.battle-fighter{background:#191b20de;border-color:#a4863b}.battle-fighter.enemy{border-color:#786898}.battle-center{background:#17191ddd}.battle-exit{background:#1c1e23ea;border-color:#977d3a}.battle-controls{background:#17191deb;border-color:#9d8039}.battle-energy>div{background:#373532}.battle-energy span{background:linear-gradient(90deg,#8065a3,#f0b90b)}.battle-keyboard kbd{color:#17191d;background:linear-gradient(#ffe47d,#f0b90b);border-color:#fff0ad;box-shadow:0 3px 0 #785b1b}.battle-loading{background:#14161aef}.battle-result{background:#0d0f13c9}.battle-result-card{background:linear-gradient(145deg,#32332e,#181a20);box-shadow:10px 10px 0 #08090b}.opponent-pick>div{grid-template-columns:repeat(4,1fr)}.opponent-pick button{background:#25272c;border-color:#777069}.opponent-pick button.active{background:#f0b90b;border-color:#ffdc5e;color:#17191d}.battle-result-actions .secondary-button{background:#2d2f36}
.avatar-dialog{width:min(1120px,100%)}.avatar-choice-grid{grid-template-columns:repeat(6,1fr)}.avatar-choice img[src^="/avatar-"]{object-fit:contain}.avatar-choice img[src^="/portrait-"]{object-fit:cover}
@media(max-width:700px){.opponent-pick>div{grid-template-columns:repeat(4,1fr)}}
@media(max-width:700px){.avatar-choice-grid{grid-template-columns:repeat(2,1fr)}}

/* Temple combat layout: the 3D space stays visible; skills sit at the lower edge. */
.battle-screen{background:#4d5855}.battle-vignette{background:linear-gradient(180deg,#0c151aa6,transparent 19%,transparent 72%,#101818a8),radial-gradient(circle,transparent 50%,#0a151657 100%)}
.battle-hud{left:0;top:0;transform:none;width:100%;height:100%;display:block;pointer-events:none}
.battle-fighter{position:absolute;top:22px;left:26px;width:min(360px,31vw);background:#111c1dcc;border:1px solid #c8aa68;border-radius:2px;padding:10px 12px 10px 65px;box-shadow:0 10px 20px #1118}
.battle-fighter.enemy{top:auto;bottom:150px;left:50%;right:auto;transform:translateX(-50%);width:min(620px,56vw);padding:11px 18px;text-align:center;background:#101819ba;border-color:#b79a5f}
.battle-fighter.enemy .battle-hud-portrait{display:none}.battle-fighter.enemy .battle-health span{background:linear-gradient(90deg,#b58736,#e7c57f)}
.battle-fighter small{color:#fff6db;font-weight:700;letter-spacing:.08em}.battle-fighter.enemy small{font-size:14px;letter-spacing:.16em}.battle-fighter b{color:#dbc58e}.battle-health{height:8px;background:#1d2524;border:0;border-radius:0}.battle-health span{background:linear-gradient(90deg,#d5ac55,#ffe39b)}
.battle-center{position:absolute;top:18px;left:50%;transform:translateX(-50%);padding:4px 15px;background:#101a1bb3;border:1px solid #ad945c;border-radius:2px}.battle-center span{color:#dcc795}.battle-center strong{font:500 28px Georgia,serif;color:#fff2ce}.battle-center small{display:none}
.battle-exit{top:20px;right:24px;border-color:#bca568;background:#172120c9;border-radius:2px}.battle-announcement{top:25%;color:#ffe8a9;text-shadow:0 2px 16px #261b0d;letter-spacing:.12em}
.battle-controls{left:25px;right:25px;bottom:16px;transform:none;width:auto;display:grid;grid-template-columns:minmax(0,650px) 1fr;gap:8px 24px;padding:0;background:none;border:0;border-radius:0;box-shadow:none}
.battle-energy{grid-column:1;max-width:650px;margin:0;color:#eeddaa}.battle-energy small{color:#f3e7c9}.battle-energy>div{height:5px;background:#35403f}.battle-energy span{background:linear-gradient(90deg,#9d7939,#f4d389)}
.battle-abilities{grid-column:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.battle-abilities button{min-height:67px;display:flex;align-items:center;justify-content:center;gap:8px;padding:7px;color:#f5e7c7;background:#111a1ae0;border:1px solid #9c8557;border-radius:2px;text-align:left}.battle-abilities button:hover:not(:disabled){background:#304039;border-color:#f0cf85}.battle-abilities button:disabled{opacity:.45}.battle-abilities kbd{font:500 22px Georgia,serif;color:#e6c884}.battle-abilities span{font-size:12px;white-space:nowrap}.battle-abilities small{display:block;color:#bcae8c;font-size:9px;margin-top:4px}
.battle-keyboard{grid-column:2;grid-row:2;align-self:center;justify-content:flex-end;gap:7px 12px;color:#ebdfc9;font-size:11px;text-shadow:0 1px 4px #000}.battle-keyboard kbd{background:#192322bd;color:#ecd59d;box-shadow:none;border:1px solid #98804d;border-radius:2px;font-size:10px}.battle-tip{display:none}
.battle-result-card{background:linear-gradient(145deg,#2d3832,#131b1b);border-color:#d3ad60;box-shadow:0 12px 45px #06100cb5}.battle-loading{background:#1a2724e8}
@media(max-width:800px){.battle-fighter{top:10px;left:9px;width:37vw;padding-left:43px}.battle-fighter.enemy{bottom:166px;width:min(80vw,500px)}.battle-hud-portrait{width:30px;height:30px;left:5px;top:5px}.battle-center{top:8px}.battle-exit{top:8px;right:8px}.battle-controls{left:8px;right:8px;bottom:8px;display:block}.battle-energy{margin-bottom:5px}.battle-abilities button{min-height:51px;gap:4px;padding:4px}.battle-abilities kbd{font-size:16px}.battle-abilities span{font-size:9px}.battle-abilities small{font-size:8px}.battle-keyboard{justify-content:center;margin-top:7px;font-size:9px}}
@media(max-width:500px){.battle-fighter{width:43vw}.battle-fighter.enemy{bottom:151px;width:88vw}.battle-center strong{font-size:20px}.battle-abilities span{white-space:normal}.battle-keyboard{gap:3px 6px}.battle-keyboard span{font-size:8px}}
.pvp-open{border:1px solid #f0b90b;border-radius:9px;padding:10px 15px;background:#25251e;color:#f0b90b;font-weight:900}.pvp-open:hover{background:#423719}.pvp-modal{position:fixed;inset:0;z-index:55;display:grid;place-items:center;padding:15px;background:#090b0de8;backdrop-filter:blur(9px)}.pvp-card{width:min(970px,100%);max-height:92vh;overflow:auto;padding:24px;background:linear-gradient(145deg,#282b30,#14161a);border:2px solid #f0b90b;border-radius:16px;box-shadow:9px 9px 0 #08090b}.pvp-card header{display:flex;justify-content:space-between;align-items:start;gap:16px}.pvp-card h2{font-size:30px;margin:3px 0}.pvp-card p{color:#c9c5b6;margin:5px 0 0;font-size:13px}.pvp-challenge-form{display:flex;gap:9px;margin:22px 0}.pvp-challenge-form input{flex:1;min-width:0;background:#101215;border:1px solid #87713c;color:#fff;padding:12px 14px;border-radius:8px;outline:none}.pvp-challenge-form input:focus{border-color:#f0b90b}.pvp-lobby-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.pvp-lobby-grid section{border:1px solid #545047;border-radius:10px;padding:14px;background:#191b1f}.pvp-lobby-grid h3{display:flex;justify-content:space-between;margin:0 0 8px;color:#ffdc70;font-size:14px}.pvp-lobby-grid h3:not(:first-child){margin-top:20px}.pvp-lobby-grid small{display:block;margin-top:10px;color:#a9a8aa;font-size:11px;line-height:1.5}.pvp-list{display:grid;gap:6px}.pvp-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 10px;background:#292a2b;border-radius:7px;font-size:12px}.pvp-row strong{color:#f5efe2}.pvp-row small{margin:0;color:#bcb2a0}.pvp-row button{border:1px solid #f0b90b;border-radius:6px;background:#f0b90b;color:#151515;padding:6px 9px;font-weight:900}.pvp-empty{padding:13px;color:#aaa;font-size:12px}.pvp-own{font-weight:900;color:#f0b90b!important}.pvp-rank{font-weight:900;color:#f0b90b;min-width:24px}
@media(max-width:700px){.topbar-right{gap:5px}.pvp-open{font-size:10px;padding:7px 8px}.pvp-card{padding:15px}.pvp-card h2{font-size:22px}.pvp-challenge-form{display:grid}.pvp-lobby-grid{grid-template-columns:1fr;gap:10px}}
.map-event{background:#17191eea;border-color:#a8893e;box-shadow:4px 4px 0 #090a0b}.map-footer{background:#1d1f24;border-top-color:#947639;color:#bdb9ab}.map-hotspot .hotspot-ring{background:#25251edb}.map-hotspot .hotspot-label{background:#17191eee}.rules{background:#1c1f24;border-color:#6e674f;color:#ddd7c3}.key-result{background:#14161b;border-color:#8d783e}
.agent-id-open{border:1px solid #9a823d;border-radius:9px;padding:10px 13px;background:#26241c;color:#ffdc66;font-weight:800}.agent-id-open:hover{background:#3a321d}.agent-id-modal{position:fixed;inset:0;z-index:56;display:grid;place-items:center;padding:16px;background:#090b0de8;backdrop-filter:blur(9px)}.agent-id-card{position:relative;width:min(550px,100%);padding:29px;background:linear-gradient(145deg,#2c2e32,#17191e);border:2px solid #f0b90b;border-radius:16px;box-shadow:8px 8px 0 #08090b}.agent-id-card>.close-avatar{position:absolute;right:18px;top:18px}.agent-id-card h2{margin:8px 0 12px;font-size:26px}.agent-id-card p{color:#d4d0c5;line-height:1.6;font-size:13px}.agent-id-card .pvp-challenge-form{margin-bottom:10px}.agent-id-card small{color:#aeadab;font-size:11px;line-height:1.6}@media(max-width:700px){.agent-id-open{padding:7px 8px;font-size:10px}.agent-id-card{padding:20px}.agent-id-card h2{font-size:21px}}

.battle-touch{display:none}
.battle-eligibility{position:absolute;top:73px;left:50%;transform:translateX(-50%);padding:5px 12px;background:#101819cf;border:1px solid #8e7747;color:#e4d5ad;font-size:11px;font-weight:800;letter-spacing:.04em;white-space:nowrap;box-shadow:0 4px 12px #0005}.battle-eligibility.ready{border-color:#f0b90b;color:#f0b90b;background:#171a15eb}
@media(max-width:800px){.battle-fighter.enemy{bottom:255px}.battle-keyboard{display:none}.battle-touch{display:flex;justify-content:space-between;gap:12px;margin-top:9px;touch-action:none}.battle-touch button{min-width:48px;min-height:46px;background:#14201edb;border:1px solid #c2a565;color:#f6dfaa;font-size:16px;border-radius:5px;touch-action:none}.battle-dpad{text-align:center}.battle-dpad>div{display:flex;gap:3px}.battle-touch-actions{display:flex;gap:5px;align-items:end}.battle-touch-actions button{min-width:63px;font-size:13px}}
@media(min-width:801px){.battle-fighter.enemy{bottom:99px}}
@media(max-width:500px){.battle-fighter.enemy{bottom:251px}}
.reward-panel{grid-column:1/-1;background:linear-gradient(120deg,#22261f,#17191a);border-color:#9d7a31}.reward-panel h2{color:#f0b90b}.reward-panel small{display:block;margin-top:12px;color:#bdb7a8;font-size:11px}.reward-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.reward-actions .secondary-button{box-shadow:2px 2px 0 #5c4a19}.reward-panel .panel-heading>span:last-child{color:#f0b90b;font-size:11px;font-weight:800}
.signal-board{position:relative;display:grid;grid-template-columns:110px minmax(0,1fr) 175px;gap:18px;align-items:center;margin:18px 0 24px;padding:18px 22px;overflow:hidden;background:linear-gradient(110deg,#25251d,#181b1d 52%,#20221c);border:1px solid #98772d;border-radius:13px;box-shadow:0 12px 30px #0005}.signal-board[hidden]{display:none}.signal-orbit{position:relative;display:grid;place-items:center;width:94px;height:94px;border:2px solid #c7972a;border-radius:50%;box-shadow:inset 0 0 0 8px #20221a,0 0 30px #e8b8373a;animation:signal-spin 8s linear infinite}.signal-orbit:before,.signal-orbit:after{content:'';position:absolute;width:7px;height:7px;background:#ffe78c;border-radius:50%;transform:translateY(-45px)}.signal-orbit:after{transform:translateY(45px)}.signal-orbit span{font-size:38px;color:#f0b90b;animation:signal-spin 8s linear infinite reverse}@keyframes signal-spin{to{transform:rotate(360deg)}}.signal-content{min-width:0}.signal-heading{display:flex;justify-content:space-between;align-items:center;color:#f0b90b}.signal-heading strong{font:700 18px Georgia,serif}.signal-content h2{margin:4px 0;color:#ffe7a1;font-size:21px}.signal-content p{margin:0 0 11px;color:#d6d1be;font-size:13px;line-height:1.45}.signal-options{display:flex;gap:8px;flex-wrap:wrap}.signal-option{display:flex;align-items:center;gap:9px;min-width:112px;padding:8px 11px;border:1px solid #897644;border-radius:6px;background:#2b2b25;color:#f7edce;cursor:pointer}.signal-option:hover:not(:disabled){border-color:#ffda65;background:#493e21}.signal-option b{display:grid;place-items:center;width:21px;height:21px;border-radius:4px;background:#f0b90b;color:#17191a}.signal-option:disabled{cursor:default;opacity:.65}.signal-option.is-correct{border-color:#f0b90b;background:#4a3d1d;opacity:1}.signal-option.is-wrong{border-color:#a45b62;background:#432c2d;opacity:1}.signal-progress{height:3px;margin-top:11px;background:#444134}.signal-progress span{display:block;height:100%;background:linear-gradient(90deg,#8d6b26,#ffdf6c);transition:width .4s}.signal-meta{display:flex;justify-content:space-between;gap:10px;margin-top:8px;color:#bdb8aa;font-size:11px}.signal-meta b{color:#f0b90b;white-space:nowrap}.signal-meta .success{color:#ffda66}.signal-rank{align-self:stretch;border-left:1px solid #655633;padding-left:15px}.signal-rank small{color:#f0b90b;font-weight:800}.signal-rank>div{display:grid;gap:5px;margin-top:11px;color:#d5c9a7;font-size:11px}.signal-rank span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:850px){.signal-board{grid-template-columns:70px minmax(0,1fr);padding:14px;gap:10px}.signal-orbit{width:58px;height:58px}.signal-orbit span{font-size:26px}.signal-orbit:before{transform:translateY(-27px)}.signal-orbit:after{transform:translateY(27px)}.signal-rank{display:none}}@media(max-width:560px){.signal-board{display:block}.signal-orbit{display:none}.signal-content h2{font-size:18px}.signal-option{min-width:0;flex:1;justify-content:center;padding:7px 4px;font-size:11px}.signal-content p{font-size:12px}}
.pair-prompt{overflow-wrap:anywhere;margin:16px 0 12px;padding:15px;background:#141719;border:1px solid #75632e;border-radius:8px;color:#ffe39a;font-size:13px;line-height:1.6}.pair-status{color:#f0b90b!important;font-weight:700}.viewer-fallback{margin:14px 0;color:#bfb8a7;font-size:12px}.viewer-fallback summary{cursor:pointer}.viewer-fallback .pvp-challenge-form{margin:10px 0 0}.viewer-fallback input{text-transform:uppercase}@media(max-width:700px){#viewer-open{font-size:10px;padding:7px 8px}.pair-prompt{font-size:11px;padding:10px}}
.agent-advanced{margin-top:15px;padding-top:10px;border-top:1px solid #715e31;color:#c5bdac;font-size:11px}.agent-advanced>summary{cursor:pointer;color:#f0b90b}.agent-advanced>p{margin-top:10px!important}
#pair-local-note{display:block;margin-bottom:8px;color:#e2b95a}
.creator-fees{margin-top:18px;padding:14px 16px;background:#12191add;border:1px solid #79632d;border-radius:9px;color:#e6d7ac}.creator-fees summary{cursor:pointer;color:#f0b90b;font-weight:800;letter-spacing:.02em}.creator-fees p{margin:12px 0 0;color:#f4e8c8;line-height:1.55}.creator-fee-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}.creator-fee-actions button{min-height:36px}.creator-fee-actions button:disabled{opacity:.46;cursor:default}.creator-fees small{line-height:1.55}
.creator-fee-day-label{display:flex;align-items:center;gap:9px;margin-top:12px;color:#d4c398;font-size:11px}.creator-fee-day-label input{padding:7px 9px;border:1px solid #79632d;border-radius:5px;background:#1e2423;color:#f4e8c8;color-scheme:dark}
.battle-music{position:absolute;z-index:4;top:20px;right:150px;min-height:31px;padding:5px 10px;border:1px solid #bca568;border-radius:2px;background:#172120d9;color:#f4e5bf;font-size:11px;font-weight:700}.battle-music[aria-pressed="true"]{border-color:#f0b90b;color:#ffdf74}.battle-music:hover{background:#2a352e}
@media(max-width:800px){.battle-music{top:8px;right:49px}}
.battle-fighter.enemy{padding-right:76px}.battle-fighter.enemy .battle-hud-portrait{display:block;left:auto;right:13px;top:8px;width:47px;height:47px;border-color:#c8ac6d}
@media(max-width:700px){.battle-fighter.enemy{padding-right:48px}.battle-fighter.enemy .battle-hud-portrait{right:7px;top:5px;width:32px;height:32px}}
.opponent-pick button{display:flex;align-items:center;gap:6px;min-height:48px;text-align:left}.opponent-face{display:block;flex:0 0 30px;width:30px;height:34px;border:1px solid #9b8558;border-radius:3px;background-color:#28252a;background-repeat:no-repeat}.face-cz,.face-heyi,.face-sbf,.face-musk{background-image:url('/figures-sheet.png');background-size:800% auto;background-position-y:top}.face-cz{background-position-x:6.5%}.face-heyi{background-position-x:35%}.face-sbf{background-position-x:64%}.face-musk{background-position-x:92%}.face-jensen{background-image:url('/portrait-jensen.png');background-size:cover;background-position:center 12%}.face-vitalik{background-image:url('/portrait-vitalik.png');background-size:cover;background-position:center 12%}.face-trump{background-image:url('/portrait-trump.png');background-size:cover;background-position:center 12%}