.server-connection-info{background:rgba(30,41,59,.5);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(71,85,105,.5);border-radius:.75rem;padding:1rem;margin-top:1.5rem;transition:all .2s ease;width:100%}.server-connection-info:hover{border-color:#475569b3;background:rgba(30,41,59,.6)}.server-connection-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.server-connection-title{font-size:.875rem;font-weight:600;color:#cbd5e1;text-transform:uppercase;letter-spacing:.05em;margin:0}.server-connection-spinner{width:1rem;height:1rem;border:2px solid rgba(148,163,184,.3);border-top:2px solid #94a3b8;border-radius:50%;animation:spin 1s linear infinite}.server-connection-content{display:flex;flex-direction:column;gap:.5rem}.server-connection-row{display:flex;align-items:center;justify-content:space-between}.server-connection-label{color:#94a3b8;font-size:.875rem}.server-connection-value{display:flex;align-items:center;gap:.5rem}.server-connection-icon{font-size:1.125rem;transition:all .2s ease}.server-connection-text{font-size:.875rem;font-weight:500}.status-online{color:#34d399}.status-offline,.status-error{color:#f87171}.status-checking{color:#fbbf24}.status-unknown{color:#9ca3af}.player-count{color:#60a5fa;font-size:.875rem;font-weight:500}.spectator-count{color:#c084fc;font-size:.875rem;font-weight:500}.server-connection-last-updated{display:flex;align-items:center;justify-content:space-between;padding-top:.5rem;border-top:1px solid rgba(71,85,105,.3);margin-top:.5rem}.last-updated-label{color:#64748b;font-size:.75rem}.last-updated-time{color:#94a3b8;font-size:.75rem}.status-checking .server-connection-icon{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 480px){.server-connection-info{padding:.75rem;margin-top:1rem}.server-connection-title,.server-connection-label,.server-connection-text,.player-count,.spectator-count{font-size:.8125rem}.last-updated-label,.last-updated-time{font-size:.6875rem}}.main-menu-container{position:fixed;top:0;left:0;right:0;bottom:0;background:transparent;display:flex;align-items:center;justify-content:center;padding:1rem;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.main-menu-background{display:none}.main-menu-content{position:relative;width:100%;max-width:36rem;z-index:1}.main-menu-card{background:rgba(30,41,59,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(71,85,105,.5);border-radius:1rem;padding:2rem;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #4755691a}.main-menu-title{text-align:center;margin-bottom:2rem}.main-menu-title h1{font-size:3rem;font-weight:700;background:linear-gradient(135deg,#60a5fa,#06b6d4,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .5rem;line-height:1.1}@media (min-width: 768px){.main-menu-title h1{font-size:3.5rem}}.main-menu-title-underline{height:4px;width:6rem;background:linear-gradient(90deg,#3b82f6,#06b6d4);border-radius:2px;margin:0 auto;opacity:.6}.username-section{margin-bottom:1.5rem}.username-label{display:block;font-size:.875rem;font-weight:500;color:#cbd5e1;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}.username-input{width:100%;padding:.75rem 1rem;background:rgba(51,65,85,.5);border:1px solid rgba(71,85,105,.5);border-radius:.75rem;color:#fff;font-size:1rem;transition:all .2s ease;outline:none}.username-input::placeholder{color:#94a3b8}.username-input:hover{border-color:#475569b3}.username-input:focus{border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f61a;background:rgba(51,65,85,.7)}.username-input:disabled{opacity:.5;cursor:not-allowed}.play-button{width:100%;padding:.75rem 1.5rem;background:linear-gradient(135deg,#2563eb,#0891b2);color:#fff;font-weight:600;font-size:1rem;border:none;border-radius:.75rem;cursor:pointer;transition:all .2s ease;box-shadow:0 10px 15px -3px #3b82f640,0 4px 6px -2px #3b82f60d;outline:none;position:relative;overflow:hidden}.play-button:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#0e7490);transform:translateY(-1px);box-shadow:0 20px 25px -5px #3b82f666,0 10px 10px -5px #3b82f61a}.play-button:active:not(:disabled){transform:translateY(0)}.play-button:focus{box-shadow:0 10px 15px -3px #3b82f640,0 4px 6px -2px #3b82f60d,0 0 0 3px #3b82f64d}.play-button:disabled{background:linear-gradient(135deg,#475569,#64748b);cursor:not-allowed;transform:none;box-shadow:none}.play-button-content{display:flex;align-items:center;justify-content:center;gap:.5rem}.spinner{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.play-icon{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.warning-message{margin-top:1rem;padding:.75rem;border-radius:.5rem;border:1px solid;font-size:.875rem;font-weight:500}.warning-message.error{background:rgba(127,29,29,.3);border-color:#ef44444d;color:#fca5a5}.warning-message.warning{background:rgba(146,64,14,.3);border-color:#f59e0b4d;color:#fbbf24}.warning-message.success{background:rgba(20,83,45,.3);border-color:#22c55e4d;color:#86efac}.warning-content{display:flex;align-items:center;gap:.5rem}.warning-icon{width:1rem;height:1rem;flex-shrink:0}.warning-icon.spin{animation:spin 1s linear infinite}.retry-button{background:none;border:none;color:inherit;cursor:pointer;padding:.25rem;margin-left:.5rem;border-radius:.25rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;opacity:.7}.retry-button:hover{opacity:1;background:rgba(255,255,255,.1);transform:rotate(180deg)}.retry-button:active{transform:rotate(180deg) scale(.95)}.retry-icon{width:1rem;height:1rem;stroke-width:2}.game-version-info{margin-top:1.5rem;padding:.75rem;background:rgba(15,23,42,.6);border:1px solid rgba(71,85,105,.3);border-radius:.5rem;text-align:center}.game-version-label{font-size:.875rem;font-weight:600;color:#60a5fa;margin-bottom:.25rem}.game-version-build{font-size:.75rem;color:#94a3b8;font-family:Courier New,monospace}.server-info{margin-top:1.5rem;padding:1rem;background:rgba(51,65,85,.3);border:1px solid rgba(71,85,105,.3);border-radius:.5rem}.server-info-text{font-size:.75rem;color:#94a3b8;text-align:center;line-height:1.5}.server-info-text .highlight{color:#cbd5e1;font-weight:500}.decorative-elements{position:relative}.decorative-dot{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.decorative-dot-1{top:-1rem;right:-1rem;width:2rem;height:2rem;background:rgba(59,130,246,.2)}.decorative-dot-2{bottom:-1.5rem;left:-1.5rem;width:3rem;height:3rem;background:rgba(6,182,212,.2)}.decorative-dot-3{top:33%;left:-.5rem;width:1rem;height:1rem;background:rgba(96,165,250,.3)}@media (max-width: 640px){.main-menu-container{padding:.5rem}.main-menu-card{padding:1.5rem}.main-menu-title h1{font-size:2.5rem}}@media (prefers-reduced-motion: reduce){.spinner,.warning-icon.spin{animation:none}.play-button:hover:not(:disabled){transform:none}.play-button:active:not(:disabled){transform:none}}@supports selector(:focus-visible){.username-input:focus{box-shadow:none}.username-input:focus-visible{border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f61a;background:rgba(51,65,85,.7)}.play-button:focus{box-shadow:0 10px 15px -3px #3b82f640,0 4px 6px -2px #3b82f60d}.play-button:focus-visible{box-shadow:0 10px 15px -3px #3b82f640,0 4px 6px -2px #3b82f60d,0 0 0 3px #3b82f64d}}.chat-container{position:fixed;bottom:1.5rem;left:1.5rem;width:26rem;height:20rem;background:rgba(30,41,59,.9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(71,85,105,.5);border-radius:.75rem;display:flex;flex-direction:column;padding:1rem;z-index:1000;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #4755691a;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.chat-message-view{flex-grow:1;overflow-y:auto;margin-bottom:.75rem;padding:.5rem;background:rgba(15,23,42,.4);border:1px solid rgba(71,85,105,.2);border-radius:.5rem;scrollbar-width:thin;scrollbar-color:rgba(71,85,105,.5) transparent}.chat-message-view::-webkit-scrollbar{width:6px}.chat-message-view::-webkit-scrollbar-track{background:transparent}.chat-message-view::-webkit-scrollbar-thumb{background:rgba(71,85,105,.5);border-radius:3px}.chat-message-view::-webkit-scrollbar-thumb:hover{background:rgba(71,85,105,.7)}.chat-message{color:#e2e8f0;margin-bottom:.5rem;word-wrap:break-word;line-height:1.4;font-size:.875rem;padding:.25rem 0}.chat-message:last-child{margin-bottom:0}.chat-input-form{display:flex;gap:.5rem}.chat-input{flex:1;padding:.75rem 1rem;background:rgba(51,65,85,.5);border:1px solid rgba(71,85,105,.5);border-radius:.5rem;color:#e2e8f0;font-size:.875rem;transition:all .2s ease;outline:none;font-family:inherit}.chat-input::placeholder{color:#94a3b8}.chat-input:hover{border-color:#475569b3}.chat-input:focus{border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f61a,0 1px 2px #0000000d;background:rgba(51,65,85,.7)}.chat-notifications{position:fixed;bottom:23rem;left:1.5rem;z-index:1001;display:flex;flex-direction:column;gap:.5rem;max-width:26rem}.chat-notification{background:rgba(30,41,59,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(71,85,105,.3);color:#e2e8f0;padding:.75rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;animation:slideInFadeOut 3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #0000001a;word-wrap:break-word;line-height:1.4}@media (max-width: 640px){.chat-container{bottom:1rem;left:1rem;right:1rem;width:auto;height:16rem}.chat-notifications{bottom:18rem;left:1rem;right:1rem;max-width:none}}@keyframes slideInFadeOut{0%{opacity:0;transform:translate(-100%) scale(.95)}10%{opacity:1;transform:translate(0) scale(1)}90%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(-20px) scale(.95)}}@media (prefers-reduced-motion: reduce){.chat-notification{animation:simpleFadeOut 3s ease-in-out}@keyframes simpleFadeOut{0%,90%{opacity:1}to{opacity:0}}}.game-menu-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:transparent;z-index:1001;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.game-menu-content{background:rgba(30,41,59,.9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(71,85,105,.5);border-radius:1rem;padding:2rem 2.5rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #4755691a;min-width:20rem}.game-menu-title{color:#e2e8f0;font-size:2rem;font-weight:700;margin-bottom:1rem;text-align:center;background:linear-gradient(135deg,#60a5fa,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.game-menu-button{background:linear-gradient(135deg,#2563eb,#0891b2);color:#fff;border:none;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:.75rem;cursor:pointer;transition:all .2s ease;width:12rem;text-align:center;box-shadow:0 10px 15px -3px #2563eb40,0 4px 6px -2px #2563eb0d;outline:none;font-family:inherit}.game-menu-button:hover{background:linear-gradient(135deg,#1d4ed8,#0e7490);transform:translateY(-1px);box-shadow:0 20px 25px -5px #2563eb66,0 10px 10px -5px #2563eb1a}.game-menu-button:active{transform:translateY(0)}.game-menu-button:focus{box-shadow:0 10px 15px -3px #2563eb40,0 4px 6px -2px #2563eb0d,0 0 0 3px #3b82f64d}.menu-container{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background:transparent;z-index:1000;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.menu-content{background:rgba(30,41,59,.9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(71,85,105,.5);border-radius:1rem;padding:2rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #4755691a;min-width:18rem}.menu-title{color:#e2e8f0;font-size:1.75rem;font-weight:700;margin:0;text-align:center;background:linear-gradient(135deg,#60a5fa,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.menu-button{background:linear-gradient(135deg,#374151,#4b5563);border:1px solid rgba(71,85,105,.5);color:#e2e8f0;padding:.75rem 1.5rem;border-radius:.75rem;cursor:pointer;font-size:1rem;font-weight:500;width:12rem;transition:all .2s ease;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;outline:none;font-family:inherit}.menu-button:hover{background:linear-gradient(135deg,#4b5563,#6b7280);border-color:#475569b3;transform:translateY(-1px);box-shadow:0 10px 15px -3px #0003,0 4px 6px -2px #0000001a}.menu-button:active{transform:translateY(0)}.menu-button:focus{border-color:#3b82f680;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 0 3px #3b82f61a}@media (max-width: 640px){.game-menu-content,.menu-content{padding:1.5rem;margin:1rem;min-width:auto;width:calc(100% - 2rem);max-width:20rem}.game-menu-title,.menu-title{font-size:1.5rem}.game-menu-button,.menu-button{width:100%}}@media (prefers-reduced-motion: reduce){.game-menu-button:hover,.menu-button:hover,.game-menu-button:active,.menu-button:active{transform:none}}@supports selector(:focus-visible){.game-menu-button:focus,.menu-button:focus{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.game-menu-button:focus-visible{box-shadow:0 10px 15px -3px #2563eb40,0 4px 6px -2px #2563eb0d,0 0 0 3px #3b82f64d}.menu-button:focus-visible{border-color:#3b82f680;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 0 3px #3b82f61a}}.upgrade-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:transparent;display:flex;justify-content:center;align-items:center;z-index:1001;padding:1rem;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.upgrade-menu{background:rgba(30,41,59,.9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(71,85,105,.5);border-radius:1rem;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #4755691a;width:100%;max-width:32rem;padding:1.5rem;color:#e2e8f0;position:relative;max-height:90vh;overflow-y:auto}.upgrade-menu-header{text-align:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(71,85,105,.3)}.upgrade-menu-title{font-size:1.75rem;font-weight:700;margin-bottom:.75rem;background:linear-gradient(135deg,#60a5fa,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.skill-points{font-size:1.125rem;color:#fbbf24;font-weight:600;background:rgba(146,64,14,.2);border:1px solid rgba(245,158,11,.3);border-radius:.5rem;padding:.5rem 1rem;display:inline-block}.upgrade-table{width:100%;border-spacing:0;border-radius:.75rem;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.upgrade-table-header{background:linear-gradient(135deg,#374151,#4b5563);color:#f9fafb;text-align:center;padding:1rem .75rem;display:grid;grid-template-columns:2fr 1fr 1.5fr 1.5fr;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.025em}.upgrade-table-row{display:grid;grid-template-columns:2fr 1fr 1.5fr 1.5fr;padding:1rem .75rem;border-bottom:1px solid rgba(71,85,105,.2);align-items:center;background:rgba(51,65,85,.3);transition:all .2s ease}.upgrade-table-row:nth-child(2n){background:rgba(51,65,85,.2)}.upgrade-table-row:hover{background:rgba(71,85,105,.3);transform:translateY(-1px)}.upgrade-table-row:last-child{border-bottom:none}.upgrade-stat-name{color:#e2e8f0;font-weight:600;text-transform:capitalize;font-size:.875rem;text-align:center}.upgrade-stat-level{color:#fbbf24;font-weight:700;text-align:center;font-size:1rem;background:rgba(146,64,14,.2);border-radius:.375rem;padding:.25rem .5rem;display:inline-block}.upgrade-stat-value{color:#60a5fa;font-weight:600;text-align:center;font-size:.875rem}.upgrade-button-cell{text-align:center}.upgrade-button{background:linear-gradient(135deg,#2563eb,#0891b2);color:#fff;border:none;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;transition:all .2s ease;font-weight:600;font-size:.875rem;min-width:5rem;box-shadow:0 4px 6px -1px #2563eb40,0 2px 4px -1px #2563eb0d;outline:none;font-family:inherit}.upgrade-button:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#0e7490);transform:translateY(-1px);box-shadow:0 10px 15px -3px #2563eb66,0 4px 6px -2px #2563eb1a}.upgrade-button:active:not(:disabled){transform:translateY(0)}.upgrade-button:focus{box-shadow:0 4px 6px -1px #2563eb40,0 2px 4px -1px #2563eb0d,0 0 0 3px #3b82f64d}.upgrade-button:disabled{background:linear-gradient(135deg,#475569,#64748b);cursor:not-allowed;opacity:.6;transform:none;box-shadow:none}.close-button{position:absolute;top:1rem;right:1rem;background:rgba(127,29,29,.3);border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:.5rem;font-size:1.25rem;border-radius:.5rem;cursor:pointer;transition:all .2s ease;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;outline:none}.close-button:hover{background:rgba(127,29,29,.5);border-color:#ef444480;transform:scale(1.05)}.close-button:active{transform:scale(.95)}@media (max-width: 640px){.upgrade-menu{padding:1rem;margin:.5rem}.upgrade-menu-title{font-size:1.5rem}.upgrade-table-header,.upgrade-table-row{grid-template-columns:1.5fr 1fr 1fr 1fr;padding:.75rem .5rem;font-size:.75rem}.upgrade-stat-name{font-size:.75rem}.upgrade-button{padding:.375rem .75rem;font-size:.75rem;min-width:4rem}}@media (prefers-reduced-motion: reduce){.upgrade-button:hover:not(:disabled),.upgrade-table-row:hover{transform:none}.upgrade-button:active:not(:disabled){transform:none}}@supports selector(:focus-visible){.upgrade-button:focus{box-shadow:0 4px 6px -1px #2563eb40,0 2px 4px -1px #2563eb0d}.upgrade-button:focus-visible{box-shadow:0 4px 6px -1px #2563eb40,0 2px 4px -1px #2563eb0d,0 0 0 3px #3b82f64d}}.hud-container{position:fixed;top:1.5rem;left:1.5rem;z-index:1000;pointer-events:none;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.stat-bar-group{display:flex;flex-direction:column;gap:.75rem;width:16rem;background:rgba(30,41,59,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(71,85,105,.5);border-radius:.75rem;padding:1rem;box-shadow:0 10px 25px -3px #0006,0 4px 6px -2px #0000001a}.stat-bar{display:flex;flex-direction:column;gap:.5rem}.stat-label{color:#cbd5e1;font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em;margin-bottom:.25rem}.bar-background{width:100%;height:1rem;background:rgba(51,65,85,.6);border:1px solid rgba(71,85,105,.3);border-radius:.5rem;overflow:hidden;position:relative;box-shadow:inset 0 2px 4px #0000004d}.bar-foreground{height:100%;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:.5rem;position:relative;overflow:hidden}.bar-foreground:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.2),transparent);border-radius:.5rem .5rem 0 0}.stat-value{position:absolute;top:50%;right:.5rem;transform:translateY(-50%);color:#e2e8f0;font-size:.75rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.8);white-space:nowrap;pointer-events:none;z-index:1}.health-bar{background:linear-gradient(90deg,#dc2626,#ef4444);box-shadow:0 0 10px #dc26264d,inset 0 1px #ffffff1a}.stamina-bar{background:linear-gradient(90deg,#059669,#10b981);box-shadow:0 0 10px #0596694d,inset 0 1px #ffffff1a}.hunger-bar{background:linear-gradient(90deg,#d97706,#f59e0b);box-shadow:0 0 10px #d977064d,inset 0 1px #ffffff1a}.experience-bar{background:linear-gradient(90deg,#2563eb,#3b82f6);box-shadow:0 0 10px #2563eb4d,inset 0 1px #ffffff1a}@media (max-width: 640px){.hud-container{top:1rem;left:1rem}.stat-bar-group{width:14rem;padding:.75rem;gap:.5rem}.stat-label{font-size:.75rem}.stat-value{font-size:.6875rem}}@media (prefers-reduced-motion: reduce){.bar-foreground{transition:none}}.notification-container{position:fixed;top:1.5rem;right:1.5rem;display:flex;flex-direction:column;gap:.75rem;z-index:1000;pointer-events:none;width:auto;max-width:24rem;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.notification-message{background:rgba(30,41,59,.9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(71,85,105,.5);color:#e2e8f0;padding:1rem 1.25rem;border-radius:.75rem;font-size:.875rem;font-weight:500;text-align:center;box-shadow:0 25px 50px -12px #00000080,0 10px 15px -3px #0000004d,0 0 0 1px #4755691a;line-height:1.4;word-wrap:break-word;opacity:0;animation:slideInFadeOut 3s cubic-bezier(.4,0,.2,1);position:relative}.notification-message:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#3b82f6,#06b6d4);border-radius:.75rem .75rem 0 0}.notification-message.success{border-color:#22c55e80;color:#86efac}.notification-message.success:before{background:linear-gradient(90deg,#059669,#10b981)}.notification-message.warning{border-color:#f59e0b80;color:#fbbf24}.notification-message.warning:before{background:linear-gradient(90deg,#d97706,#f59e0b)}.notification-message.error{border-color:#ef444480;color:#fca5a5}.notification-message.error:before{background:linear-gradient(90deg,#dc2626,#ef4444)}@media (max-width: 640px){.notification-container{top:1rem;right:1rem;left:1rem;max-width:none}.notification-message{font-size:.8125rem;padding:.875rem 1rem}}@keyframes slideInFadeOut{0%{opacity:0;transform:translate(100%) scale(.95)}10%{opacity:1;transform:translate(0) scale(1)}90%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(20px) scale(.95)}}@media (prefers-reduced-motion: reduce){.notification-message{animation:simpleFadeOut 3s ease-in-out}@keyframes simpleFadeOut{0%,90%{opacity:1}to{opacity:0}}}.App{width:100%;height:100vh;margin:0;padding:0;overflow:hidden}#phaser-game{width:100%;height:100%;margin:0;padding:0}html,body{margin:0;padding:0;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}#root{width:100%;height:100%;margin:0;padding:0}*{box-sizing:border-box}