:root{--cream: #fbfaf5;--paper: #ffffff;--ink: #14161c;--muted: #6b7280;--gator-blue: #0021a5;--uf-orange: #fa4616;--tint-blue: #e8ebf6;--border: 2px solid var(--ink);--shadow: 5px 5px 0 var(--ink);--shadow-sm: 3px 3px 0 var(--ink);--display: "Poppins", "Segoe UI", system-ui, sans-serif;--body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0}body{display:flex;flex-direction:column;background:var(--cream);color:var(--ink);font-family:var(--body);overflow:hidden}kbd{display:inline-block;padding:1px 6px;border:1.5px solid var(--ink);border-radius:5px;background:var(--paper);font-family:var(--body);font-size:.78em;font-weight:600;line-height:1.5}.arena-header{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between;padding:14px 24px;background:var(--cream);border-bottom:2px solid var(--ink)}.arena-header .back{font-family:var(--display);font-weight:700;font-size:.95rem;color:var(--ink);text-decoration:none}.arena-header .back:hover{text-decoration:underline}.arena-header .controls{margin:0;color:#4b5160;font-size:.85rem}#stage{position:relative;flex:1;min-height:0;overflow:hidden;background:#0b0e14;cursor:crosshair}#view{display:block;width:100%;height:100%;image-rendering:pixelated}#stage.firing:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffe2962e;pointer-events:none}#crosshair{position:absolute;top:50%;left:50%;width:18px;height:18px;margin:-9px 0 0 -9px;pointer-events:none;opacity:.65;transition:opacity .1s ease,transform .1s ease}#crosshair:before,#crosshair:after{content:"";position:absolute;background:#fff}#crosshair:before{top:50%;left:0;width:100%;height:2px;margin-top:-1px}#crosshair:after{left:50%;top:0;width:2px;height:100%;margin-left:-1px}#crosshair.on-target{opacity:1;transform:scale(1.3)}#crosshair.on-target:before,#crosshair.on-target:after{background:var(--uf-orange)}#hint{position:absolute;left:50%;bottom:11%;transform:translate(-50%);margin:0;padding:8px 18px;background:var(--paper);border:var(--border);border-radius:999px;box-shadow:var(--shadow-sm);font-family:var(--display);font-size:.85rem;font-weight:700;letter-spacing:.03em;white-space:nowrap;pointer-events:none}#lock-prompt,#touch-notice{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;padding:2rem;background:#0b0e14ad;color:#f4f6fb;text-align:center;pointer-events:none}#touch-notice{pointer-events:auto}#lock-prompt h1,#touch-notice h1{margin:0;font-family:var(--display);font-weight:800;letter-spacing:-.02em;font-size:clamp(1.3rem,3.4vw,2.1rem)}#lock-prompt p,#touch-notice p{margin:0;max-width:34rem;color:#c8cede}#lock-prompt kbd,#touch-notice kbd{background:#ffffff1f;border-color:#ffffff80;color:inherit}.btn{margin-top:.9rem;padding:12px 22px;background:var(--gator-blue);border:var(--border);border-radius:999px;box-shadow:var(--shadow);color:#fff;font-family:var(--display);font-weight:700;text-decoration:none}#panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:24px;background:#0b0e148c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.panel{position:relative;width:min(46rem,100%);max-height:84vh;overflow-y:auto;padding:32px 36px;background:var(--cream);border:var(--border);border-radius:16px;box-shadow:8px 8px 0 var(--ink)}.panel h2{margin:0 0 1.5rem;font-family:var(--display);font-weight:800;font-size:1.9rem;letter-spacing:-.02em}.panel h3{margin:0 0 .2rem;font-family:var(--display);font-weight:700;font-size:1.02rem;letter-spacing:-.01em}.panel section{margin-bottom:1.4rem;padding-bottom:1.4rem;border-bottom:1.5px solid rgba(20,22,28,.12)}.panel section:last-of-type{border-bottom:0;margin-bottom:.6rem}.panel p{margin:0 0 .6rem;color:#3a3f49;font-size:.95rem;line-height:1.6}.panel .meta{margin:0 0 .5rem;color:#4b5160;font-size:.83rem;font-weight:600}.panel .tags{color:#4b5160;font-size:.88rem}.panel .links{display:flex;flex-wrap:wrap;gap:10px;margin-top:1rem}.panel .links a{padding:8px 16px;background:var(--paper);border:var(--border);border-radius:999px;box-shadow:var(--shadow-sm);color:var(--ink);font-weight:600;font-size:.88rem;text-decoration:none}.panel .more{display:inline-block;margin-top:1rem;font-family:var(--display);font-weight:700;font-size:.9rem;color:var(--ink);text-decoration:none;border-bottom:2px solid var(--uf-orange)}.close{position:absolute;top:18px;right:20px;display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;background:var(--paper);border:var(--border);border-radius:999px;box-shadow:var(--shadow-sm);color:var(--ink);font-size:1.3rem;line-height:1;cursor:pointer}.close:hover{background:var(--tint-blue)}:focus-visible{outline:3px solid var(--ink);outline-offset:3px}@media (max-width: 640px){.arena-header .controls{display:none}.panel{padding:26px 22px}}@media (prefers-reduced-motion: reduce){#crosshair{transition:none}}