:root{--sa-bg-primary: #1a1207;--sa-bg-secondary: #2a1f0e;--sa-bg-card: #3a2c15;--sa-bg-board: #4a3c1f;--sa-text-primary: #f0e6d2;--sa-text-secondary: #b8a88a;--sa-text-muted: #7a6b52;--sa-wood: #8B6914;--sa-wood-light: #c99a2e;--sa-brick: #c45a3c;--sa-brick-light: #e87a5c;--sa-stone: #6B6B6B;--sa-stone-light: #9a9a9a;--sa-gold: #d4a017;--sa-gold-light: #f0c040;--sa-food: #2D5016;--sa-food-light: #4a8029;--sa-player-red: #cc4444;--sa-player-blue: #4488cc;--sa-player-green: #44aa44;--sa-player-yellow: #ccaa22;--sa-accent: #d4a017;--sa-accent-hover: #e8b830;--sa-success: #44aa44;--sa-error: #cc4444;--sa-border: #5a4a2a;--sa-border-light: #7a6a4a;--sa-river: #2E6B9E;--sa-forest: #2D5016;--sa-clay: #8B4513;--sa-mountain: #5a5a5a;--sa-radius: 8px;--sa-radius-sm: 4px;--sa-radius-lg: 12px}.sa-container{font-family:Inter,-apple-system,sans-serif;color:var(--sa-text-primary);background:var(--sa-bg-primary)}.sa-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border:1px solid var(--sa-border);border-radius:var(--sa-radius);background:linear-gradient(180deg,#4a3a20,#3a2c15);color:var(--sa-text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;box-shadow:0 1px 3px #0003}.sa-btn:hover{background:linear-gradient(180deg,#5a4a30,#4a3c20);border-color:var(--sa-border-light);box-shadow:0 2px 5px #0000004d}.sa-btn:disabled{opacity:.5;cursor:not-allowed}.sa-btn-primary{background:linear-gradient(180deg,#e8b830,#c49015);color:var(--sa-bg-primary);border-color:#c49015;text-shadow:0 1px 0 rgba(255,255,255,.15)}.sa-btn-primary:hover{background:linear-gradient(180deg,#f0c840,#d4a017);box-shadow:0 2px 8px #d4a0174d}.sa-btn-danger{border-color:var(--sa-error);color:var(--sa-error)}.sa-btn-danger:hover{background:var(--sa-error);color:#fff}.sa-card{background:linear-gradient(145deg,#3a2c15,#2a1f0e);border:1px solid var(--sa-border);border-radius:var(--sa-radius);padding:16px;box-shadow:inset 0 1px #ffffff0d,0 2px 6px #00000040}.sa-player-board{background:linear-gradient(155deg,#4a3520,#3a2810 40%,#2a1d0a);border:2px solid #5a4a2a;box-shadow:inset 0 1px #ffffff0f,inset 0 -1px #0003,0 3px 8px #00000059}.sa-hud{display:flex;align-items:center;gap:12px;padding:8px 16px;background:linear-gradient(180deg,#3a2c18,#2a1f0e);border-radius:var(--sa-radius);border:1px solid var(--sa-border);border-bottom:2px solid #4a3a1a;box-shadow:0 3px 8px #0000004d;flex-wrap:wrap}.sa-hud-divider{width:1px;height:20px;background:var(--sa-border)}.sa-hud-phase-badge{padding:3px 12px;border-radius:12px;background:linear-gradient(135deg,#4a3c1f,#3a2c15);border:1px solid var(--sa-border);font-size:12px;font-weight:600;color:var(--sa-accent)}@keyframes sa-dice-roll{0%{transform:rotateX(0) rotateY(0)}25%{transform:rotateX(90deg) rotateY(90deg)}50%{transform:rotateX(180deg) rotateY(180deg)}75%{transform:rotateX(270deg) rotateY(270deg)}to{transform:rotateX(360deg) rotateY(360deg)}}@keyframes sa-dice-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes sa-score-pop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes sa-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes sa-pulse{0%,to{opacity:1}50%{opacity:.6}}.sa-dice-rolling{animation:sa-dice-roll .5s ease-in-out}.sa-dice-bounce{animation:sa-dice-bounce .3s ease}.sa-score-pop{animation:sa-score-pop .4s ease}.sa-fade-in{animation:sa-fade-in .3s ease}.sa-pulse{animation:sa-pulse 1.5s ease-in-out infinite}.sa-location-available{cursor:pointer;filter:brightness(1.1);transition:filter .2s}.sa-location-available:hover{filter:brightness(1.3);outline:2px solid var(--sa-accent);outline-offset:2px}.sa-location-blocked{opacity:.4;cursor:not-allowed}.sa-active-turn{box-shadow:0 0 0 2px var(--sa-accent)}.sa-resource-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:12px;font-size:13px;font-weight:600;box-shadow:0 1px 3px #00000040;transition:transform .15s ease}.sa-resource-badge:hover{transform:scale(1.05)}.sa-resource-badge.wood{background:linear-gradient(135deg,#a07a1e,#6a4f0f);color:#fff}.sa-resource-badge.brick{background:linear-gradient(135deg,#d46a4c,#a04830);color:#fff}.sa-resource-badge.stone{background:linear-gradient(135deg,#7a7a7a,#505050);color:#fff}.sa-resource-badge.gold{background:linear-gradient(135deg,#f0c040,#b08010);color:var(--sa-bg-primary)}.sa-resource-badge.food{background:linear-gradient(135deg,#3a6a20,#1e3a0e);color:#fff}.sa-lobby{max-width:640px;margin:0 auto;padding:32px 20px;font-family:Inter,-apple-system,sans-serif;color:var(--sa-text-primary)}.sa-lobby-header{text-align:center;margin-bottom:28px}.sa-lobby-title{font-size:36px;font-weight:700;color:var(--sa-accent);margin:0 0 6px;letter-spacing:-.5px}.sa-lobby-subtitle{font-size:14px;color:var(--sa-text-secondary);margin:0;line-height:1.5}.sa-lobby-connection{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--sa-radius);margin-bottom:20px;font-size:13px;border:1px solid}.sa-lobby-connection-ok{background:#44aa4414;border-color:#4a43;color:var(--sa-success)}.sa-lobby-connection-err{background:#cc444414;border-color:#c443;color:var(--sa-error)}.sa-lobby-connection-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.sa-lobby-connection-ok .sa-lobby-connection-dot{background:var(--sa-success)}.sa-lobby-connection-err .sa-lobby-connection-dot{background:var(--sa-error);animation:sa-pulse 1.5s ease-in-out infinite}.sa-lobby-connection-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sa-lobby-btn-retry{font-size:12px;padding:4px 12px;border-color:var(--sa-error);color:var(--sa-error);background:transparent;flex-shrink:0}.sa-lobby-btn-retry:hover{background:var(--sa-error);color:#fff}.sa-lobby-create{margin-bottom:16px}.sa-lobby-create-title{font-size:14px;font-weight:600;margin-bottom:10px;color:var(--sa-text-primary)}.sa-lobby-create-form{display:flex;gap:8px;flex-wrap:wrap}.sa-lobby-create-privacy{display:flex;align-items:center;gap:12px;margin-top:10px;flex-wrap:wrap}.sa-lobby-create-btn{width:100%;margin-top:10px;padding:10px 16px}.sa-lobby-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:13px;color:var(--sa-text-secondary)}.sa-lobby-toggle input{position:absolute;opacity:0;width:0;height:0}.sa-lobby-toggle-slider{position:relative;width:36px;height:20px;background:var(--sa-border);border-radius:10px;flex-shrink:0;transition:background .2s}.sa-lobby-toggle-slider:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:var(--sa-text-muted);border-radius:50%;transition:all .2s}.sa-lobby-toggle input:checked+.sa-lobby-toggle-slider{background:var(--sa-accent)}.sa-lobby-toggle input:checked+.sa-lobby-toggle-slider:after{left:18px;background:var(--sa-bg-primary)}.sa-lobby-input-passcode{max-width:180px}.sa-lobby-join-code{margin-bottom:24px}.sa-lobby-join-code-hint{font-size:12px;color:var(--sa-text-muted);margin:-4px 0 10px}.sa-lobby-input{flex:1;min-width:160px;padding:9px 14px;background:var(--sa-bg-primary);border:1px solid var(--sa-border);border-radius:var(--sa-radius-sm);color:var(--sa-text-primary);font-size:14px;font-family:inherit;outline:none;transition:border-color .2s}.sa-lobby-input::placeholder{color:var(--sa-text-muted)}.sa-lobby-input:focus{border-color:var(--sa-accent)}.sa-lobby-select{padding:9px 12px;background:var(--sa-bg-primary);border:1px solid var(--sa-border);border-radius:var(--sa-radius-sm);color:var(--sa-text-primary);font-size:14px;font-family:inherit;outline:none;cursor:pointer}.sa-lobby-select:focus{border-color:var(--sa-accent)}.sa-lobby-error{color:var(--sa-error);font-size:13px;padding:8px 12px;margin-bottom:16px;background:#cc444414;border:1px solid rgba(204,68,68,.2);border-radius:var(--sa-radius-sm)}.sa-lobby-rooms{margin-top:4px}.sa-lobby-rooms-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.sa-lobby-rooms-title{font-size:14px;font-weight:600}.sa-lobby-rooms-count{font-size:11px;background:var(--sa-accent);color:var(--sa-bg-primary);border-radius:10px;padding:1px 7px;font-weight:600}.sa-lobby-rooms-empty{text-align:center;padding:32px 16px;color:var(--sa-text-muted);font-size:14px}.sa-lobby-rooms-empty p{margin:0}.sa-lobby-rooms-empty-icon{margin-bottom:12px}.sa-lobby-rooms-empty-hint{font-size:12px;margin-top:4px!important;color:var(--sa-text-secondary)}.sa-lobby-room-card{display:flex;align-items:center;gap:12px;margin-bottom:8px;transition:border-color .2s}.sa-lobby-room-card:hover{border-color:var(--sa-border-light)}.sa-lobby-room-card-info{flex:1;min-width:0}.sa-lobby-room-card-name{font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sa-lobby-room-card-meta{font-size:12px;color:var(--sa-text-secondary);margin-top:2px}.sa-lobby-room-card-players{display:inline-flex;align-items:center;gap:3px}.sa-lobby-room-card-players span{margin-left:4px}.sa-lobby-room{max-width:480px;margin:0 auto}.sa-lobby-room-header{display:flex;align-items:baseline;gap:10px;margin-bottom:12px}.sa-lobby-room-header-right{display:flex;align-items:center;gap:8px}.sa-lobby-tag-private{background:var(--sa-border);color:var(--sa-text-secondary);font-size:10px;padding:2px 6px;border-radius:3px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.sa-lobby-share-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 14px;background:#d4a01714;border:1px solid rgba(212,160,23,.2);border-radius:var(--sa-radius);margin-bottom:16px;font-size:13px}.sa-lobby-share-label{color:var(--sa-text-secondary)}.sa-lobby-share-code{font-family:JetBrains Mono,monospace;font-weight:600;color:var(--sa-accent);background:var(--sa-bg-primary);padding:2px 10px;border-radius:var(--sa-radius-sm);letter-spacing:.5px}.sa-lobby-room-title{font-size:24px;font-weight:700;color:var(--sa-accent);margin:0}.sa-lobby-room-code{font-size:13px;color:var(--sa-text-muted);font-family:JetBrains Mono,monospace}.sa-lobby-players{background:var(--sa-bg-card);border:1px solid var(--sa-border);border-radius:var(--sa-radius);padding:16px;margin-bottom:16px}.sa-lobby-players-header{font-size:13px;color:var(--sa-text-secondary);margin-bottom:12px;font-weight:500}.sa-lobby-player{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid rgba(90,74,42,.3)}.sa-lobby-player:last-child{border-bottom:none;padding-bottom:0}.sa-lobby-player-info{flex:1;display:flex;align-items:center;gap:6px;min-width:0}.sa-lobby-player-name{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sa-lobby-player-you{font-weight:600}.sa-lobby-player-tags{display:flex;gap:4px;flex-shrink:0}.sa-lobby-tag{font-size:10px;padding:1px 6px;border-radius:3px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.sa-lobby-tag-host{background:var(--sa-accent);color:var(--sa-bg-primary)}.sa-lobby-tag-you{background:var(--sa-border);color:var(--sa-text-primary)}.sa-lobby-player-empty{opacity:.4}.sa-lobby-player-waiting{font-size:13px;font-style:italic;color:var(--sa-text-muted)}.sa-lobby-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.sa-lobby-status-online{background:var(--sa-success)}.sa-lobby-status-offline{background:var(--sa-error)}.sa-lobby-actions{display:flex;gap:8px;margin-bottom:8px}.sa-lobby-btn-start{flex:1}.sa-lobby-wait-msg{font-size:13px;color:var(--sa-text-muted);text-align:center;margin:12px 0 0}.sa-game-wrapper{min-height:100vh}.sa-game-overlay{position:absolute;inset:0;pointer-events:none;z-index:10}.sa-game-overlay>*{pointer-events:none}@keyframes sa-score-float{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-60px)}}@keyframes sa-slide-down{0%{opacity:0;transform:translate(-50%) translateY(-100%)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes sa-confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.sa-confetti-piece{animation:sa-confetti-fall linear infinite}.sa-toast{animation:sa-fade-in .3s ease}@keyframes sa-timer-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.sa-turn-timer-critical{animation:sa-timer-pulse .5s ease-in-out infinite}.sa-victory{animation:sa-fade-in .5s ease}.sa-chat-panel{transition:width .2s ease}@keyframes sa-worker-place{0%{transform:translateY(-20px) scale(.5);opacity:0}60%{transform:translateY(2px) scale(1.1);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}.sa-worker-placed{animation:sa-worker-place .4s ease-out}@keyframes sa-resource-collect{0%{transform:scale(1);filter:brightness(1)}30%{transform:scale(1.3);filter:brightness(1.5)}to{transform:scale(1);filter:brightness(1)}}.sa-resource-collected{animation:sa-resource-collect .5s ease}@keyframes sa-card-hover-glow{0%,to{box-shadow:0 0 #d4a01700}50%{box-shadow:0 0 12px #d4a01766}}@keyframes sa-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.sa-shimmer{background:linear-gradient(90deg,transparent 0%,rgba(240,192,64,.15) 50%,transparent 100%);background-size:200% 100%;animation:sa-shimmer 2s linear infinite}@keyframes sa-dice-cup-tip{0%{transform:rotate(0)}30%{transform:rotate(-30deg)}60%{transform:rotate(5deg)}to{transform:rotate(0)}}.sa-dice-cup-tipping{animation:sa-dice-cup-tip .6s ease;transform-origin:bottom center}@keyframes sa-location-glow{0%,to{box-shadow:0 0 4px #f0c0404d}50%{box-shadow:0 0 12px #f0c04099}}@keyframes sa-marker-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.sa-score-update{animation:sa-marker-bounce .3s ease 2}.sa-resource-badge img{transition:transform .15s ease}.sa-resource-badge:hover img{transform:scale(1.15)}.sa-card .sa-btn:hover{transform:translateY(-1px)}.sa-card,.sa-btn,.sa-resource-badge{transition:all .2s ease}._container_p4zvr_1{min-height:calc(100vh - 120px);padding:20px;background:#1a1207}._loading_p4zvr_7{text-align:center;padding:80px 20px;color:#7a6b52;font-size:14px}._loadingSpinner_p4zvr_14{width:32px;height:32px;border:3px solid #3a2c15;border-top-color:#d4a017;border-radius:50%;margin:0 auto 16px;animation:_spin_p4zvr_1 .8s linear infinite}@keyframes _spin_p4zvr_1{to{transform:rotate(360deg)}}._loginPrompt_p4zvr_28{max-width:480px;margin:80px auto;text-align:center}._title_p4zvr_34{font-size:36px;font-weight:700;color:#d4a017;margin:0 0 8px;letter-spacing:-.5px}._subtitle_p4zvr_42{color:#b8a88a;font-size:14px;line-height:1.6;margin:0 0 32px}._loginBox_p4zvr_49{display:inline-flex;flex-direction:column;align-items:center;gap:12px;padding:24px 32px;background:#2a1f0e;border:1px solid #5a4a2a;border-radius:12px}._loginHint_p4zvr_60{font-size:12px;color:#7a6b52;margin:0}._features_p4zvr_66{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:32px}._feature_p4zvr_66{display:flex;align-items:center;gap:6px;font-size:13px;color:#b8a88a}._featureIcon_p4zvr_82{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#3a2c15;border-radius:4px;font-size:11px}._aboutSection_p4zvr_93{text-align:left;max-width:440px;margin:0 auto 32px;padding:20px 24px;background:#221a0a;border:1px solid #3a2c15;border-radius:10px}._aboutHeading_p4zvr_103{font-size:16px;font-weight:600;color:#d4a017;margin:0 0 10px}._aboutText_p4zvr_110{font-size:13px;line-height:1.7;color:#9a8b6e;margin:0 0 10px}._aboutText_p4zvr_110:last-child{margin-bottom:0}._techTags_p4zvr_121{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}._techTags_p4zvr_121 span{padding:4px 10px;font-size:.7rem;font-family:var(--font-mono, monospace);background:#d4a01714;border:1px solid rgba(212,160,23,.2);border-radius:4px;color:#d4a017}