:root{font-family:Georgia,serif;line-height:1.6;font-weight:400;color:#f0e6d2;background-color:var(--primary-bg-color, #0d1a2e);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--card-bg: #2c3e50;--card-bg-gradient: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);--card-border: #7f8c8d;--card-border-width: 2px;--card-border-radius: 10px;--card-shadow: 0 4px 8px rgba(0, 0, 0, .3);--card-padding: 12px;--module-bg: rgba(255, 255, 255, .05);--textbox-bg: rgba(255, 255, 255, .08);--text-primary: #ecf0f1;--text-secondary: #95a5a6;--text-initiative: #f39c12;--divider-color: rgba(255, 255, 255, .3);--faded-border-gradient: linear-gradient(to right, transparent, rgba(255, 255, 255, .3), transparent);--faded-border-height: 2px;--faded-border-compact-height: 1px;--creature-health-bg: rgba(231, 76, 60, .2);--creature-health-text: #e74c3c;--creature-move-bg: rgba(52, 152, 219, .2);--creature-move-text: #3498db;--creature-attack-bg: rgba(243, 156, 18, .2);--creature-attack-text: #f39c12;--creature-range-bg: rgba(46, 204, 113, .2);--creature-range-text: #2ecc71;--card-hover-shadow: 0 8px 16px rgba(0, 0, 0, .4);--card-hover-transform: translateY(-4px);--card-selected-border: #2ecc71;--card-selected-shadow: 0 0 20px rgba(46, 204, 113, .5);--card-selected-bg: linear-gradient(135deg, #27ae60 0%, #2ecc71 100%);--module-padding: 8px;--module-padding-compact: 4px;--module-gap: 6px;--module-gap-compact: 4px;--element-generate-bg: rgba(46, 204, 113, .2);--element-generate-text: #2ecc71;--element-consume-bg: rgba(231, 76, 60, .2);--element-consume-text: #e74c3c;--effect-tag-bg: rgba(155, 89, 182, .3);--effect-tag-text: #9b59b6;--effect-tag-radius: 10px;--card-width: 180px;--card-height: 250px;--card-width-compact: 120px;--card-height-compact: 180px;--transition-fast: .2s ease;--transition-normal: .3s ease}html,body{margin:0;padding:0;width:100%;min-height:100vh;box-sizing:border-box}#root{width:100%;min-height:100%}*,*:before,*:after{box-sizing:inherit}h1,h2,h3,h4,h5,h6{font-family:MedievalSharp,serif;color:#c9a444}a{color:#c9a444;text-decoration:none;transition:color .2s ease}a:hover{color:#f0e6d2}button{font-family:inherit;cursor:pointer}.reconnecting-modal-overlay{position:fixed;inset:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.reconnecting-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #0f3460;border-radius:16px;padding:32px;max-width:400px;width:90%;text-align:center;box-shadow:0 10px 40px #00000080;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.reconnecting-spinner{margin:0 auto 20px;width:64px;height:64px}.spinner{width:64px;height:64px;border:4px solid rgba(255,255,255,.1);border-top-color:#4a9eff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.reconnecting-success{margin:0 auto 20px;width:64px;height:64px;background-color:#28a745;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;color:#fff;animation:scaleIn .3s ease-out}.reconnecting-error{margin:0 auto 20px;width:64px;height:64px;background-color:#dc3545;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;color:#fff;animation:scaleIn .3s ease-out}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.reconnecting-title{color:#fff;font-size:24px;font-weight:600;margin:0 0 12px}.reconnecting-message{color:#ffffffb3;font-size:16px;margin:0;line-height:1.5}.reconnecting-refresh-btn{margin-top:20px;padding:12px 24px;background-color:#4a9eff;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s}.reconnecting-refresh-btn:hover{background-color:#357abd}.reconnecting-refresh-btn:active{transform:scale(.98)}@media(max-width:480px){.reconnecting-modal{padding:24px;max-width:340px}.reconnecting-title{font-size:20px}.reconnecting-message{font-size:14px}.reconnecting-spinner,.reconnecting-success,.reconnecting-error,.spinner{width:48px;height:48px}}.player-banner{position:fixed;top:80px;left:50%;transform:translate(-50%);min-width:300px;max-width:500px;padding:16px 20px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 12px #0000004d;z-index:9000;animation:slideDown .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.banner-warning{background:linear-gradient(135deg,#dc3545f2,#c1121ff2);border:2px solid rgba(255,255,255,.2)}.banner-success{background:linear-gradient(135deg,#28a745f2,#198754f2);border:2px solid rgba(255,255,255,.2)}.banner-content{display:flex;align-items:center;gap:12px;flex:1}.banner-icon{width:24px;height:24px;flex-shrink:0}.disconnected-icon,.reconnected-icon{color:#fff}.banner-message{color:#fff;font-size:16px;font-weight:600;line-height:1.4}.banner-dismiss{background:#fff3;border:none;border-radius:6px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;cursor:pointer;transition:background-color .2s;flex-shrink:0;margin-left:12px}.banner-dismiss:hover{background:#ffffff4d}.banner-dismiss:active{transform:scale(.95)}@media(max-width:600px){.player-banner{top:60px;left:16px;right:16px;min-width:auto;max-width:none;transform:none;animation:slideDownMobile .3s ease-out}@keyframes slideDownMobile{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.banner-message{font-size:14px}.banner-icon{width:20px;height:20px}.banner-dismiss{width:24px;height:24px;font-size:16px}}@media(prefers-reduced-motion:reduce){.player-banner{animation:none}}._header_19lbx_10{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;height:64px;position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--primary-bg-color, #0d1a2e);border-bottom:2px solid var(--divider-color, rgba(255, 255, 255, .1));box-sizing:border-box}._headerLeft_19lbx_27{display:flex;align-items:center;flex-shrink:0}._brand_19lbx_33{margin:0;font-size:28px;font-weight:700;color:#c9a444;font-family:Georgia,serif;letter-spacing:2px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}._brand_19lbx_33:hover{text-shadow:0 0 10px rgba(201,164,68,.5);transform:scale(1.02)}._brand_19lbx_33:active{transform:scale(.98)}._headerSpacer_19lbx_55{flex:1}._headerRight_19lbx_60{display:flex;align-items:center;gap:16px;flex-shrink:0}._createGameButton_19lbx_68{padding:8px 16px;background:#c9a444;color:#0d1a2e;border:none;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}._createGameButton_19lbx_68:hover{background:#d4b05a;transform:translateY(-1px);box-shadow:0 2px 8px #c9a4444d}._createGameButton_19lbx_68:active{transform:translateY(0)}._menuToggleButton_19lbx_92{background:none;border:none;color:var(--text-primary, #ecf0f1);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:4px;transition:background-color .2s ease}._menuToggleButton_19lbx_92:hover{background-color:#ffffff1a}._menuToggleButton_19lbx_92:active{background-color:#ffffff26}._hamburger_19lbx_116{display:flex;flex-direction:column;gap:4px;width:24px;height:24px}._hamburgerLine_19lbx_124{display:block;width:100%;height:2px;background-color:currentColor;border-radius:1px;transition:all .3s cubic-bezier(.4,0,.2,1)}._menuToggleButton_19lbx_92._menuOpen_19lbx_134 ._hamburgerLine_19lbx_124:nth-child(1){transform:translateY(10px) rotate(45deg)}._menuToggleButton_19lbx_92._menuOpen_19lbx_134 ._hamburgerLine_19lbx_124:nth-child(2){opacity:0}._menuToggleButton_19lbx_92._menuOpen_19lbx_134 ._hamburgerLine_19lbx_124:nth-child(3){transform:translateY(-10px) rotate(-45deg)}@media(max-width:1024px){._header_19lbx_10{padding:12px 16px}._brand_19lbx_33{font-size:24px}._headerRight_19lbx_60{gap:12px}}@media(max-width:768px){._header_19lbx_10{height:56px;padding:10px 16px}._brand_19lbx_33{font-size:20px;letter-spacing:1px}._headerRight_19lbx_60{gap:8px}._menuToggleButton_19lbx_92{min-width:40px;min-height:40px}._hamburger_19lbx_116{width:20px;height:20px;gap:3px}._hamburgerLine_19lbx_124{height:2px}._menuToggleButton_19lbx_92._menuOpen_19lbx_134 ._hamburgerLine_19lbx_124:nth-child(1){transform:translateY(8px) rotate(45deg)}._menuToggleButton_19lbx_92._menuOpen_19lbx_134 ._hamburgerLine_19lbx_124:nth-child(3){transform:translateY(-8px) rotate(-45deg)}}@media(max-width:480px){._header_19lbx_10{height:52px;padding:8px 12px}._brand_19lbx_33{font-size:18px}._headerRight_19lbx_60{gap:4px}._menuToggleButton_19lbx_92{min-width:36px;min-height:36px;padding:6px}._hamburger_19lbx_116{width:18px;height:18px;gap:3px}._hamburgerLine_19lbx_124{height:2px}}._backdrop_hnvf2_12{position:fixed;inset:0;background:#00000080;z-index:1000;animation:_backdropFadeIn_hnvf2_1 .3s ease-in-out}@keyframes _backdropFadeIn_hnvf2_1{0%{opacity:0}to{opacity:1}}._menuPanel_hnvf2_33{position:fixed;top:0;right:0;width:min(60vw,300px);height:100vh;background:var(--primary-bg-color, #0d1a2e);z-index:1001;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-sizing:border-box;overflow-y:auto;overflow-x:hidden;border-left:1px solid var(--divider-color, rgba(255, 255, 255, .1))}._menuPanel_hnvf2_33._menuOpen_hnvf2_49{transform:translate(0)}._closeButton_hnvf2_54{position:absolute;top:12px;right:12px;background:none;border:none;color:var(--text-primary, #ecf0f1);font-size:32px;line-height:1;cursor:pointer;padding:4px 8px;transition:color .2s ease,transform .2s ease;z-index:10}._closeButton_hnvf2_54:hover{color:#c9a444;transform:scale(1.1)}._closeButton_hnvf2_54:active{transform:scale(.95)}._languageSelectorSection_hnvf2_79{padding:48px 16px 16px;display:flex;justify-content:center}._menuItems_hnvf2_86{display:flex;flex-direction:column;padding:16px 0;gap:8px}._menuItem_hnvf2_86{display:flex;align-items:center;width:100%;padding:16px 24px;background:none;border:none;color:var(--text-primary, #ecf0f1);font-size:16px;font-family:inherit;cursor:pointer;transition:all .2s ease;text-align:left;border-left:4px solid transparent}._menuItem_hnvf2_86:hover{background:#ffffff14;border-left-color:#c9a444;padding-left:20px}._menuItem_hnvf2_86:active{background:#ffffff1f}._menuItemText_hnvf2_120{display:block;text-transform:none;font-weight:400}._menuDivider_hnvf2_127{height:1px;background:var(--divider-color, rgba(255, 255, 255, .1));margin:8px 0}._menuItemDanger_hnvf2_134{color:#ff6b6b}._menuItemDanger_hnvf2_134:hover{background:#ff6b6b26;border-left-color:#ff6b6b}@media(max-width:1024px){._menuItem_hnvf2_86{padding:14px 12px;font-size:14px}._menuItems_hnvf2_86{padding:16px 0;gap:6px}._languageSelectorSection_hnvf2_79{padding:40px 12px 12px}._closeButton_hnvf2_54{top:8px;right:8px;font-size:28px}}@media(max-width:480px){._menuItem_hnvf2_86{padding:12px 8px;font-size:13px}._menuItems_hnvf2_86{padding:12px 0;gap:4px}._menuItem_hnvf2_86:hover{padding-left:8px}._languageSelectorSection_hnvf2_79{padding:36px 8px 8px}._closeButton_hnvf2_54{top:6px;right:6px;font-size:24px}}@supports (padding: max(0px)){._menuPanel_hnvf2_33{padding-right:max(0px,env(safe-area-inset-right));padding-left:max(0px,env(safe-area-inset-left))}}._menuPanel_hnvf2_33::-webkit-scrollbar{width:6px}._menuPanel_hnvf2_33::-webkit-scrollbar-track{background:transparent}._menuPanel_hnvf2_33::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}._menuPanel_hnvf2_33::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.app-container{display:flex;flex-direction:column;width:100%;min-height:100vh;position:relative;background-color:var(--primary-bg-color, #0d1a2e)}.app-container:before{content:"";position:absolute;inset:0;background-image:url(/hex-pattern.svg);background-size:200px;opacity:.05;z-index:0}.main-content{flex-grow:1;position:relative;z-index:1}