@import"https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Tomorrow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:root{--net-color-r: 255;--net-color-g: 255;--net-color-b: 255;--island-color-r: 255;--island-color-g: 0;--island-color-b: 150;--net-color: rgb(var(--net-color-r), var(--net-color-g), var(--net-color-b));--island-color: rgb(var(--island-color-r), var(--island-color-g), var(--island-color-b));--bg-color: #141414;--ui-primary: var(--net-color);--ui-accent: var(--island-color);--ui-primary-03: rgba(var(--net-color-r), var(--net-color-g), var(--net-color-b), .03);--ui-primary-05: rgba(var(--net-color-r), var(--net-color-g), var(--net-color-b), .05);--ui-primary-10: rgba(var(--net-color-r), var(--net-color-g), var(--net-color-b), .1);--ui-primary-15: rgba(var(--net-color-r), var(--net-color-g), var(--net-color-b), .15);--ui-primary-20: rgba(var(--net-color-r), var(--net-color-g), var(--net-color-b), .2);--ui-primary-30: rgba(var(--net-color-r), var(--net-color-g), var(--net-color-b), .3);--ui-primary-40: rgba(var(--net-color-r), var(--net-color-g), var(--net-color-b), .4);--ui-primary-50: rgba(var(--net-color-r), var(--net-color-g), var(--net-color-b), .5);--ui-accent-30: rgba(var(--island-color-r), var(--island-color-g), var(--island-color-b), .3);--bg-overlay-30: rgba(0, 0, 0, .3);--bg-overlay-95: rgba(0, 0, 0, .95)}body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background-color:var(--bg-color);font-family:Roboto,sans-serif;-webkit-user-select:none;user-select:none;touch-action:none;-webkit-tap-highlight-color:transparent}#game-container{position:relative;width:100vw;height:100vh}#background-layer{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--bg-color);z-index:1}#physics-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;pointer-events:auto;filter:drop-shadow(0 0 4px var(--net-color))}#brand-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;color:#fff;font-family:Tomorrow,sans-serif;font-size:2vw;font-weight:100;letter-spacing:1.5em;text-indent:1.5em;opacity:1;filter:blur(0px);transition:opacity 1.5s ease-out,filter 1.5s ease-out;pointer-events:none;white-space:nowrap}#brand-text.exit{opacity:0;filter:blur(20px)}#debug-panel{position:fixed;top:5px;left:5px;z-index:1000;transition:all .3s ease;display:none}#debug-panel.visible{display:block}#debug-panel.collapsed{width:30px;height:30px}#debug-panel:not(.collapsed){top:0;left:0;width:100vw;height:100vh;background:var(--bg-overlay-95);display:flex;flex-direction:column}#debug-panel.collapsed #debug-content{display:none}#debug-header{padding:12px 15px;background:#00ffff1a;border:1px solid var(--ui-primary);color:var(--ui-primary);cursor:pointer;display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none;transition:all .3s}#debug-panel.collapsed #debug-header{width:30px;height:30px;border-radius:0;padding:0;justify-content:center;background:var(--bg-overlay-30);border:none}#debug-panel.collapsed #debug-header .panel-title{display:none}#debug-panel:not(.collapsed) #debug-header{border-radius:0;border-left:none;border-right:none;border-top:none}#debug-header:hover{background:var(--ui-primary-15)}#debug-panel.collapsed #debug-header:hover{transform:scale(1.1)}#debug-toggle{font-size:20px}#debug-content{padding:30px 30px 20px;overflow-y:auto;flex:1;display:block;min-height:0}.essential-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px}.essential-card{background:var(--ui-primary-10);border:1px solid var(--ui-primary-20);border-radius:8px;padding:20px;transition:all .2s}.essential-card:hover{border-color:var(--ui-primary-40);box-shadow:0 4px 20px var(--ui-primary-10);transform:translateY(-2px)}.card-title{font-weight:700;color:var(--ui-accent);font-size:15px;text-transform:uppercase;letter-spacing:2px;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid var(--ui-accent)}.section-divider{margin:30px 0 20px;padding:15px 0;color:var(--ui-primary-50);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:3px;text-align:center;border-top:1px solid var(--ui-primary-20);border-bottom:1px solid var(--ui-primary-20);opacity:.7}.advanced-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px}.advanced-group{background:var(--ui-primary-03);border:1px solid var(--ui-primary-10);border-radius:4px;padding:12px;transition:all .2s}.advanced-group:hover{background:var(--ui-primary-05);border-color:var(--ui-primary-15)}.group-label{font-weight:700;color:var(--ui-primary);font-size:11px;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--ui-primary-10);opacity:.9}.debug-param.compact{margin-bottom:10px}.debug-param.compact:last-child{margin-bottom:0}.debug-param.compact label{font-size:11px}.debug-param.compact input,.debug-param.compact select{padding:6px 8px;font-size:12px}#debug-panel.collapsed #debug-content{padding:30px 30px 20px;overflow-y:auto;flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;align-content:start;min-height:0}#debug-panel.collapsed #debug-content{display:none!important}#debug-panel:not(.collapsed) #debug-content{max-height:none}.debug-section{background:var(--ui-primary-03);padding:20px;border-radius:8px;border:1px solid var(--ui-primary-10)}.debug-section-title{font-weight:700;margin-bottom:15px;color:var(--ui-accent);font-size:14px;text-transform:uppercase;letter-spacing:1.5px;padding-bottom:10px;border-bottom:1px solid var(--ui-accent-30)}.debug-param{margin-bottom:15px;display:flex;flex-direction:column}.debug-param label{margin-bottom:5px;font-size:12px;opacity:.9;color:var(--net-color)}.debug-param input,.debug-param select{background:var(--ui-primary-05);border:1px solid var(--ui-primary-30);color:var(--ui-primary);padding:8px 10px;border-radius:4px;font-family:Roboto,monospace;font-size:13px;outline:none;transition:all .2s}.debug-param input:focus,.debug-param select:focus{border-color:var(--ui-primary);background:var(--ui-primary-10);box-shadow:0 0 10px var(--ui-primary-20)}.debug-param select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2300FFFF' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:35px}.debug-param select:hover{border-color:var(--ui-primary-50)}.debug-param select option{background:var(--ui-bg);color:var(--ui-primary);padding:8px}.debug-param input[type=color]{height:40px;cursor:pointer}@media (max-width: 768px){#debug-panel{max-width:100%;width:calc(100% - 20px);max-height:80vh;overflow-y:auto;-webkit-overflow-scrolling:touch}#debug-panel.collapsed{width:auto}.essential-grid,.advanced-grid{grid-template-columns:1fr;gap:12px}.essential-card,.advanced-group{padding:12px}.card-title,.group-title{font-size:11px}.debug-param label{font-size:10px}.debug-param input,.debug-param select{font-size:12px;padding:6px 8px}#debug-toggle{font-size:18px}}@media (max-width: 480px){#debug-panel{font-size:11px;padding:8px}.essential-card,.advanced-group{padding:10px}.debug-param{gap:4px}}
