.kinetic-panel{max-width:620px}.kinetic-courses{grid-template-columns:1fr 1fr;max-height:250px;padding:2px;overflow:auto}.kinetic-courses button{min-height:62px}.kinetic-panel .kinetic-eyebrow{color:#b8e9e6!important}.kinetic-skins{gap:6px;margin-bottom:8px;padding:10px 0;display:flex;overflow-x:auto}.kinetic-skins button{flex-direction:column;align-items:center;gap:5px;min-width:82px;padding:9px 6px;font-size:12px;display:flex}.kinetic-skins button[aria-pressed=true]{background:#2c4548;border-color:#e3c879}.skin-swatch{background:radial-gradient(circle at 30% 25%,#fff,#67c7bd 45%,#11333c 85%);border-radius:50%;width:23px;height:23px;display:block}.skin-1{background:radial-gradient(circle at 30% 25%,#ffc887,#955c34 45%,#161c25 85%)}.skin-2{background:radial-gradient(circle at 30% 25%,#ead5ff,#ac71d8 45%,#271740 85%)}.skin-3{background:radial-gradient(circle at 30% 25%,#fff,#f3d68a 45%,#887141 85%)}.skin-4{background:radial-gradient(circle at 30% 25%,#fff,#93ddff 45%,#235e8d 85%)}.kinetic-settings{color:#b0cbd0;border-top:1px solid #7dd3de33;padding:10px 0;font-size:14px}.kinetic-settings summary{cursor:pointer;min-height:30px}.kinetic-recap{flex-wrap:wrap;gap:8px;margin:15px 0;display:flex}.kinetic-recap span{background:#234650;padding:10px;font:12px monospace}.kinetic-overlay{align-items:flex-start;padding-top:clamp(18px,4vh,48px)}@media (width<=500px){.kinetic-header{gap:7px}.kinetic-header h1{font-size:16px}.kinetic-header button{padding:10px 8px;font-size:12px}.kinetic-panel{padding:18px}.kinetic-courses{max-height:208px}.kinetic-courses strong,.kinetic-courses span{font-size:12px}.kinetic-courses button{padding:9px}.kinetic-panel h2{font-size:28px}.kinetic-panel p{font-size:14px}.kinetic-skins button{min-width:74px}.kinetic-panel .kinetic-keyboard{margin:10px 0}}.kinetic-shell{color:#e4f4ef;background:#020d13;flex-direction:column;height:100dvh;min-height:460px;font-family:Arial,sans-serif;display:flex;overflow:hidden}.kinetic-shell *{box-sizing:border-box}.kinetic-header{padding:12px max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left));z-index:2;background:#031214;border-bottom:1px solid #7dd3de33;justify-content:space-between;align-items:center;gap:12px;display:flex}.kinetic-header a{color:#b5dddd;font-size:14px;text-decoration:none}.kinetic-header h1{letter-spacing:-.04em;margin:0;font-size:clamp(18px,3vw,28px)}.kinetic-header span{color:#86b4bd;font:12px monospace}.kinetic-header>div{text-align:center}.kinetic-shell button{cursor:pointer;color:#d5fbf4;touch-action:manipulation;background:#12343e;border:1px solid #7dd3de55;border-radius:5px;min-height:44px;padding:12px 16px;font:600 14px Arial}.kinetic-shell button:focus-visible,.kinetic-header a:focus-visible{outline-offset:3px;outline:3px solid #e3c879}.kinetic-shell button:disabled{opacity:.35;cursor:default}.kinetic-world{touch-action:none;-webkit-user-select:none;user-select:none;flex:1;min-height:0;position:relative;overflow:hidden}.kinetic-world>canvas{width:100%;height:100%;display:block}.kinetic-hud{pointer-events:none;color:#91b4ba;gap:18px;font:12px monospace;display:flex;position:absolute;top:18px;left:18px}.kinetic-hud span{flex-direction:column;gap:3px;display:flex}.kinetic-hud b{color:#e3f7f1;font-size:23px;font-weight:500}.kinetic-message{left:20px;right:20px;bottom:calc(126px + env(safe-area-inset-bottom));text-align:center;pointer-events:none;color:#d5fbf4;text-shadow:0 2px 8px #000;font-size:14px;position:absolute}.kinetic-brake{right:max(26px,env(safe-area-inset-right));bottom:calc(28px + env(safe-area-inset-bottom));letter-spacing:.06em;width:90px;height:90px;position:absolute;touch-action:none!important;background:#12343eca!important;border:2px solid #9bd7dc80!important;border-radius:50%!important}.kinetic-brake:active{box-shadow:0 0 35px #7dd3de44;background:#387585!important}.kinetic-drag-hint{bottom:calc(48px + env(safe-area-inset-bottom));left:max(24px,env(safe-area-inset-left));pointer-events:none;color:#b7d6d7;font-size:14px;line-height:1.65;position:absolute}.kinetic-drag-hint span{color:#709da5;font-size:12px}.kinetic-stick{pointer-events:none;opacity:0;background:#7dd3de09;border:1px solid #b9eeee66;border-radius:50%;width:112px;height:112px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 35px #7dd3de13}.kinetic-stick>div{background:#bfeeeec0;border:2px solid #fff;border-radius:50%;width:40px;height:40px;position:absolute;top:36px;left:36px;box-shadow:0 0 20px #7dd3de55}.kinetic-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);touch-action:pan-y;background:#020d1366;justify-content:center;align-items:center;padding:18px;display:flex;position:absolute;inset:0;overflow-y:auto}.kinetic-panel{background:#071e27ed;border:1px solid #7dd3de55;width:100%;max-width:520px;padding:clamp(20px,4vw,36px);box-shadow:0 25px 100px #0007}.kinetic-eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#7dd3de!important;margin:0 0 12px!important;font:12px monospace!important}.kinetic-panel h2{letter-spacing:-.045em;margin:0 0 16px;font-size:clamp(28px,5vw,42px);line-height:1.05}.kinetic-panel p{color:#b0cbd0;margin:12px 0 18px;font-size:15px;line-height:1.55}.kinetic-courses{gap:7px;margin:18px 0;display:grid}.kinetic-courses button{text-align:left;background:#0b2832;padding:12px 14px}.kinetic-courses button[aria-pressed=true]{background:#204953;border-color:#d5fbf4}.kinetic-courses strong{font-size:14px;display:block}.kinetic-courses span{color:#a7c6cb;margin-top:5px;font-size:12px;display:block}.kinetic-options{flex-wrap:wrap;gap:14px;margin:18px 0;font-size:13px;display:flex}.kinetic-options label{align-items:center;gap:8px;display:flex}.kinetic-options input{accent-color:#7dd3de;touch-action:auto}.kinetic-options input[type=range]{width:100px}.kinetic-start{width:100%;color:#08242b!important;background:#d5fbf4!important}.kinetic-secondary{width:100%;margin-top:8px}.kinetic-panel .kinetic-keyboard{color:#7fa3ac;margin:16px 0 0;font-size:12px;line-height:1.65}@media (height<=650px){.kinetic-overlay{align-items:flex-start}.kinetic-panel{max-width:640px;padding:18px}.kinetic-courses{grid-template-columns:repeat(3,1fr)}.kinetic-courses span{display:none}.kinetic-panel h2{font-size:28px}.kinetic-panel p{margin:10px 0}.kinetic-options{margin:12px 0}.kinetic-header{padding-top:8px;padding-bottom:8px}}@media (width<=400px){.kinetic-header a{font-size:12px}.kinetic-header h1{font-size:18px}.kinetic-header button{padding:10px}.kinetic-hud{gap:13px;left:12px}.kinetic-hud b{font-size:20px}.kinetic-panel{padding:20px}.kinetic-drag-hint{font-size:13px;left:18px}}.skin-swatch{background-image:url(/arcade/kineticfield/kinetic-sprites-v1.png);background-position:0 0;background-size:400% 400%;border-radius:0;width:36px;height:36px}.skin-1,.skin-2,.skin-3,.skin-4{background-image:url(/arcade/kineticfield/skins-v2.png);background-size:400% 400%}.skin-1{background-position:0 0}.skin-2{background-position:0 33.333%}.skin-3{background-position:0 66.667%}.skin-4{background-position:0 100%}.kinetic-modes{grid-template-columns:1fr 1fr;gap:8px;margin:16px 0;display:grid}.kinetic-modes button{text-align:left}.kinetic-modes button[aria-pressed=true]{background:#28515b;border-color:#d5fbf4}.kinetic-modes span{color:#99bec5;margin-top:6px;font-size:12px;line-height:1.4;display:block}.kinetic-tilt-settings{background:#14353e;margin:12px 0;padding:12px}.kinetic-tilt-settings>div{flex-wrap:wrap;gap:8px;display:flex}.kinetic-tilt-settings p{margin:0 0 10px;font-size:13px}.kinetic-recenter{z-index:3;position:absolute;top:90px;left:18px;font-size:12px!important}.kinetic-recenter:active{background:#387585}