:root{font-family:"Trebuchet MS",system-ui,sans-serif;color:#fff;background:#101712;--ink:#17211b;--cream:#f6e7bd;--gold:#f7c94b;--coral:#ef6a5b;--mint:#78cfa0;--panel:#17211bef}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#101712;overflow:hidden}button,input,select{font:inherit}button{border:0;cursor:pointer}.hidden{display:none!important}.welcome{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:6vw;padding:clamp(25px,7vw,100px);background:linear-gradient(#15231bcc,#15231bcc),repeating-linear-gradient(90deg,#1b3124 0 32px,#203829 32px 64px);position:relative}.welcome:after{content:"";position:absolute;inset:auto 0 0;height:23%;background:linear-gradient(150deg,transparent 49%,#314c37 50%) 0 0/70px 70px}.hero,.join-card{position:relative;z-index:1}.eyebrow{font-size:12px;letter-spacing:3px;color:var(--gold);font-weight:900}.hero h1{font-size:clamp(48px,8vw,110px);line-height:.85;margin:20px 0;text-transform:uppercase;letter-spacing:-5px;text-shadow:6px 6px #0a100c}.hero h1 span{color:var(--gold)}.hero p{font-size:18px;max-width:620px;color:#c8d5ca;line-height:1.6}.panel{background:var(--panel);border:3px solid #36513e;box-shadow:0 18px 50px #070a08aa,6px 6px 0 #0b100d;border-radius:6px}.join-card{padding:28px;display:grid;grid-template-columns:120px 1fr;gap:22px}.avatar-preview{height:160px;background:#263a2c;border:2px solid #4f7359;image-rendering:pixelated;position:relative}.avatar-preview canvas{width:100%;height:100%;image-rendering:pixelated}.join-card label{display:block;color:#b8c9bc;font-size:12px;text-transform:uppercase;letter-spacing:1px;font-weight:900}.join-card input,.join-card select{width:100%;background:#0d1510;color:#fff;border:2px solid #3d5b46;padding:12px;margin:6px 0 14px;outline:none}.join-card input:focus,.join-card select:focus{border-color:var(--gold)}.customizer{display:grid;grid-template-columns:1fr 1fr;gap:10px}.join-actions button,.dialog-actions button,.game-card button,.shop-item button{padding:12px 15px;background:#38503e;color:white;border:2px solid #58745f;font-weight:900}.join-actions .primary{background:var(--gold);color:#251e08;border-color:#ffe693;width:100%}.join-row{display:grid;grid-template-columns:1fr auto;gap:8px}.join-row button{margin:6px 0 14px}.hint{font-size:12px;color:#91a595}.error{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:5;color:#ffb7ae}.game{height:100vh;width:100vw;position:relative;background:#0c130e}.game canvas{width:100%;height:100%;display:block;image-rendering:pixelated}.hud{position:absolute;background:#142018e8;border:2px solid #46614d;box-shadow:4px 4px #08100a;z-index:3}.hud-top{left:16px;right:16px;top:14px;height:48px;display:flex;align-items:center;padding:0 14px;gap:15px}.brand{letter-spacing:1px}.brand-dot{display:inline-block;width:10px;height:10px;background:var(--gold);margin-right:8px;box-shadow:0 0 0 3px #594b1d}.room{margin-left:auto;font-size:12px;color:#adbdaf;letter-spacing:1px}.icon-button{background:#2b3f31;color:#fff;width:30px;height:30px}.status-panel{left:16px;top:78px;padding:10px;display:flex;gap:8px;align-items:center}.status-panel>div{padding:6px 8px}.status-panel button{background:#2c4132;color:#fff;padding:9px 12px}.coin{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:50%;background:var(--gold);color:#2d250c;font-weight:900}.interaction-hint{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);z-index:4;background:#111d16e8;border:2px solid #68816e;padding:10px 15px;display:flex;align-items:center;gap:10px;font-weight:900}.interaction-hint kbd{background:var(--cream);color:#1c241e;padding:6px 9px;box-shadow:3px 3px #6e674f}.toast{position:absolute;top:80px;left:50%;transform:translateX(-50%);z-index:9;background:#2a382e;border:2px solid var(--gold);padding:10px 18px;box-shadow:4px 4px #0b110d}.dialog{position:absolute;z-index:7;left:50%;bottom:24px;transform:translateX(-50%);width:min(760px,calc(100% - 28px));min-height:145px;background:#f8ebc8;color:#20261f;border:5px solid #2b382e;box-shadow:0 0 0 3px #f7c94b,8px 8px #0b110d;display:grid;grid-template-columns:100px 1fr;gap:18px;padding:17px}.portrait{background:#385345;border:3px solid #192a20;min-height:100px}.speaker{font-weight:1000;color:#8e3d35;text-transform:uppercase;letter-spacing:1px}.dialog p{margin:7px 0 12px;line-height:1.5}.dialog-actions{display:flex;gap:8px;flex-wrap:wrap}.dialog-actions button{background:#26392d;color:#fff}.close{position:absolute;right:10px;top:8px;background:transparent;color:inherit;font-size:28px;z-index:2}.overlay{position:absolute;inset:0;background:#09100bcc;z-index:6;display:grid;place-items:center;padding:20px}.overlay-card{position:relative;width:min(860px,100%);max-height:88vh;overflow:auto;padding:28px}.overlay-card h2{margin-top:0;color:var(--gold);text-transform:uppercase}.inventory-grid,.shop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.item,.shop-item{background:#26372b;border:2px solid #3f5947;padding:14px}.item h3,.shop-item h3{font-size:15px;margin:0 0 5px;color:#ffe18a}.item p,.shop-item p{font-size:12px;color:#b9c8bc;min-height:34px}.price{color:var(--gold);font-weight:900}.map{position:relative;aspect-ratio:1.6;background:#86a85d;border:5px solid #d6c48a}.map .road-h{position:absolute;left:0;right:0;top:46%;height:19%;background:#d4bc84}.map .road-v{position:absolute;top:0;bottom:0;left:46%;width:9%;background:#d4bc84}.map .map-building{position:absolute;width:17%;height:18%;top:8%;background:#b45e4d;border:3px solid #633832;font-size:10px;padding:5px}.game-card{background:#1a241d;border-color:#b48c3d}.game-card .listing{background:#f5e8c6;color:#222;border:4px solid #ad663c;padding:20px;margin:14px 0}.game-card h2{color:var(--gold)}.game-card p{line-height:1.5}.game-card .option{display:block;width:100%;margin:8px 0;text-align:left}.players-row{display:flex;gap:8px;flex-wrap:wrap}.player-pill{background:#304336;padding:8px 10px}.chat-log{max-height:180px;overflow:auto;background:#0e1711;padding:10px}.bubble{background:#2a3a2f;margin:7px 0;padding:8px}.chat-form{display:flex;gap:8px;margin-top:8px}.chat-form input{flex:1;padding:10px;background:#0e1711;border:2px solid #47604e;color:#fff}.score-line{display:flex;justify-content:space-between;border-bottom:1px solid #3d5143;padding:8px}.touch-controls{display:none}.joystick{position:absolute}.touch-action{position:absolute}.minimap-pin{position:absolute;width:10px;height:10px;background:#f5d14d;border:2px solid #fff;border-radius:50%;transform:translate(-50%,-50%)}
@media(max-width:800px){.welcome{grid-template-columns:1fr;padding:22px;overflow:auto;align-content:start}.hero h1{font-size:50px;letter-spacing:-3px}.hero p{font-size:14px}.join-card{grid-template-columns:75px 1fr;padding:18px}.avatar-preview{height:110px}.hud-top{left:8px;right:8px;top:8px}.brand b{font-size:12px}.status-panel{left:8px;top:68px}.status-panel #mapButton{display:none}.touch-controls{display:block;position:absolute;inset:0;pointer-events:none;z-index:4}.joystick{left:26px;bottom:30px;width:116px;height:116px;border-radius:50%;background:#13201899;border:3px solid #ffffff66;pointer-events:auto;touch-action:none}.stick{position:absolute;left:33px;top:33px;width:48px;height:48px;border-radius:50%;background:#dce9dd99;border:2px solid #fff}.touch-action{right:32px;bottom:47px;width:74px;height:74px;border-radius:50%;background:#e7b842cc;border:4px solid #fff4a7;color:#342a0b;font-size:26px;font-weight:1000;pointer-events:auto}.interaction-hint{display:none}.dialog{bottom:12px;grid-template-columns:64px 1fr;min-height:120px;padding:12px}.portrait{min-height:64px}.overlay{padding:8px}.overlay-card{padding:20px 14px;max-height:94vh}.customizer{grid-template-columns:1fr}.room{font-size:10px}}
.status-panel #voiceButton[aria-pressed="true"]{background:#8f3f48;border-color:#ef8a91}.timer{display:inline-grid;place-items:center;min-width:54px;padding:8px 10px;background:#0d1710;border:2px solid #b9913d;color:#ffe18a;font-weight:1000;float:right}.source-link{display:inline-block;margin:8px 0;color:#ffe18a;text-decoration:underline}.online-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#73d68f;margin-right:5px}.online-dot.offline{background:#718078}
.capital-button{width:100%;display:grid;grid-template-columns:46px 1fr;grid-template-rows:auto auto;text-align:left;align-items:center;background:linear-gradient(135deg,#f3c64d,#e9983d)!important;color:#241c08!important;border:3px solid #fff0a4!important;padding:13px 16px!important;box-shadow:0 5px 0 #7d5423;margin-bottom:18px}.capital-button>span{grid-row:1/3;font-size:30px}.capital-button strong{font-size:16px;text-transform:uppercase;letter-spacing:.5px}.capital-button small{color:#5d451b}.room-divider{display:flex;align-items:center;gap:10px;color:#7f9584;font-size:10px;text-transform:uppercase;letter-spacing:1px;margin:8px 0 13px}.room-divider:before,.room-divider:after{content:"";height:1px;background:#38503e;flex:1}.game:fullscreen,.game:-webkit-full-screen{width:100vw;height:100vh}.game:fullscreen canvas,.game:-webkit-full-screen canvas{width:100vw;height:100vh}.hud{backdrop-filter:blur(5px)}
@media(max-width:800px){.status-panel{max-width:calc(100vw - 16px);flex-wrap:wrap}.status-panel button{font-size:11px;padding:8px}.status-panel #voiceButton{display:block}.join-card{margin-bottom:35px}.capital-button{grid-template-columns:38px 1fr}.capital-button>span{font-size:24px}}
:fullscreen .game{width:100vw;height:100vh}:fullscreen .game canvas{width:100vw;height:100vh}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
html,body{width:100%;height:100%;max-width:100%;overscroll-behavior:none}body{position:fixed;inset:0}.welcome{height:var(--app-height,100dvh);overflow:auto}.game{position:fixed;inset:0;width:100dvw;height:var(--app-height,100dvh);max-width:none;max-height:none;overflow:hidden;touch-action:none}.game canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}.hud-top{top:max(10px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right))}.status-panel{left:max(10px,env(safe-area-inset-left));top:calc(max(10px,env(safe-area-inset-top)) + 62px)}.dialog{bottom:max(18px,env(safe-area-inset-bottom))}.joystick{left:max(26px,env(safe-area-inset-left))!important;bottom:max(30px,env(safe-area-inset-bottom))!important}.touch-action{right:max(32px,env(safe-area-inset-right))!important;bottom:max(47px,calc(env(safe-area-inset-bottom) + 17px))!important}
@media(hover:none) and (pointer:coarse){.touch-controls{display:block;position:absolute;inset:0;pointer-events:none;z-index:4}.joystick{width:116px;height:116px;border-radius:50%;background:#13201899;border:3px solid #ffffff66;pointer-events:auto;touch-action:none}.stick{position:absolute;left:33px;top:33px;width:48px;height:48px;border-radius:50%;background:#dce9dd99;border:2px solid #fff}.touch-action{width:74px;height:74px;border-radius:50%;background:#e7b842dd;border:4px solid #fff4a7;color:#342a0b;font-size:26px;font-weight:1000;pointer-events:auto}.interaction-hint{display:none}}
@media(min-width:1600px){.hud-top{height:56px;padding:0 18px}.brand{font-size:17px}.room{font-size:14px}.status-panel{top:80px;font-size:15px}.status-panel button{padding:11px 15px}.dialog{width:min(920px,calc(100% - 50px));font-size:17px}.overlay-card{width:min(1040px,100%)}}
@media(max-width:600px){.hud-top{height:44px;padding:0 8px;gap:7px}.brand-dot{width:7px;height:7px;margin-right:4px}.brand b{font-size:10px}.room{font-size:9px;letter-spacing:0}.icon-button{width:28px;height:28px;padding:0}.status-panel{top:58px;padding:6px;gap:4px;right:auto}.status-panel>div{padding:4px 5px}.status-panel button{font-size:10px;padding:7px 8px}.status-panel #mapButton{display:none}.dialog{width:calc(100% - 18px);max-height:48dvh;overflow:auto}.toast{top:112px;max-width:calc(100% - 24px);text-align:center}.joystick{transform:scale(.9);transform-origin:left bottom}.touch-action{transform:scale(.9);transform-origin:right bottom}}
@media(max-height:520px) and (orientation:landscape){.hud-top{height:40px}.brand{display:none}.status-panel{top:54px;padding:4px}.status-panel button{padding:6px 7px}.joystick{transform:scale(.72);transform-origin:left bottom}.touch-action{transform:scale(.72);transform-origin:right bottom}.dialog{bottom:8px;max-height:56dvh;min-height:96px}.portrait{display:none}.dialog{grid-template-columns:1fr}.interaction-hint{bottom:12px}}
.logout-button{background:#522f32!important;color:#ffb4ac!important}.logout-button:hover{background:#783c40!important}.logout-button:disabled{opacity:.45}.room #playerCount{color:#83d69b;font-weight:900}
.trade-section{margin-top:24px;padding-top:20px;border-top:3px solid #48614f}.trade-heading{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:12px}.trade-heading h3{font-size:24px;margin:4px 0 0;color:#fff}.trade-heading>span{font-size:11px;color:#9eb1a2}.trade-partners{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#101a13;padding:12px;margin:12px 0}.trade-partners>b{margin-right:5px}.trade-partners button,.trade-offer button,#tradeForm button{padding:9px 12px;background:#38503e;color:#fff;border:2px solid #58745f;font-weight:900}.trade-partners button.selected{background:var(--gold);border-color:#ffe99c;color:#2b2208}.trade-empty{background:#1f3025;border:1px dashed #617866;padding:12px;color:#b7c8ba}.trade-offers{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:9px;margin:12px 0}.trade-offer{background:#24352a;border:2px solid #49614f;padding:12px}.trade-offer.incoming{border-color:var(--gold);box-shadow:inset 4px 0 var(--gold)}.trade-offer b{color:#ffe294}.trade-offer p{margin:7px 0;font-size:12px}.trade-offer p span{color:#83d69b;font-weight:900}.trade-offer .secondary{background:#4b3435;border-color:#805051;margin-left:5px}#tradeForm{background:#111b14;border:2px solid #4d6653;padding:15px}#tradeForm h4{font-size:18px;margin:0 0 12px;color:#ffe294}.trade-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.trade-columns fieldset{min-width:0;border:2px solid #3c5544;padding:10px}.trade-columns legend{color:var(--gold);font-weight:900;padding:0 6px}.trade-columns label{display:grid;grid-template-columns:1fr 72px;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid #2c4033;font-size:12px}.trade-columns label span{font-weight:900}.trade-columns label small{display:block;color:#91a696;font-weight:400}.trade-quantity{width:100%;padding:8px;background:#09110c;color:#fff;border:2px solid #49614f;text-align:center}.trade-quantity:focus{outline:none;border-color:var(--gold)}#tradeForm .primary{background:var(--gold);border-color:#ffed9f;color:#2a2107}#tradeForm button:disabled{opacity:.45}
.room-info{position:absolute;z-index:3;right:max(10px,env(safe-area-inset-right));top:calc(max(10px,env(safe-area-inset-top)) + 62px);width:min(370px,calc(100vw - 20px));background:#152219f2;border:2px solid #5f765f;box-shadow:6px 6px #07100a;backdrop-filter:blur(7px)}.room-info-head{width:100%;display:grid;grid-template-columns:42px 1fr 24px;gap:10px;align-items:center;text-align:left;padding:11px 12px;background:linear-gradient(90deg,#2d4434,#203328);color:#fff;border-bottom:1px solid #4d6653}.room-info-head small{display:block;color:var(--gold);font-size:9px;letter-spacing:1.3px;font-weight:900}.room-info-head b{display:block;margin-top:2px;font-size:15px}.room-info-head i{font-style:normal;font-size:22px;color:#ffe18a;text-align:center}.room-info-icon{display:grid;place-items:center;width:38px;height:38px;background:#0d1710;border:2px solid #607661;font-size:21px}.room-info-body{padding:12px 15px 14px;color:#d2ddd4;font-size:12px;line-height:1.45}.room-info-body p{margin:0 0 8px;color:#fff}.room-info-body ol{margin:8px 0 12px;padding-left:22px}.room-info-body li{margin:5px 0;padding-left:3px}.room-info-body li::marker{color:var(--gold);font-weight:900}.room-info-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.room-info-meta span{background:#293d30;padding:6px 8px;color:#ffe9a7;font-weight:900}.room-info-tip{display:block;border-top:1px solid #3b5141;padding-top:9px;color:#9fc5aa}.room-info-paused{display:block;background:#5b3034;color:#ffc0b8;padding:8px}
.karaoke-cast{display:grid;grid-template-columns:1fr 1fr;gap:10px}.karaoke-cast p,.stage-direction{background:#26382d;border-left:4px solid var(--gold);padding:12px;margin:8px 0}.stage-direction{color:#ffe7a0;font-style:italic}.karaoke-script{background:#0d1610;border:2px solid #455e4c;padding:10px 14px;max-height:260px;overflow:auto}.karaoke-script p{margin:6px 0;padding:7px 10px;background:#213027}.karaoke-script p:nth-child(even){margin-left:30px;background:#302a3b}
.admin-body{position:static;overflow:auto;min-height:100%;height:auto;background:linear-gradient(#101812ee,#101812ee),repeating-linear-gradient(90deg,#1b3124 0 32px,#203829 32px 64px)}.admin-shell{width:min(1380px,calc(100% - 32px));margin:0 auto;padding:32px 0 110px}.admin-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.admin-header h1{font-size:clamp(34px,5vw,64px);margin:7px 0;color:var(--gold);text-transform:uppercase}.admin-header-actions{display:flex;gap:8px}.button-link,.admin-header button,.admin-tabs button,.admin-savebar button,.admin-section-head button,.admin-card button,.admin-login button{display:inline-block;padding:11px 14px;background:#314637;border:2px solid #58745f;color:#fff;text-decoration:none;font-weight:900}.admin-login{width:min(480px,100%);padding:28px}.admin-login form{display:grid;gap:9px}.admin-login input,.admin-card input,.admin-card textarea{width:100%;background:#0d1510;color:#fff;border:2px solid #3d5b46;padding:11px;outline:none}.admin-login input:focus,.admin-card input:focus,.admin-card textarea:focus{border-color:var(--gold)}.admin-login .primary,.admin-savebar .primary{background:var(--gold);color:#251e08;border-color:#ffe693}.admin-tabs{display:flex;gap:7px;overflow:auto;margin-bottom:18px}.admin-tabs button.active{background:var(--gold);color:#271f09;border-color:#ffec9a}.admin-editor{min-height:55vh}.admin-section-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin:20px 0}.admin-section-head h2{font-size:30px;margin:0;color:#fff}.admin-section-head p{color:#9fb1a3;margin:5px 0}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.admin-stack{display:grid;gap:14px}.admin-card{background:#17231bd9;border:2px solid #3c5745;padding:18px;box-shadow:5px 5px #08100a}.admin-card-wide{width:100%}.admin-card label{display:grid;gap:6px;color:#b8c9bc;font-size:12px;text-transform:uppercase;letter-spacing:.7px;font-weight:900;margin-top:12px}.admin-card textarea{resize:vertical;min-height:84px;font:inherit;text-transform:none}.admin-card-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.admin-card-title h3{margin:0;color:#ffe18a}.admin-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.admin-three{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.admin-badge{background:#314637;color:#ffe18a;padding:6px 9px;font-size:11px;font-weight:900;text-transform:uppercase}.admin-card .danger{background:#522f32;border-color:#8b4b50;color:#ffc2ba}.small{padding:7px 9px!important;font-size:12px}.switch{display:flex!important;grid-auto-flow:column;align-items:center;gap:7px!important;margin:0!important}.switch input{width:18px;height:18px;margin:0}.admin-savebar{position:fixed;z-index:20;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px max(20px,calc((100vw - 1380px)/2));background:#101912f5;border-top:2px solid #45604c;box-shadow:0 -8px 30px #0008}.admin-savebar span{color:#b6c5b9}.admin-savebar button:disabled{opacity:.5}
@media(max-width:760px){.karaoke-cast,.admin-two,.admin-three{grid-template-columns:1fr}.admin-shell{width:min(100% - 20px,1380px);padding-top:14px}.admin-header{align-items:flex-start}.admin-header h1{font-size:32px}.admin-header-actions{flex-direction:column}.admin-tabs{position:sticky;top:0;z-index:10;background:#101812;padding:8px 0}.admin-section-head{align-items:flex-start;flex-direction:column}.admin-savebar{padding:10px;align-items:stretch;flex-direction:column}.admin-savebar button{width:100%}}
@media(max-width:760px){.room-info{top:112px;right:8px;width:min(340px,calc(100vw - 16px));max-height:calc(100dvh - 220px);overflow:auto}.room-info-head{position:sticky;top:0;z-index:1}.room-info-body{font-size:11px}.room-info-meta{display:grid;grid-template-columns:1fr}}
@media(max-width:760px){.trade-heading{align-items:flex-start;flex-direction:column}.trade-columns{grid-template-columns:1fr}.trade-offers{grid-template-columns:1fr}.trade-columns label{grid-template-columns:1fr 64px}}
@media(max-height:560px) and (orientation:landscape){.room-info{top:52px;width:320px;max-height:calc(100dvh - 62px);overflow:auto}.room-info-head{padding:7px 9px}.room-info-body{padding:8px 11px}.room-info-body li{margin:2px 0}}
.customizer input[type=color]{height:46px;padding:4px;cursor:pointer}.game-invite{background:#203329;border:2px solid var(--gold);padding:18px;margin:15px 0}.game-invite-actions{display:flex;gap:10px;flex-wrap:wrap}.game-invite-actions .reject{background:#563538;border-color:#8a5558}.trade-offer.awaiting-sender{border-color:#78cfa0;box-shadow:inset 4px 0 #78cfa0}.trade-confirm-note{color:#ffe294;font-weight:900}

/* Visuelles Upgrade: mehr Tiefe, Licht und klare Touch-Flächen. */
:root{--glass:#15241de8;--edge:#77907d66;--glow:#f7c94b2e}body{background:radial-gradient(circle at 50% 20%,#284433 0,#101712 55%,#080d0a 100%)}
.welcome{background:radial-gradient(circle at 18% 20%,#31543b99 0,transparent 38%),linear-gradient(135deg,#111e16ed,#17281ded),repeating-linear-gradient(90deg,#1b3124 0 32px,#203829 32px 64px)}
.welcome:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 44%,#f7c94b0d 44% 48%,transparent 48%),radial-gradient(circle at 82% 14%,#f7c94b20 0 2px,transparent 3px) 0 0/38px 38px;mix-blend-mode:screen}
.hero h1{filter:drop-shadow(0 12px 20px #0007)}.hero p{color:#dce8de}.panel{background:linear-gradient(145deg,#1d3025f5,#111c16f5);border-color:#58745f;box-shadow:0 24px 70px #0009,0 0 0 1px var(--edge) inset,8px 8px 0 #080d0a}
.join-card{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.avatar-preview{background:radial-gradient(circle at 50% 35%,#42634b,#1b2b21 70%);border-color:#719077;box-shadow:inset 0 0 30px #0006,0 8px 22px #0005}
button{transition:transform .14s ease,filter .14s ease,background .14s ease;touch-action:manipulation}button:not(:disabled):hover{filter:brightness(1.12)}button:not(:disabled):active{transform:translateY(2px) scale(.985)}
.hud{background:linear-gradient(135deg,#192b21ee,#101b15e8);border-color:#617b68;box-shadow:0 10px 28px #0008,0 0 0 1px #ffffff12 inset}.hud-top{border-radius:8px}.status-panel{border-radius:8px}.brand-dot{border-radius:50%;box-shadow:0 0 0 3px #594b1d,0 0 18px #f7c94b}
.game canvas{filter:saturate(1.08) contrast(1.03)}.overlay-card{animation:panel-in .18s ease-out}.dialog{animation:dialog-in .18s ease-out}.toast{border-radius:6px;box-shadow:0 12px 35px #0009;animation:toast-in .2s ease-out}.interaction-hint{border-radius:7px;box-shadow:0 10px 30px #0008;animation:hint-pulse 2s ease-in-out infinite}
@keyframes panel-in{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}@keyframes dialog-in{from{opacity:0;transform:translate(-50%,12px) scale(.985)}to{opacity:1;transform:translate(-50%,0)}}@keyframes toast-in{from{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%,0)}}@keyframes hint-pulse{50%{box-shadow:0 10px 34px #0009,0 0 18px var(--glow)}}
.install-app{width:100%;display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;align-items:center;text-align:left;margin:0 0 14px;padding:11px 14px;background:#233b2c;color:#fff;border:2px solid #78a485}.install-app>span{grid-row:1/3;font-size:26px;color:var(--gold)}.install-app strong{font-size:14px}.install-app small{color:#aec4b4}
.pwa-dialog{width:min(620px,calc(100% - 24px));padding:28px;background:linear-gradient(145deg,#1c3024,#101a14);color:#fff;border:3px solid #6d8b74;border-radius:10px;box-shadow:0 28px 90px #000c;grid-template-columns:120px 1fr;gap:24px}.pwa-dialog[open]{display:grid;animation:dialog-pop .2s ease-out}.pwa-dialog::backdrop{background:#050a07d9;backdrop-filter:blur(5px)}.pwa-dialog h2{color:var(--gold);margin:8px 34px 12px 0}.pwa-dialog ol{padding-left:20px;line-height:1.7}.app-icon-preview img{display:block;width:120px;height:120px;border-radius:25%;box-shadow:0 12px 30px #0008}.is-standalone body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}
@keyframes dialog-pop{from{opacity:0;transform:scale(.94) translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:600px){.pwa-dialog[open]{grid-template-columns:70px 1fr;padding:20px;gap:14px}.app-icon-preview img{width:70px;height:70px}.pwa-dialog h2{font-size:20px}.welcome{padding-top:max(22px,env(safe-area-inset-top));padding-bottom:max(22px,env(safe-area-inset-bottom))}.hud-top{top:max(8px,env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right))}.status-panel{left:max(8px,env(safe-area-inset-left))}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Mobile Charakterauswahl: keine ovalen nativen Farbfelder. */
.customizer .wide-option{grid-column:auto}.customizer .color-option{min-width:0}.customizer input[type=color]{-webkit-appearance:none;appearance:none;display:block;width:100%;height:46px;min-height:46px;margin:6px 0 14px;padding:4px;border:2px solid #557260;border-radius:7px;background:#0d1510;overflow:hidden}.customizer input[type=color]::-webkit-color-swatch-wrapper{padding:0}.customizer input[type=color]::-webkit-color-swatch{border:0;border-radius:3px}.customizer input[type=color]::-moz-color-swatch{border:0;border-radius:3px}
#saleForm{margin-top:14px;background:#15251b;border:2px solid #5a765f;padding:15px}#saleForm h4{font-size:18px;color:#8fe0ac;margin:0 0 7px}#saleForm>p{font-size:12px;color:#aec1b2}.sale-fields{display:grid;grid-template-columns:minmax(180px,2fr) minmax(90px,.7fr) minmax(120px,1fr);gap:10px;margin:12px 0}.sale-fields label{display:grid;gap:6px;color:#c2d1c5;font-size:11px;text-transform:uppercase;font-weight:900}.sale-fields input,.sale-fields select{width:100%;min-width:0;padding:10px;background:#09110c;color:#fff;border:2px solid #49614f}.sale-fields input:focus,.sale-fields select:focus{outline:none;border-color:var(--gold)}#saleForm .primary{background:#78cfa0;color:#102218;border-color:#baf2d0;font-weight:900}.sale-offer{border-color:#78cfa0}.sale-offer p span{color:#8fe0ac}

/* HUD und Raumhilfe haben auf Handy/Tablet getrennte Zonen. */
@media(max-width:1024px){.status-panel{right:max(10px,env(safe-area-inset-right));max-width:none;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:none}.status-panel::-webkit-scrollbar{display:none}.status-panel>*{flex:0 0 auto}.room-info{top:calc(max(10px,env(safe-area-inset-top)) + 122px);z-index:4}.customizer{grid-template-columns:repeat(2,minmax(0,1fr))}.customizer .wide-option{grid-column:span 2}}
@media(max-width:600px){.join-card{grid-template-columns:74px minmax(0,1fr);gap:12px}.customizer{gap:7px}.customizer input[type=color]{height:42px;min-height:42px}.status-panel{top:calc(max(8px,env(safe-area-inset-top)) + 50px);padding:5px;gap:4px}.room-info{top:calc(max(8px,env(safe-area-inset-top)) + 104px);right:max(8px,env(safe-area-inset-right));max-height:min(44dvh,390px)}.sale-fields{grid-template-columns:1fr 1fr}.sale-fields label:first-child{grid-column:1/-1}}
@media(max-width:390px){.join-card{grid-template-columns:1fr}.avatar-preview{width:96px;height:118px;justify-self:center}.hero h1{font-size:42px}.customizer .color-option{font-size:10px;letter-spacing:.4px}}
@media(max-height:560px) and (orientation:landscape){.status-panel{top:calc(max(8px,env(safe-area-inset-top)) + 44px);right:auto;max-width:calc(100vw - 338px)}.room-info{top:calc(max(8px,env(safe-area-inset-top)) + 44px);right:max(8px,env(safe-area-inset-right));width:310px;max-height:calc(100dvh - 62px)}.room-info-body{max-height:calc(100dvh - 112px);overflow:auto}}

@media(max-width:1100px){.welcome{grid-template-columns:minmax(0,1fr);align-content:start;gap:28px;padding:clamp(22px,5vw,52px);overflow:auto}.hero{width:min(720px,100%);margin-inline:auto}.join-card{width:min(680px,100%);max-width:100%;justify-self:center}.join-card>div{min-width:0}.hero h1{overflow-wrap:anywhere}}
@media(max-width:600px){.welcome{gap:18px;padding-inline:16px}.hero h1{font-size:clamp(30px,9vw,42px);letter-spacing:-2px;line-height:.9}.hero p{font-size:13px}.join-card{grid-template-columns:minmax(0,1fr);padding:16px}.avatar-preview{width:96px;height:118px;justify-self:center}.customizer{width:100%}.join-row{grid-template-columns:minmax(0,1fr) auto}}

.account-box{grid-column:1/-1;background:#0c1710;border:2px solid #42604b;padding:14px;margin:4px 0 14px}.account-heading{display:flex;align-items:center;gap:10px}.account-heading>span{display:grid;place-items:center;width:35px;height:35px;background:#263e2f;color:var(--gold);font-size:20px}.account-heading b,.account-heading small{display:block}.account-heading small{color:#91aa97;font-size:10px;margin-top:2px}.account-box p{font-size:11px;line-height:1.5;color:#aebfb1}.account-actions{display:flex;gap:8px;flex-wrap:wrap}.account-actions button,.account-signed button{padding:9px 11px;background:#385642;color:#fff;border:2px solid #63806b;font-weight:900}.account-actions .secondary,.account-signed button{background:#2f3a32}.account-form{display:grid;grid-template-columns:1fr 1fr;gap:8px}.account-form>b,.account-form>p,.account-form>.account-actions{grid-column:1/-1}.account-form label{min-width:0}.account-signed{display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px 12px}.account-signed span{color:#8fe0ac;font-size:11px;font-weight:900}.account-signed b{grid-column:1}.account-signed button{grid-column:2;grid-row:1/3}.account-error{color:#ffaba1!important;font-weight:900;margin-bottom:0}.board-grid{display:grid;gap:14px}.board-note{position:relative;background:#f3dfaa;color:#292318;border:2px solid #8b673d;padding:20px;box-shadow:5px 5px #1118;transform:rotate(-.25deg)}.board-note:nth-child(even){background:#dce8bd;transform:rotate(.25deg)}.board-note>span{font-size:9px;font-weight:1000;letter-spacing:1.5px;color:#8e4c39}.board-note h3{margin:6px 0 8px;font-size:20px}.board-note p{white-space:normal;line-height:1.55;margin:0}
@media(max-width:600px){.account-form{grid-template-columns:1fr}.account-form>*{grid-column:1!important}.account-signed{grid-template-columns:1fr}.account-signed button{grid-column:1;grid-row:auto}.board-note{padding:15px}}

/* Moderne Konto-Karte und eigenständige Login-/Registrierungsdialoge. */
.join-card .account-box{position:relative;margin:12px 0 18px;padding:18px;border:1px solid #70927a;border-radius:14px;background:radial-gradient(circle at 0 0,#31533c99,transparent 42%),linear-gradient(145deg,#182c21,#0d1912);box-shadow:0 14px 34px #0006,0 1px 0 #ffffff12 inset;overflow:hidden}.join-card .account-box:after{content:"";position:absolute;width:150px;height:150px;border:1px solid #f7c94b22;border-radius:50%;right:-80px;top:-90px;pointer-events:none}.account-card-top{display:grid;grid-template-columns:48px minmax(0,1fr);gap:13px;align-items:center}.account-cloud{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:linear-gradient(145deg,#f8d75f,#e8a83c);color:#26321e;font-size:23px;box-shadow:0 8px 20px #0005}.account-heading{display:grid;gap:2px;min-width:0}.account-kicker{color:#8fe0ac;font-size:9px;font-weight:1000;letter-spacing:1.5px}.join-card .account-heading b{display:block;color:#fff;font-size:17px;letter-spacing:-.2px;text-transform:none}.join-card .account-heading small{display:block;color:#9fb3a4;font-size:11px;line-height:1.35;text-transform:none;letter-spacing:0}.account-guest-warning{display:grid;grid-template-columns:26px 1fr;gap:9px;align-items:center;margin:14px 0;padding:10px 12px;border:1px solid #7d6941;border-radius:9px;background:#46391f66}.account-guest-warning>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#f7c94b;color:#332709;font-weight:1000}.join-card .account-guest-warning p{margin:0;color:#ddd4b8;font-size:11px;line-height:1.35}.account-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.join-card .account-actions button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;margin:0;padding:10px 12px;border:1px solid transparent;border-radius:9px;font-size:12px;font-weight:1000;box-shadow:0 6px 14px #0004}.join-card .account-actions button span{font-size:17px}.join-card .account-login-button{background:#263c2e;color:#fff;border-color:#587461}.join-card .account-register-button{background:linear-gradient(135deg,#f8d451,#edae3f);color:#282006;border-color:#ffe58a}.account-signed{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:11px}.account-saved-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#78cfa0;color:#102218;font-size:20px;font-weight:1000}.account-signed div{display:grid;gap:2px}.account-signed small{color:#78cfa0;font-size:9px;letter-spacing:1px;font-weight:1000}.account-signed b{color:#fff;font-size:17px}.join-card .account-signed button{grid-column:auto;grid-row:auto;margin:0;padding:9px 11px;border:1px solid #53675a;border-radius:8px;background:#1c2b22;color:#b9c8bc;font-size:11px}
.account-dialog{width:min(520px,calc(100% - 24px));max-height:min(760px,calc(100dvh - 24px));padding:0;overflow:auto;border:1px solid #6e8c75;border-radius:18px;background:linear-gradient(160deg,#1b3024,#0c1710 70%);color:#fff;box-shadow:0 35px 110px #000e}.account-dialog[open]{animation:account-pop .2s ease-out}.account-dialog::backdrop{background:#050a08dc;backdrop-filter:blur(8px)}.account-dialog-close{position:absolute;z-index:2;right:14px;top:14px;width:36px;height:36px;border:1px solid #ffffff22;border-radius:50%;background:#ffffff0c;color:#dce8de;font-size:24px;line-height:1}.account-dialog-header{display:flex;align-items:center;gap:12px;padding:24px 24px 17px;background:radial-gradient(circle at 0 0,#365c4299,transparent 55%);border-bottom:1px solid #ffffff12}.account-dialog-logo{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(145deg,#f8d75f,#eaa73d);color:#2a2208;font-size:25px;font-weight:1000;box-shadow:0 8px 22px #0006}.account-dialog-header span{color:#8fe0ac;font-size:9px;letter-spacing:2px;font-weight:1000}.account-dialog-header h2{margin:2px 0 0;font-size:23px}.account-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:17px 24px 0;padding:5px;border:1px solid #ffffff14;border-radius:11px;background:#09120d}.account-tabs button{padding:10px;border-radius:7px;background:transparent;color:#8fa395;font-weight:900}.account-tabs button.active{background:#2c4635;color:#fff;box-shadow:0 4px 12px #0005}.account-dialog .account-form{display:grid;grid-template-columns:1fr;gap:14px;padding:21px 24px 25px}.account-form-intro h3{margin:0 0 5px;font-size:22px}.account-form-intro p{margin:0;color:#9fb1a3;font-size:12px;line-height:1.5}.account-dialog .account-form label{display:grid;gap:7px;color:#c2d1c5;font-size:10px;letter-spacing:1px;font-weight:1000;text-transform:uppercase}.account-dialog .account-form label>small{color:#71877a;font-size:9px;text-transform:none;letter-spacing:0}.account-input-wrap{display:grid;grid-template-columns:38px 1fr;align-items:center;border:1px solid #486352;border-radius:10px;background:#08110c;transition:border-color .15s,box-shadow .15s}.account-input-wrap:focus-within{border-color:#f7c94b;box-shadow:0 0 0 3px #f7c94b18}.account-input-wrap i{font-style:normal;text-align:center;color:#6f947b;font-size:10px}.account-dialog .account-input-wrap input{width:100%;min-width:0;margin:0;padding:13px 12px 13px 0;border:0;outline:0;background:transparent;color:#fff;font-size:14px}.account-dialog .account-input-wrap input::placeholder{color:#607168}.account-submit{display:flex;justify-content:space-between;align-items:center;width:100%;padding:13px 16px;border:1px solid #ffe58a;border-radius:10px;background:linear-gradient(135deg,#f8d451,#edae3f);color:#2b2208;font-weight:1000;box-shadow:0 8px 20px #0005}.account-submit span{font-size:19px}.account-privacy-note{display:flex;gap:8px;padding:10px;border-radius:9px;background:#193023;color:#9fc5aa;font-size:10px;line-height:1.4}.account-privacy-note span{color:#78cfa0;font-weight:1000}.account-dialog>.account-error{margin:0 24px 20px;padding:0;color:#ff9e94!important;font-size:12px}.account-dialog>.account-error:empty{display:none}@keyframes account-pop{from{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:none}}
@media(max-width:600px){.join-card .account-box{padding:14px}.account-card-top{grid-template-columns:42px minmax(0,1fr)}.account-cloud{width:42px;height:42px}.join-card .account-heading b{font-size:15px}.account-actions{grid-template-columns:1fr}.account-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px);border-radius:14px}.account-dialog-header{padding:19px 18px 14px}.account-tabs{margin:14px 18px 0}.account-dialog .account-form{padding:18px}.account-dialog>.account-error{margin-inline:18px}.account-dialog-close{right:10px;top:10px}}
.account-heading>.account-kicker{display:block;width:auto;height:auto;padding:0;background:transparent;color:#8fe0ac;font-size:9px;font-weight:1000;letter-spacing:1.5px}

/* Spielgefühl, Steuerung und Hilfe */
.location-chip{display:flex;align-items:center;gap:5px;color:#cce0d0;border-left:1px solid #ffffff16}.location-chip>span{color:var(--gold);font-size:17px}.location-chip b{font-size:11px}.icon-button{border:1px solid #ffffff13;border-radius:7px;box-shadow:0 4px 10px #0004}.joystick{box-shadow:inset 0 0 24px #0007,0 8px 25px #0006}.joystick:before{content:"◆";position:absolute;inset:0;display:grid;place-items:center;color:#ffffff1e;font-size:86px;transform:rotate(45deg)}.stick{box-shadow:inset 0 0 12px #fff3,0 5px 15px #0006;transition:background .12s}.joystick:active .stick{background:#f5d766bb}.touch-action{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:0;box-shadow:inset 0 0 16px #fff4,0 9px 25px #0007;transition:transform .12s,box-shadow .12s,background .12s}.touch-action b{font-size:25px;line-height:1}.touch-action small{font-size:8px;letter-spacing:1px}.touch-action.ready{background:#ffdb55!important;box-shadow:inset 0 0 16px #fff7,0 0 0 6px #f7c94b33,0 9px 25px #0008;animation:action-ready 1.2s ease-in-out infinite}@keyframes action-ready{50%{box-shadow:inset 0 0 16px #fff7,0 0 0 11px #f7c94b12,0 9px 25px #0008}}
.controls-hero{display:grid;grid-template-columns:56px 1fr;gap:14px;align-items:center;padding:14px;border:1px solid #5f7c67;border-radius:12px;background:linear-gradient(135deg,#294331,#18291f)}.controls-hero>span{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--gold);color:#2c2307;font-size:28px;font-weight:1000}.controls-hero h3{margin:0 0 3px;color:#fff;font-size:21px}.controls-hero p{margin:0;color:#a9bdad;font-size:12px}.controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.controls-grid article{padding:15px;border:1px solid #405b49;border-radius:10px;background:#101c15}.controls-grid article>b{color:#ffe18a}.controls-grid p{margin:10px 0;color:#bdcbc0;font-size:12px}.controls-grid kbd{display:inline-block;min-width:28px;padding:4px 6px;border:1px solid #7b907f;border-radius:5px;background:#26382d;color:#fff;box-shadow:0 2px #0a100c;text-align:center;font-weight:900}.experience-settings{display:grid;gap:8px}.experience-settings label{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:center;padding:12px;border:1px solid #3d5846;border-radius:9px;background:#17271d;cursor:pointer}.experience-settings input{width:19px;height:19px;accent-color:var(--gold)}.experience-settings span{display:grid}.experience-settings b{font-size:12px}.experience-settings small{color:#8fa395;font-size:10px;margin-top:2px}.controls-fullscreen{width:100%;margin-top:12px;padding:12px;border:1px solid #ffe590;border-radius:9px;background:linear-gradient(135deg,#f5ca49,#e9a93d);color:#2c2308;font-weight:1000}
@media(max-width:600px){.location-chip{display:none}.controls-grid{grid-template-columns:1fr}.controls-hero h3{font-size:17px}.controls-hero{grid-template-columns:45px 1fr}.controls-hero>span{width:43px;height:43px}.hud-top #controlsButton{display:grid;place-items:center}}

/* Interaktiver Stadtplan */
.map-intro{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:12px}.map-intro h3{margin:2px 0 0;font-size:22px}.map-intro p{margin:0;color:#aebfb2;font-size:12px}.map-kicker{color:var(--gold);font-size:9px;font-weight:1000;letter-spacing:2px}.city-map{isolation:isolate;overflow:hidden;min-height:390px;border:3px solid #bba974;border-radius:16px;background:radial-gradient(circle at 75% 73%,#a5ca76 0 3%,transparent 3.3%),radial-gradient(circle at 18% 75%,#769a55 0 2%,transparent 2.4%),linear-gradient(145deg,#8eb568,#70994f);box-shadow:inset 0 0 50px #304d2938,0 16px 30px #0006}.city-map:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.28;background-image:radial-gradient(#d8efac 1px,transparent 1px);background-size:18px 18px}.city-map .road-h,.city-map .road-v{z-index:0;background:#dbc79a;border:2px solid #c1aa7b;box-shadow:0 0 0 5px #5d7e46}.city-map .road-h{top:48%;height:18%;left:-2%;right:-2%}.city-map .road-v{top:-2%;bottom:-2%;left:45%;width:10%}.city-map .road-h:after,.city-map .road-v:after{content:"";position:absolute;opacity:.75}.city-map .road-h:after{left:0;right:0;top:50%;border-top:2px dashed #fff5c5}.city-map .road-v:after{top:0;bottom:0;left:50%;border-left:2px dashed #fff5c5}.road-ring{position:absolute;z-index:1;left:43%;top:45%;width:14%;aspect-ratio:1;border:12px solid #ddc89b;border-radius:50%;box-shadow:0 0 0 4px #5d7e46;background:#779e56}.map-pond{position:absolute;right:4%;bottom:6%;width:19%;height:16%;border:4px solid #d9cf9d;border-radius:48% 52% 43% 57%;background:linear-gradient(145deg,#74c8c5,#397c8f);box-shadow:0 0 0 5px #5d7e46}.map-park{position:absolute;left:7%;bottom:5%;display:flex;gap:8px}.map-park i{width:17px;height:24px;border-radius:50% 50% 42% 42%;background:#315d37;box-shadow:0 7px 0 -4px #58452e,0 9px 11px #234a2c55}.city-place{position:absolute;z-index:3;left:var(--place-x);top:var(--place-y);width:18%;min-height:112px;padding:31px 7px 8px;border:3px solid color-mix(in srgb,var(--place-color),#1b1712 42%);border-radius:8px 8px 12px 12px;background:linear-gradient(135deg,color-mix(in srgb,var(--place-color),#fff 13%),var(--place-color));color:#fff;box-shadow:inset 0 0 0 2px #ffffff1e,0 8px 0 color-mix(in srgb,var(--place-color),#16100b 45%),0 13px 20px #20391e66;text-align:center}.city-place .place-roof{position:absolute;left:-7%;right:-7%;top:-19px;height:33px;border:3px solid #542f2b;background:repeating-linear-gradient(90deg,#a64c45 0 16px,#bd5b4e 16px 32px);clip-path:polygon(50% 0,100% 72%,94% 100%,6% 100%,0 72%)}.city-place .place-icon{display:block;font-size:25px;filter:drop-shadow(0 2px #0005)}.city-place strong,.city-place small{position:relative;display:block}.city-place strong{margin-top:2px;font-size:clamp(9px,1.3vw,13px);line-height:1.1}.city-place small{margin-top:4px;color:#f1eee4;font-size:clamp(7px,1vw,9px);line-height:1.15}.city-place:not(:disabled):hover{z-index:5;transform:translateY(-4px) scale(1.035);filter:brightness(1.14)}.city-place.current{border-color:#ffe67f;box-shadow:inset 0 0 0 2px #fff5b8,0 8px 0 #947622,0 0 0 6px #f7c94b38,0 13px 20px #20391e66;cursor:default}.city-place.current em{position:absolute;right:-8px;top:-14px;display:grid;place-items:center;width:25px;height:25px;border:3px solid #fff;border-radius:50%;background:var(--gold);color:#473707;font-style:normal;animation:map-pin 1.3s ease-in-out infinite}@keyframes map-pin{50%{transform:translateY(-5px);box-shadow:0 5px 0 #0003}}.map-compass{position:absolute;right:3%;top:4%;z-index:2;color:#3b5035;text-align:center;font-size:10px;font-weight:1000}.map-compass b{font-size:27px;line-height:.8}.map-legend{display:flex;gap:20px;justify-content:center;margin-top:12px;color:#9fb1a3;font-size:10px}.map-legend span{display:flex;align-items:center;gap:6px}.map-legend i{display:inline-block;width:11px;height:11px;border-radius:50%}.legend-current{background:var(--gold);border:2px solid #fff}.legend-destination{background:#8b5a4d;border:2px solid #d5a780}
@media(max-width:600px){.map-intro{align-items:start;flex-direction:column;gap:4px}.map-intro h3{font-size:18px}.city-map{aspect-ratio:auto;min-height:410px}.city-place{width:20%;min-height:105px;padding-left:3px;padding-right:3px}.city-place .place-icon{font-size:21px}.city-place strong{font-size:8px}.city-place small{font-size:7px}.road-ring{border-width:8px}.map-legend{gap:10px;justify-content:flex-start;flex-wrap:wrap}}

/* Flüchtiger Nähe-Chat */
.proximity-chat{display:grid;gap:12px}.proximity-privacy{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #4b6d57;border-radius:10px;background:linear-gradient(135deg,#203b2b,#17271e)}.proximity-privacy>span{font-size:25px}.proximity-privacy p{display:grid;margin:0}.proximity-privacy b{color:#dff6e5;font-size:12px}.proximity-privacy small{margin-top:3px;color:#9fb5a5;font-size:10px;line-height:1.4}.proximity-messages{height:min(42vh,330px);overflow:auto;padding:16px;border:1px solid #3b5142;border-radius:12px;background:radial-gradient(circle at 50% 0,#23382a,#0d1811 70%);scrollbar-color:#55705d #152219}.proximity-bubble{width:fit-content;max-width:min(76%,520px);margin:8px 0;padding:9px 12px;border-radius:4px 13px 13px 13px;background:#2c4133;box-shadow:0 5px 12px #0004}.proximity-bubble.mine{margin-left:auto;border-radius:13px 4px 13px 13px;background:#6c5920;color:#fff8d9}.proximity-bubble b{font-size:9px;color:#a7c5af;text-transform:uppercase;letter-spacing:.8px}.proximity-bubble.mine b{color:#ffe483}.proximity-bubble p{margin:3px 0 0;line-height:1.45;overflow-wrap:anywhere}.proximity-empty{height:100%;display:grid;place-content:center;text-align:center;color:#afc0b2}.proximity-empty span{font-size:38px}.proximity-empty b{margin-top:8px;color:#fff}.proximity-empty small{margin-top:4px}.proximity-form{display:grid;grid-template-columns:1fr auto;gap:8px}.proximity-form input{min-width:0;padding:13px 14px;border:2px solid #46614e;border-radius:9px;background:#0d1710;color:#fff;outline:none}.proximity-form input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #f7c94b1d}.proximity-form button{padding:0 20px;border-radius:9px;background:linear-gradient(135deg,#f5ca49,#dea335);color:#2b2208;font-weight:1000}.proximity-end{justify-self:center;padding:8px 12px;background:transparent;color:#dca39d;text-decoration:underline;font-size:10px}.proximity-end:hover{color:#ffc0b9}
@media(max-width:600px){.proximity-messages{height:38vh;padding:10px}.proximity-bubble{max-width:88%}.proximity-form button{padding:0 12px}.proximity-privacy small{font-size:9px}}

/* Vernetzte Spielerstädte, Läden und Baumodus */
.world-hub{display:grid;gap:22px}.hub-loading{padding:40px;text-align:center;color:#b8c9bc}.hub-notice,.city-create,.city-manage{padding:16px;border:1px solid #58715e;border-radius:12px;background:linear-gradient(135deg,#243a2b,#152219)}.hub-notice b{color:#ffe180}.hub-notice p{margin-bottom:0;color:#b6c5b9}.hub-section{display:grid;gap:12px}.hub-heading{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid #425747;padding-bottom:8px}.hub-heading h3,.city-create h3{margin:3px 0 0;font-size:20px}.hub-heading>span{color:#91a697;font-size:10px}.city-directory{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:12px}.city-card{overflow:hidden;border:1px solid #49614f;border-radius:13px;background:#18271d;box-shadow:0 8px 18px #0004}.city-card.mine{border-color:#b89a42}.city-card-scene{height:86px;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(#91c977 0 65%,#c9b27b 65%)}.city-card-scene:before,.city-card-scene:after{content:"";position:absolute;bottom:26px;width:27px;height:32px;background:#407445;clip-path:polygon(50% 0,100% 100%,0 100%)}.city-card-scene:before{left:16%}.city-card-scene:after{right:15%}.city-card-scene>span{font-size:46px;filter:drop-shadow(0 6px #28432955)}.city-card-scene i{position:absolute;right:8px;top:8px;padding:4px 6px;border-radius:9px;background:#102016d9;color:#cde6d2;font-size:8px;font-style:normal}.city-card>div:last-child{padding:13px}.city-card small{color:#e4bd50;font-size:8px;font-weight:1000;letter-spacing:1px}.city-card h3{margin:3px 0 5px;color:#fff}.city-card p{min-height:34px;margin:0 0 9px;color:#aebfb2;font-size:11px;line-height:1.4}.city-card button{margin:8px 5px 0 0;padding:8px 10px;border-radius:7px;background:#e3b841;color:#2a2108;font-size:10px;font-weight:900}.city-card button.secondary{background:#304637;color:#fff}.city-facts{display:flex;gap:6px}.city-facts span{padding:4px 6px;border-radius:6px;background:#0f1b14;color:#b7c8ba;font-size:9px}.city-create{display:grid;grid-template-columns:1.4fr 1fr 1.4fr;gap:10px;align-items:end}.city-create>div{grid-row:span 2}.city-create p{color:#aebfb2;font-size:11px}.city-create label,.city-manage label,.listing-create label{display:grid;gap:4px;color:#b7c8bb;font-size:10px;font-weight:900}.city-create input,.city-create textarea,.city-manage input,.city-manage textarea,.listing-create input,.listing-create select,.market-filters input,.market-filters select{width:100%;padding:10px;border:1px solid #506956;border-radius:7px;background:#0d1710;color:#fff}.city-create button,.city-manage button,.listing-create button,.market-filters button,.map-city-actions button{padding:10px 13px;border-radius:8px;background:var(--gold);color:#2c2308;font-weight:1000}.check-row{display:flex!important;align-items:center;grid-template-columns:auto 1fr!important}.check-row input{width:auto}.city-manage summary{cursor:pointer;color:#ffe183;font-weight:1000}.city-manage form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.city-manage textarea{min-height:70px;resize:vertical}.market-filters{display:grid;grid-template-columns:1fr 180px 180px auto;gap:8px}.market-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.market-card{display:grid;grid-template-columns:50px 1fr;gap:10px;padding:13px;border:1px solid #455e4b;border-radius:10px;background:#1c2c21}.market-item-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:10px;background:#304838;font-size:26px}.market-card small{color:#91a697;font-size:9px}.market-card h3{margin:3px 0;font-size:13px}.market-card strong{color:#ffdc70}.market-card button{margin:8px 4px 0 0;padding:7px 9px;border-radius:6px;background:#dcb23d;color:#251d08;font-size:9px;font-weight:900}.market-card button.secondary{background:#334a39;color:#fff}.market-empty{color:#9eaea2}.shop-hero{display:grid;grid-template-columns:65px 1fr;gap:13px;align-items:center;margin-bottom:15px;padding:15px;border-radius:12px;background:linear-gradient(135deg,#60422c,#253a2a)}.shop-hero>span{font-size:48px}.shop-hero small{color:#f2ca62}.shop-hero h3{margin:2px 0}.shop-hero p{margin:0;color:#c4d0c6}.listing-create{display:grid;grid-template-columns:1.5fr .6fr .8fr auto;gap:9px;align-items:end;margin-bottom:15px;padding:13px;border:1px solid #536b58;border-radius:10px;background:#17261c}.listing-create h3{grid-column:1/-1;margin:0}.listing-create>small{grid-column:1/-1;color:#8fa394}.personal-minimap{position:relative;aspect-ratio:1.45;overflow:hidden;border:4px solid #bba878;border-radius:14px;background:radial-gradient(circle at 50% 72%,#d8c18c 0 9%,transparent 9.5%),linear-gradient(135deg,#83af62,#709b51);box-shadow:inset 0 0 35px #31522d55}.personal-minimap:before{content:"";position:absolute;left:47%;top:0;bottom:0;width:7%;background:#cdb687}.mini-object{position:absolute;transform:translate(-50%,-50%);font-size:clamp(14px,2.8vw,28px);filter:drop-shadow(0 4px #28422955)}.mini-path{font-size:9px;color:#bdab82}.map-city-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.map-city-actions button:not(.primary){background:#304637;color:#fff}.build-toolbar{position:absolute;z-index:8;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(960px,calc(100% - 24px));padding:12px;border:2px solid #6e866f;border-radius:14px;background:#101c15f2;box-shadow:0 15px 45px #000b;backdrop-filter:blur(8px)}.build-toolbar header,.build-toolbar footer{display:flex;align-items:center;gap:8px}.build-toolbar header{justify-content:space-between}.build-toolbar header small{display:block;color:#e1ba4e;font-size:8px;letter-spacing:1px}.build-toolbar header button{width:28px;height:28px;border-radius:6px;background:#3c5041;color:#fff}.build-palette{display:flex;gap:7px;margin:10px 0;padding:3px 2px 8px;overflow-x:auto}.build-palette button{flex:0 0 72px;display:grid;place-items:center;gap:2px;height:62px;border:1px solid #46604d;border-radius:8px;background:#223328;color:#fff}.build-palette button.active{border-color:#ffe376;background:#66551f;box-shadow:0 0 0 2px #ffe37644}.build-palette span{font-size:24px}.build-palette small{font-size:8px}.build-toolbar footer>span{flex:1;color:#aebfb2;font-size:9px}.build-toolbar footer button{padding:8px 10px;border-radius:7px;background:#354a3a;color:#fff;font-size:9px;font-weight:900}.build-toolbar footer .primary{background:var(--gold);color:#2c2308}.build-toolbar footer .danger{background:#813f3d}.building .touch-controls{display:none!important}.building canvas{cursor:crosshair}.admin-player-row{display:grid!important;grid-template-columns:1fr 100px 120px 180px;align-items:center;gap:15px}.admin-player-row div{display:grid}.admin-player-row small{color:#8da092}.audit-list article{display:grid;grid-template-columns:170px 160px 1fr;gap:10px}.audit-list code{grid-column:1/-1;overflow:auto;color:#a9c6b0}
@media(max-width:700px){.city-create,.city-manage form,.listing-create{grid-template-columns:1fr}.city-create>div{grid-row:auto}.market-filters{grid-template-columns:1fr 1fr}.market-filters input{grid-column:1/-1}.build-toolbar{bottom:8px;padding:8px}.build-toolbar footer{flex-wrap:wrap}.build-toolbar footer>span{flex-basis:100%}.admin-player-row{grid-template-columns:1fr 70px!important}.admin-player-row time{grid-column:1/-1}.audit-list article{grid-template-columns:1fr}.audit-list code{grid-column:auto}.status-panel #worldButton{display:block}}
.city-invites{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 13px;border:1px solid #4e6855;border-radius:9px;background:#17261c}.city-invites>b{color:#ffe07b;font-size:10px}.city-invites span{padding:5px 7px;border-radius:6px;background:#293c2f;font-size:9px}.city-invites button{margin-left:4px;background:transparent;color:#efaaa4;text-decoration:underline;font-size:8px}.city-search{display:grid;grid-template-columns:1fr auto;gap:8px}.city-search input{padding:10px;border:1px solid #506956;border-radius:7px;background:#0d1710;color:#fff}.city-search button{padding:9px 12px;border-radius:7px;background:#354c3b;color:#fff;font-weight:900}
.admin-account-form{display:grid!important;gap:14px}.admin-account-form .admin-card-title small{display:block;margin-top:4px;color:#8da092}.admin-account-fields{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px;align-items:end}.admin-account-fields label{display:grid;gap:5px;color:#b8c9bc;font-size:10px;font-weight:900}.admin-account-fields input{width:100%;padding:10px;border:1px solid #506956;border-radius:6px;background:#0d1710;color:#fff}.admin-account-fields .admin-password-reset{grid-column:span 2}.admin-account-fields .admin-password-reset small{color:#849789;font-weight:400}.admin-account-fields button{height:39px}.build-toolbar footer button.active{background:#806a23;box-shadow:0 0 0 2px #ffe376;color:#fff7d2}@media(max-width:800px){.admin-account-fields{grid-template-columns:1fr 1fr}.admin-account-fields .admin-password-reset{grid-column:1/-1}}@media(max-width:520px){.admin-account-fields{grid-template-columns:1fr}.admin-account-fields .admin-password-reset{grid-column:auto}}
.account-signed-actions{display:flex!important;gap:6px}.account-tabs.manage-only{grid-template-columns:1fr}.account-security-section,.account-delete-section{display:grid;gap:12px;padding:15px;border:1px solid #45614e;border-radius:11px;background:#0b1710}.account-security-section h4,.account-delete-section h4{margin:0;color:#ffe083}.account-delete-section{border-color:#7c4742;background:#2a1717}.account-delete-section p{margin:0;color:#d0aaa6;font-size:11px;line-height:1.45}.account-delete-button{padding:12px;border:1px solid #e0877d;border-radius:9px;background:#8a3935;color:#fff;font-weight:1000}.city-owner-role{padding:10px 13px;border:1px solid #75683f;border-radius:9px;background:#342e18;color:#ffe083;font-size:10px;font-weight:900}.city-danger{display:grid;grid-template-columns:1.4fr 1fr auto;align-items:end;gap:10px;padding:13px;border:1px solid #7d4741;border-radius:10px;background:#2c1918}.city-danger div{display:grid;gap:4px}.city-danger b{color:#ffaaa1}.city-danger small{color:#c69b97;line-height:1.35}.city-danger label{display:grid;gap:4px;color:#d5b2ae;font-size:9px;font-weight:900}.city-danger input,.admin-city-form input{width:100%;padding:9px;border:1px solid #6a5551;border-radius:6px;background:#0d1710;color:#fff}.city-danger button{height:38px;padding:9px 12px;border-radius:7px;background:#8a3935;color:#fff;font-weight:1000}.admin-city-form{display:grid;gap:10px}.admin-city-form label{display:grid;gap:5px;color:#b8c9bc;font-size:10px;font-weight:900}.legal-links{position:fixed;z-index:12;right:18px;bottom:12px;display:flex;gap:7px}.legal-links a{padding:6px 9px;border:1px solid #ffffff1f;border-radius:7px;background:#101c15dd;color:#b9c9bc;font-size:10px;text-decoration:none}.game:not(.hidden)~.legal-links{display:none}.legal-body{position:static;inset:auto;width:auto;height:auto;min-height:100vh;overflow:auto;background:radial-gradient(circle at 10% 0,#31543b66,transparent 34%),#101712;color:#e8efe9}.legal-page{width:min(900px,calc(100% - 28px));margin:0 auto;padding:30px 0 70px}.legal-page header{margin:18px 0 20px;padding:26px;border:1px solid #4d6a55;border-radius:14px;background:linear-gradient(145deg,#1e3527,#111e16)}.legal-page header>span{color:#f7c94b;font-size:10px;letter-spacing:2px;font-weight:1000}.legal-page h1{margin:5px 0 0;font-size:clamp(32px,6vw,58px)}.legal-page header p{color:#aebfb2}.legal-page section{margin:12px 0;padding:20px;border:1px solid #3d5545;border-radius:11px;background:#17251c}.legal-page h2{margin:0 0 10px;color:#ffe083;font-size:18px}.legal-page p,.legal-page address{color:#c3d0c6;line-height:1.65;font-style:normal}.legal-page a{color:#8fe0ac}.legal-back{display:inline-block;color:#d7e3d9!important;text-decoration:none}.legal-warning{padding:10px;border-left:4px solid #ef6a5b;background:#3a2020;color:#ffd0ca!important}.legal-missing{color:#ff9f94}.legal-date{color:#829489!important;font-size:11px}.legal-page code{color:#ffe083}@media(max-width:700px){.city-danger{grid-template-columns:1fr}.account-signed-actions{flex-direction:column}.legal-page{padding-top:16px}.legal-page header,.legal-page section{padding:16px}.legal-links{right:8px;bottom:8px}}
.capital-return{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border:1px solid #6c865f;border-radius:11px;background:linear-gradient(135deg,#294432,#1b2d22)}.capital-return>div{display:flex;align-items:center;gap:11px}.capital-return span{font-size:28px}.capital-return p{display:grid;gap:2px;margin:0}.capital-return small{color:#a8b9ac}.capital-return button{padding:10px 13px;border-radius:8px;background:#f7c94b;color:#282006;font-weight:1000}.build-toolbar footer button.danger.active{background:#a33f39;box-shadow:0 0 0 2px #ff9d94}@media(max-width:600px){.capital-return{align-items:stretch;flex-direction:column}.capital-return button{width:100%}}
.trade-hero{margin-bottom:.8rem}.trade-create{margin:.9rem 0}.trade-create form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.trade-create form>button,.trade-create form>small{grid-column:1/-1}.trade-orders{display:grid;gap:.65rem;margin-top:1rem}.trade-order{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1rem;border:1px solid #ffffff18;border-radius:14px;background:linear-gradient(135deg,#203529,#17281f)}.trade-order h3{font-size:1rem;margin:.2rem 0}.trade-order small,.trade-order span{color:#9eaea2}@media(max-width:680px){.trade-create form{grid-template-columns:1fr}.trade-order{align-items:stretch;flex-direction:column}.trade-order button{width:100%}}
.business-panel{border-color:#806d3e;background:linear-gradient(145deg,#243829,#151f18)}.business-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.business-form .wide{grid-column:1/-1}.specialization-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.specialization-grid article{display:grid;gap:5px;padding:11px;border:1px solid #ffffff17;border-radius:10px;background:linear-gradient(145deg,#17261c,#101a13)}.specialization-grid b{color:#f1cf68}.specialization-grid small{color:#aab9ad;line-height:1.45}.business-dashboard-head{display:flex;align-items:start;justify-content:space-between;gap:16px}.business-dashboard-head h3{margin:3px 0}.business-dashboard-head p{margin:0;color:#aab9ad}.business-dashboard-head>strong{display:grid;min-width:130px;padding:12px;border-radius:10px;background:#f2c74d;color:#2b2309;text-align:center;font-size:20px}.business-dashboard-head>strong small{font-size:8px}.business-perks{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}.business-perks span{padding:6px 9px;border:1px solid #73935d55;border-radius:99px;background:#203b29;color:#d8efd5;font-size:9px}.business-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.business-metrics span{display:grid;padding:10px;border:1px solid #ffffff12;border-radius:9px;background:#0e1912;color:#91a497;font-size:9px}.business-metrics b{color:#fff;font-size:15px}.business-stock{display:grid;gap:7px;padding:11px;border-radius:9px;background:#0c1710}.business-stock>div{display:flex;gap:6px;flex-wrap:wrap}.business-stock span{padding:5px 7px;border-radius:6px;background:#2d4433;color:#d4e0d6;font-size:9px}.business-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px;margin-top:10px}.business-actions form{display:grid;grid-template-columns:1fr 74px;gap:6px;align-items:end;padding:9px;border:1px solid #ffffff12;border-radius:9px}.business-actions form label{grid-column:1/-1}.business-note{display:block;margin-top:9px;color:#8fa194}.company-shop{margin:12px 0;padding:14px;border:1px solid #806d3e;border-radius:12px;background:#17271d}.company-shop-head{display:flex;justify-content:space-between;gap:12px}.company-shop-head h3{margin:2px 0}.company-shop-head p{margin:0;color:#a9b8ac}.company-shop-head>span{height:max-content;padding:5px 8px;border-radius:99px;font-size:9px;font-weight:900}.company-shop-head .open{background:#2e7249;color:#d8ffe5}.company-shop-head .closed{background:#703b38;color:#ffd4ce}.personal-market{margin-top:12px}.personal-market>summary{padding:10px;color:#cbd8ce;font-weight:900}.company-offer{border-color:#7a693e}@media(max-width:760px){.business-form,.business-metrics,.business-actions,.specialization-grid{grid-template-columns:1fr 1fr}.business-actions form:last-child{grid-column:1/-1}.business-dashboard-head{flex-direction:column}.business-dashboard-head>strong{width:100%}}@media(max-width:520px){.business-form,.business-metrics,.business-actions,.specialization-grid{grid-template-columns:1fr}.business-form .wide,.business-actions form:last-child{grid-column:auto}}
.activities-hero{display:grid;grid-template-columns:60px 1fr;gap:12px;padding:15px;border:1px solid #78683d;border-radius:12px;background:linear-gradient(135deg,#4b3c22,#1c2e22)}.activities-hero>span{font-size:43px}.activities-hero small{color:#f1cb63}.activities-hero h3{margin:2px 0}.activities-hero p{margin:0;color:#c4d0c6}.activity-editor{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.activity-editor details{padding:11px;border:1px solid #4f6755;border-radius:10px;background:#132119}.activity-editor summary{cursor:pointer;color:#ffe083;font-weight:900}.activity-editor form{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.activity-editor form .wide{grid-column:1/-1}.event-categories{display:flex;flex-wrap:wrap;gap:7px 12px;margin:0;padding:10px;border:1px solid #48604f;border-radius:8px}.event-categories legend{padding:0 6px;color:#c9d5cc;font-size:10px;font-weight:900}.event-categories label{min-width:120px;padding:3px 0}.activity-list{display:grid;gap:9px}.activity-list>h3{margin:14px 0 0;color:#ffe083}.activity-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px;border:1px solid #435c4a;border-radius:11px;background:#17271d}.activity-card h3{margin:3px 0}.activity-card p{margin:0 0 7px;color:#b5c3b8}.activity-card small,.activity-card span{color:#91a497;font-size:9px}.activity-card>button{flex:0 0 auto}.quest-progress{height:7px;overflow:hidden;margin:7px 0;border-radius:9px;background:#0a130d}.quest-progress i{display:block;height:100%;background:linear-gradient(90deg,#6fc08d,#f2c74d)}.event-card{border-color:#685b3c}@media(max-width:700px){.activity-editor{grid-template-columns:1fr}.activity-card{align-items:stretch;flex-direction:column}.activity-card>button{width:100%}}@media(max-width:500px){.activity-editor form{grid-template-columns:1fr}.activity-editor form .wide{grid-column:auto}.event-categories{display:grid}}
.city-treasury{display:grid;gap:12px;margin:12px 0;padding:16px;border:1px solid #8b7538;border-radius:13px;background:linear-gradient(135deg,#2f2a19,#15251b);box-shadow:0 10px 30px #0003}.city-treasury header{display:flex;align-items:center;justify-content:space-between;gap:15px}.city-treasury h3{margin:3px 0 0}.city-treasury header>strong{display:grid;justify-items:end;color:#ffe082;font-size:25px}.city-treasury header>strong small{color:#9eac9f;font-size:9px}.treasury-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.treasury-actions form{display:grid;grid-template-columns:1fr auto;align-items:end;gap:8px;padding:11px;border:1px solid #4d604f;border-radius:9px;background:#102017}.treasury-actions label{display:grid;gap:4px;color:#bdcabe;font-size:10px;font-weight:900}.treasury-actions input,.treasury-actions select{width:100%;padding:9px;border:1px solid #536c59;border-radius:7px;background:#09140d;color:#fff}.treasury-actions button{padding:10px 12px;border-radius:7px;background:#dfb83f;color:#2b2106;font-weight:1000}.treasury-actions form>small{grid-column:1/-1;color:#8fa194}.city-treasury summary{cursor:pointer;color:#d9c177;font-weight:900}.treasury-ledger{display:grid;gap:5px;margin-top:9px}.treasury-ledger>span{display:grid;grid-template-columns:75px 1fr auto;gap:8px;align-items:center;padding:8px;border-radius:7px;background:#0d1911}.treasury-ledger b{color:#83d39a}.treasury-ledger .expense b{color:#ef8e83}.treasury-ledger small,.treasury-ledger time{color:#95a498;font-size:9px}@media(max-width:650px){.treasury-actions{grid-template-columns:1fr}.treasury-ledger>span{grid-template-columns:65px 1fr}.treasury-ledger time{grid-column:2}}
.civic-section{display:grid;gap:9px;margin:15px 0}.civic-section>h3{margin:9px 0 0;color:#ffe083}.civic-section>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:9px}.civic-card{display:grid;grid-template-columns:48px 1fr auto;gap:10px;align-items:center;padding:12px;border:1px solid #4e6755;border-radius:10px;background:#15251b}.civic-card>span{display:grid;place-items:center;width:46px;height:46px;border-radius:10px;background:#294333;font-size:25px}.civic-card small{color:#e2bd52;font-size:8px;font-weight:900}.civic-card h3{margin:3px 0}.civic-card p{margin:0;color:#aebeb1;font-size:10px}.civic-card time{display:block;margin-top:5px;color:#e6a87a;font-size:8px}.civic-card button{padding:9px;border-radius:7px;background:#dfb83f;color:#2c2207;font-weight:1000}.civic-card button:disabled{opacity:.4}.civic-card.complete{border-color:#4e805d;background:#14291b}.civic-card.complete>b{color:#7ee098;font-size:22px}@media(max-width:520px){.civic-card{grid-template-columns:44px 1fr}.civic-card>button,.civic-card> b{grid-column:1/-1}.civic-card>button{width:100%}}
.market-trend{display:inline-flex;margin-bottom:6px;padding:4px 7px;border-radius:999px;background:#26392c;color:#b7c8ba;font-size:8px;font-weight:900}.market-trend.high,.market-pulse .high small{color:#ffb36c}.market-trend.low,.market-pulse .low small{color:#78c8ef}.market-reference{display:block;margin-top:3px;color:#9eb0a1!important}.market-reference.above{color:#ed9b85!important}.market-reference.below{color:#85d69a!important}.market-pulse{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:7px}.market-pulse>span{display:grid;gap:3px;padding:10px;border:1px solid #415847;border-radius:8px;background:#122017}.market-pulse b{font-size:10px}.market-pulse small{color:#9eb0a1;font-size:8px}
.business-level{position:relative;display:flex;justify-content:space-between;overflow:hidden;margin:12px 0 4px;padding:9px 11px;border-radius:8px;background:#0a140d}.business-level b,.business-level span{position:relative;z-index:1;font-size:10px}.business-level i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#2e7048,#84702e);opacity:.65}.business-craft{display:grid;grid-template-columns:1fr 80px auto;gap:7px;align-items:end;margin-top:10px;padding:10px;border:1px solid #806d3e;border-radius:9px;background:#241f13}.network-offer{border-color:#4e755b}@media(max-width:600px){.business-craft{grid-template-columns:1fr}.business-craft label{grid-column:1/-1}}
.delivery-dashboard{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:12px 14px;border:1px solid #4a8491;border-radius:11px;background:linear-gradient(135deg,#17333a,#13251f)}.delivery-dashboard>div{display:grid;gap:3px}.delivery-dashboard b{font-size:14px;color:#ecfbff}.delivery-dashboard small{color:#9fc0c5}.delivery-dashboard>strong{display:grid;min-width:74px;padding:8px;border-radius:9px;background:#65b4bf;color:#0b2529;text-align:center;font-size:20px}.delivery-dashboard>strong small{color:#173a3f;font-size:8px}@media(max-width:520px){.delivery-dashboard{align-items:stretch}.delivery-dashboard>strong{min-width:64px}}
.guide-welcome{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;width:100%;padding:12px 16px;border:1px solid #ffffff26;background:#1b2c22;color:#eef7ef;text-align:left}.guide-welcome>span{grid-row:1/3;font-size:24px}.guide-welcome strong,.guide-welcome small{display:block}.guide-welcome small{color:#9eb0a2}.guide-dialog{width:min(1040px,calc(100vw - 24px));max-height:calc(100vh - 24px);padding:0;border:1px solid #76906d;border-radius:18px;background:#101a14;color:#eef5ef;box-shadow:0 24px 80px #000b}.guide-dialog::backdrop{background:#07100bd9;backdrop-filter:blur(5px)}.guide-dialog>.close{position:sticky;z-index:5;top:10px;float:right;margin:10px 10px -48px 0}.guide-dialog #guideDialogContent{overflow:auto}.game-guide{display:grid;gap:14px;padding:18px}.guide-hero{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;padding:22px;border:1px solid #d6b44e55;border-radius:15px;background:radial-gradient(circle at 10% 20%,#6c5a2838,transparent 35%),linear-gradient(145deg,#263d2d,#17251c)}.guide-hero>span{font-size:48px}.guide-hero small,.guide-section-title small{color:#d8b94f;font-size:9px;font-weight:900;letter-spacing:.13em}.guide-hero h2{margin:4px 0 7px;font-size:24px}.guide-hero p{max-width:720px;margin:0;color:#b7c5ba;line-height:1.55}.guide-jump{position:sticky;z-index:3;top:0;display:flex;gap:7px;overflow:auto;padding:9px;border-radius:11px;background:#0c1510e8;backdrop-filter:blur(8px)}.guide-jump a{flex:0 0 auto;padding:7px 10px;border:1px solid #ffffff1c;border-radius:99px;color:#dfe9e1;text-decoration:none;font-size:10px;font-weight:900}.guide-section{scroll-margin-top:64px;padding:16px;border:1px solid #ffffff12;border-radius:14px;background:#15231a}.guide-section-title{display:flex;align-items:center;gap:10px;margin-bottom:12px}.guide-section-title>span{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#273f2f;font-size:22px}.guide-section-title h3{margin:2px 0 0}.guide-section>p{color:#b9c8bc;line-height:1.55}.guide-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.guide-cards article{padding:12px;border:1px solid #ffffff12;border-radius:10px;background:#0e1912}.guide-cards b{color:#f0d06d}.guide-cards p{margin:6px 0 0;color:#aebdb1;font-size:11px;line-height:1.55}.guide-tip{display:flex;gap:14px;margin-top:10px;padding:12px;border-left:3px solid #e3c455;background:#292717}.guide-tip b{flex:0 0 auto}.guide-tip p{margin:0;color:#c8c5ae;font-size:11px}.guide-company-types{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0}.guide-company-types span{display:grid;padding:9px;border-radius:8px;background:#20362a;color:#adc0b1;font-size:10px}.guide-company-types b{color:#fff}.guide-list{display:grid;gap:8px;margin:0;padding-left:20px;color:#b9c8bc;font-size:11px;line-height:1.5}.city-unlock>div:first-child{grid-column:1/-1}.city-price-progress{overflow:hidden;height:10px;margin-top:12px;border-radius:99px;background:#0b1510}.city-price-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#d49e31,#f4d769)}.city-unlock>div>strong{display:block;margin-top:7px;color:#f3d36c;font-size:16px}.city-unlock>div>small{color:#aebcb0}.city-unlock .wide{grid-column:1/-1;color:#9eb0a2}@media(max-width:720px){.guide-cards,.guide-company-types{grid-template-columns:1fr 1fr}.guide-hero{grid-template-columns:1fr}.guide-hero>span{font-size:38px}.guide-hero h2{font-size:19px}.guide-tip{display:grid}}@media(max-width:480px){.game-guide{padding:10px}.guide-cards,.guide-company-types{grid-template-columns:1fr}.guide-section,.guide-hero{padding:13px}.guide-jump{margin:0 -2px}.guide-dialog{width:calc(100vw - 10px);max-height:calc(100vh - 10px)}}
.company-directory{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px;margin:10px 0}.company-directory-card{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:10px;border:1px solid #49624f;border-radius:9px;background:#111f17}.company-directory-card>div{display:grid;gap:2px}.company-directory-card small{color:#e2bd55;font-size:8px}.company-directory-card span{color:#91a497;font-size:9px}.company-directory-card button{padding:7px;font-size:8px}
.business-members,.employee-role{margin-top:11px;padding:10px;border:1px solid #4d6653;border-radius:9px;background:#0d1911}.business-members summary{cursor:pointer;color:#ffe083;font-weight:900}.business-members>div{display:grid;gap:6px;margin:9px 0}.business-members>div>span{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:7px;padding:7px;background:#1d3023}.business-members small{color:#91a497}.business-members form{display:grid;grid-template-columns:1fr 1fr auto;gap:7px}.employee-role{display:flex;align-items:center;justify-content:space-between}.admin-suspicious{border-color:#d49446!important;box-shadow:0 0 0 2px #d4944633}@media(max-width:600px){.business-members form{grid-template-columns:1fr}.business-members>div>span{grid-template-columns:1fr auto}.business-members>div>span small{grid-column:1}.employee-role{align-items:stretch;flex-direction:column;gap:8px}}
.business-members .businessMemberRoleForm{display:grid;grid-template-columns:minmax(130px,1fr) auto;gap:6px;margin:0}.businessMemberRoleForm select{min-width:0;padding:8px;border:1px solid #526b57;border-radius:6px;background:#0b1710;color:#fff}.businessMemberRoleForm button,.business-members>div>span>button{padding:8px;border-radius:6px;background:#dcb23d;color:#251d08;font-size:9px;font-weight:900}.business-members>div>span>button.danger{background:#7e3a37;color:#fff}@media(max-width:600px){.business-members .businessMemberRoleForm{grid-column:1/-1;grid-template-columns:1fr auto}.business-members>div>span>button{grid-column:2;grid-row:1}}
.business-metrics{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.business-metrics span.positive{border-color:#3f7651;background:#13271a}.business-metrics span.positive b{color:#8fe0a6}.business-metrics span.negative{border-color:#7a413e;background:#291817}.business-metrics span.negative b{color:#ff9f96}.finance-explainer{display:block;margin:-7px 0 13px;color:#8fa194;font-size:9px;line-height:1.45}
.questDeliverForm{display:grid;grid-template-columns:72px auto;gap:6px;flex:0 0 auto}.questDeliverForm input{min-width:0;padding:8px;border:1px solid #526b57;border-radius:7px;background:#0a1510;color:#fff}.questDeliverForm button{padding:8px 10px;border-radius:7px;background:#dfb943;color:#2b2208;font-weight:900}@media(max-width:700px){.questDeliverForm{width:100%;grid-template-columns:90px 1fr}}
.board-editor textarea{min-height:320px;line-height:1.55}.board-char-count{margin-left:auto;color:#9fb1a3;font-size:11px}.board-note{min-width:0}.board-note h3,.board-note p{overflow-wrap:anywhere}.bankruptcy-panel{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:17px;border:2px solid #a94c47;border-radius:12px;background:linear-gradient(135deg,#462321,#211817)}.bankruptcy-panel>span{font-size:34px}.bankruptcy-panel small{color:#f19c91;font-size:9px;font-weight:900;letter-spacing:1px}.bankruptcy-panel h3{margin:3px 0;color:#ffd1ca}.bankruptcy-panel p{margin:0;color:#d8b9b5;font-size:11px;line-height:1.5}.bankruptcy-panel button{padding:10px 13px;background:#853d3a;color:#fff;border:1px solid #dc756c;border-radius:8px;font-weight:900}@media(max-width:600px){.board-editor textarea{min-height:240px}.board-char-count{order:3;width:100%;margin:0}.bankruptcy-panel{grid-template-columns:auto 1fr}.bankruptcy-panel button{grid-column:1/-1}}
.business-management,.business-branches{margin-top:12px;padding:12px;border:1px solid #526b57;border-radius:10px;background:#101c15}.business-management summary{cursor:pointer;color:#f1cc62;font-weight:900}.business-management form{display:grid;grid-template-columns:1fr 1.5fr auto;gap:8px;align-items:end;margin-top:10px}.business-management label{display:grid;gap:4px;color:#aebeb1;font-size:10px;font-weight:900}.business-management input,.business-management textarea{width:100%;padding:9px;border:1px solid #526b57;border-radius:7px;background:#09130d;color:#fff}.business-management textarea{min-height:58px;resize:vertical}.business-management button{padding:10px;background:#dfb943;color:#2b2208;border-radius:7px;font-weight:900}.business-branches>div:first-child{display:flex;align-items:end;justify-content:space-between;margin-bottom:8px}.business-branches h3{margin:2px 0}.business-branches>div:last-child{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}.business-branches article{display:flex;justify-content:space-between;gap:10px;padding:11px;border:1px solid #ffffff13;border-radius:9px;background:#18281d}.business-branches article>div{display:grid;gap:3px}.business-branches article small{color:#d5b853;font-size:8px}.business-branches article p,.business-branches article span{margin:0;color:#9eb0a2;font-size:9px}.business-branches article button{align-self:center;padding:8px;background:#314a38;color:#fff;border-radius:7px;font-size:9px}@media(max-width:700px){.business-management form{grid-template-columns:1fr}.business-branches article{align-items:stretch;flex-direction:column}.business-branches article button{align-self:stretch}}
.business-management .business-dissolve{grid-template-columns:1.5fr 1fr auto;margin-top:14px;padding:11px;border:1px solid #814b46;border-radius:9px;background:#2a1817}.business-dissolve>div{display:grid;gap:3px}.business-dissolve b{color:#ffaaa1}.business-dissolve small{color:#c9a19d;font-size:9px;line-height:1.4}.business-management .business-dissolve input{border-color:#74504c}.business-management .business-dissolve button{background:#8a3935;color:#fff}@media(max-width:700px){.business-management .business-dissolve{grid-template-columns:1fr}}