:root{--sat:env(safe-area-inset-top,0px);--sar:env(safe-area-inset-right,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px)}html,body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#241a33;height:100%;margin:0;overflow:hidden}#game{touch-action:none;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}.x-link{right:calc(14px + var(--sar));bottom:calc(12px + var(--sab));color:#2b2d42;opacity:.75;background:#ffffff8c;border-radius:999px;padding:3px 9px;font:600 13px Trebuchet MS,system-ui,sans-serif;text-decoration:none;position:fixed}.x-link:hover,.x-link:focus-visible{opacity:1;background:#ffffffd9}.x-link[hidden]{display:none}.name-dialog{z-index:10;padding:calc(8px + var(--sat)) calc(8px + var(--sar)) calc(8px + var(--sab)) calc(8px + var(--sal));-webkit-user-select:text;user-select:text;background:#2b2d428c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.name-dialog[hidden]{display:none}.name-card{box-sizing:border-box;color:#2b2d42;background:#fff;border:2.5px solid #2b2d42;border-radius:16px;width:min(340px,100%);padding:16px 18px 12px;font-family:Fredoka,Trebuchet MS,system-ui,sans-serif;box-shadow:3px 4px #2b2d4240}.name-card h2{margin:0;font-size:22px;font-weight:700}.name-sub,.name-fine{color:#7a6b8e;margin:4px 0 10px;font-size:13px}.name-fine{margin:10px 0 0;font-size:11px}#name-input{box-sizing:border-box;width:100%;font:inherit;border:2px solid #2b2d42;border-radius:10px;outline:none;padding:8px 10px;font-size:18px;font-weight:600}#name-input:focus{border-color:#8a4fc0;box-shadow:0 0 0 3px #e7c6ff}.name-error{color:#c2265a;min-height:16px;margin:5px 0 6px;font-size:12px;font-weight:600}.name-row{justify-content:flex-end;gap:8px;display:flex}.name-row button{font:inherit;cursor:pointer;color:#2b2d42;border:2px solid #2b2d42;border-radius:999px;padding:7px 14px;font-size:14px;font-weight:700}.name-skip{background:#fff}.name-save{background:#ffc84a}.name-save:disabled{opacity:.5;cursor:default}.share-bar{z-index:5;gap:8px;display:flex;position:fixed;transform:translate(-50%)}.share-bar[hidden],.site-corner[hidden]{display:none}.share-btn{color:#2b2d42;cursor:pointer;white-space:nowrap;background:#fff;border:2px solid #2b2d42;border-radius:999px;padding:5px 13px;font:700 14px Fredoka,Trebuchet MS,system-ui,sans-serif;text-decoration:none;box-shadow:2px 3px #2b2d4240}.share-x{color:#fff;background:#2b2d42}.share-btn:hover,.share-btn:focus-visible{transform:translateY(-1px)}.site-corner{top:calc(10px + var(--sat));right:calc(12px + var(--sar));color:#2b2d42;flex-direction:column;align-items:flex-end;gap:4px;max-width:230px;font:600 11px Fredoka,Trebuchet MS,system-ui,sans-serif;display:flex;position:fixed}.ca-slot{text-align:right;background:#ffffffb8;border-radius:10px;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:2px 6px;padding:5px 9px;line-height:1.25;display:flex}.ca-label{text-transform:uppercase;letter-spacing:.04em;color:#8a4fc0;font-size:9.5px;font-weight:700}.ca-value{text-overflow:ellipsis;white-space:nowrap;max-width:150px;font:600 11px ui-monospace,Menlo,Consolas,monospace;overflow:hidden}.ca-copy{font:inherit;cursor:pointer;background:#ffc84a;border:1.5px solid #2b2d42;border-radius:999px;padding:1px 8px;font-weight:700}.kit-link{color:#2b2d42;opacity:.8;background:#ffffff8c;border-radius:999px;padding:2px 8px;text-decoration:none}.kit-link:hover,.kit-link:focus-visible{opacity:1}@media (max-height:420px){.site-corner{max-width:180px;font-size:9.5px}.ca-label{font-size:8px}}