:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;min-width:320px;min-height:100vh;overflow:hidden}#root{width:100vw;height:100vh;margin:0;padding:0}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.view-controls{position:absolute;top:20px;right:20px;z-index:100;display:flex;gap:10px}.view-button{padding:10px 20px;background-color:#000000b3;color:#87ceeb;border:2px solid rgba(135,206,235,.3);border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.view-button:hover{background-color:#87ceeb1a;border-color:#87ceeb80;transform:translateY(-2px)}.view-button.active{background-color:#87ceebcc;border-color:#87ceeb;box-shadow:0 0 15px #87ceeb80;color:#000}.info-button{padding:10px;display:flex;align-items:center;justify-content:center;min-width:40px}.info-button svg{width:18px;height:18px}.modal-overlay{position:fixed;inset:0;background-color:#0000004d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background-color:#00000080;border:2px solid rgba(135,206,235,.5);border-radius:12px;padding:0;max-width:600px;width:90%;max-height:80vh;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 30px #87ceeb4d,0 0 60px #87ceeb1a,inset 0 0 20px #87ceeb0d;animation:slideUp .3s ease;position:relative}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-content:before{content:"";position:absolute;inset:0;border-radius:12px;padding:2px;background:linear-gradient(135deg,#87ceeb4d,#87ceeb1a);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(135,206,235,.2)}.modal-title{margin:0;color:#87ceeb;font-size:24px;font-weight:600;text-shadow:0 0 10px rgba(135,206,235,.5)}.modal-close-button{background:transparent;border:1px solid rgba(135,206,235,.3);border-radius:6px;color:#87ceeb;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-close-button:hover{background-color:#87ceeb1a;border-color:#87ceeb80;box-shadow:0 0 10px #87ceeb4d;transform:rotate(90deg)}.modal-body{padding:24px;color:#fff;line-height:1.6;overflow-y:auto;max-height:calc(80vh - 100px)}.modal-body p{margin:0 0 16px;font-size:16px}.modal-body p:last-child{margin-bottom:0}.game-instruction{margin-bottom:24px;padding:16px;background:#87ceeb0d;border-left:3px solid #87CEEB;border-radius:4px}.instruction-title{font-size:24px;font-weight:700;color:#87ceeb;margin-bottom:12px;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 10px rgba(135,206,235,.5)}.instruction-subtitle{font-size:16px;color:#fff;margin:0;font-style:italic}.instruction-label{font-size:18px;font-weight:700;color:#87ceeb;margin-bottom:12px;text-transform:uppercase;letter-spacing:1px}.controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}@media(max-width:600px){.controls-grid{grid-template-columns:1fr}}.control-item{display:flex;flex-direction:column;gap:6px;padding:12px;background:#0000004d;border-radius:6px;border:1px solid rgba(135,206,235,.2)}.key-badge{display:inline-block;padding:6px 12px;background:#87ceeb33;border:2px solid #87CEEB;border-radius:4px;font-weight:700;font-size:14px;color:#87ceeb;text-align:center;text-transform:uppercase;letter-spacing:2px;box-shadow:0 0 10px #87ceeb4d;width:fit-content}.control-desc{font-size:14px;color:#fff;opacity:.9}.game-tip{padding:16px;margin-bottom:24px;background:linear-gradient(135deg,#87ceeb1a,#87ceeb0d);border:2px solid rgba(135,206,235,.3);border-radius:8px;font-size:15px;color:#fff;text-align:center;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 10px #87ceeb4d}50%{box-shadow:0 0 20px #87ceeb80}}.wip-notice{padding:14px 16px;margin-bottom:24px;background:#ffb4320d;border:1px solid rgba(255,180,50,.35);border-radius:8px;color:#ffffffbf}.wip-notice p{margin:0;line-height:1.6;font-size:13px}.wip-badge{display:inline-block;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#ffb432d9;margin-bottom:8px}.loader-overlay{position:fixed;inset:0;background:#001;display:flex;align-items:center;justify-content:center;z-index:2000;opacity:1;transition:opacity .7s ease}.loader-overlay:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(135,206,235,.018) 2px,rgba(135,206,235,.018) 4px);pointer-events:none}.loader-fade-out{opacity:0}.loader-corner{position:fixed;width:36px;height:36px;border-color:#87ceeb;border-style:solid;animation:cornerPulse 2.4s ease-in-out infinite}.loader-corner-tl{top:20px;left:20px;border-width:2px 0 0 2px}.loader-corner-tr{top:20px;right:20px;border-width:2px 2px 0 0}.loader-corner-bl{bottom:20px;left:20px;border-width:0 0 2px 2px}.loader-corner-br{bottom:20px;right:20px;border-width:0 2px 2px 0}@keyframes cornerPulse{0%,to{opacity:.3}50%{opacity:.8}}.loader-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:28px}.loader-rings{position:relative;width:110px;height:110px;display:flex;align-items:center;justify-content:center}.loader-ring-outer{position:absolute;inset:0;border-radius:50%;border:2px solid transparent;border-top-color:#87ceeb;border-right-color:#87ceeb4d;animation:spin 1.4s linear infinite;box-shadow:0 0 18px #87ceeb66}.loader-ring-middle{position:absolute;inset:18px;border-radius:50%;border:1px solid transparent;border-bottom-color:#87ceebb3;border-left-color:#87ceeb33;animation:spin 2s linear infinite reverse}.loader-ring-dot{width:6px;height:6px;background:#87ceeb;border-radius:50%;box-shadow:0 0 12px #87ceeb,0 0 24px #87ceeb80;animation:dotPulse 1.4s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes dotPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.6);opacity:.6}}.loader-text{text-align:center}.loader-title{font-size:20px;font-weight:700;color:#87ceeb;letter-spacing:8px;text-transform:uppercase;text-shadow:0 0 20px rgba(135,206,235,.8);animation:textFlicker 4s ease-in-out infinite}.loader-subtitle{margin-top:6px;font-size:11px;color:#87ceeb8c;letter-spacing:4px;text-transform:uppercase;font-family:monospace}.loader-cursor{animation:blink 1s step-start infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes textFlicker{0%,92%,to{opacity:1}93%{opacity:.5}94%{opacity:1}96%{opacity:.3}97%{opacity:1}}.loader-progress-container{width:220px;display:flex;flex-direction:column;gap:8px}.loader-progress-bar{width:100%;height:2px;background:#87ceeb1f;border-radius:1px;overflow:hidden}.loader-progress-fill{height:100%;background:#87ceeb;border-radius:1px;transition:width .25s ease;box-shadow:0 0 8px #87ceebe6,0 0 20px #87ceeb66}.loader-progress-label{display:flex;justify-content:space-between;font-size:10px;color:#87ceeb80;letter-spacing:2px;font-family:monospace;text-transform:uppercase}