:root{color-scheme:dark;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:#0b0d12;color:#d7dce5}.shell{display:flex;flex-direction:column;height:100%}.panel{flex:1;padding:24px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px}.panel.hidden{display:none}h1{font-size:22px;margin:8px 0}.tag{font-size:11px;color:#6f7891;border:1px solid #2a2f3a;border-radius:6px;padding:2px 6px}.env{font-size:10px;color:#6f7891;word-break:break-all}.start{padding:14px 40px;font-size:16px;font-weight:700;background:#2f80ed;color:#fff;border:0;border-radius:10px}.start:disabled{opacity:.4}.hint{font-size:12px;color:#8a93a6;max-width:320px;margin:0 auto}.game{flex:1;width:100%;border:0}.game.hidden{display:none}.spinner{position:fixed;top:50%;left:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border:3px solid rgba(215,220,229,.18);border-top-color:#2f80ed;border-radius:50%;animation:spin .8s linear infinite;z-index:10;pointer-events:none}.spinner.hidden{display:none}@keyframes spin{to{transform:rotate(360deg)}}.debug{position:fixed;left:10px;right:10px;bottom:10px;z-index:9999;max-height:40vh;display:flex;flex-direction:column;background:#0b0d12c7;border:1px solid #1c2230;border-radius:10px;box-shadow:0 6px 24px #0006;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);overflow:hidden}.debug.hidden{display:none}.debug header{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:6px 10px;font-size:11px;color:#8a93a6;background:#11151dcc}.debug button{font-size:10px;background:#1c2230;color:#d7dce5;border:0;border-radius:4px;padding:3px 8px}.debug .toggle{background:transparent;padding:3px 6px;font-size:12px;line-height:1}.debug .hide{background:transparent;padding:3px 6px;font-size:14px;line-height:1}.debug.collapsed{right:auto;max-height:none}.debug.collapsed .log{display:none}.debug.collapsed header span{display:none}.log{overflow:auto;padding:6px 10px;font-size:11px;line-height:1.5}.show-log{position:fixed;right:10px;bottom:10px;z-index:9999;background:#11151dd9;color:#d7dce5;border:1px solid #1c2230;border-radius:999px;padding:6px 12px;font-size:11px;cursor:pointer;box-shadow:0 4px 12px #0000004d;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.show-log.hidden{display:none}.row{white-space:pre-wrap;word-break:break-all}.row.ok{color:#5bd18b}.row.err{color:#f2647b}.row.info{color:#aeb6c6}.row .copy-id{margin-left:6px;font-size:10px;background:#2a3550;color:#d7dce5;border:0;border-radius:3px;padding:1px 6px;cursor:pointer;vertical-align:baseline}.row .copy-id:hover{background:#3a4870}.row .copy-id:active{background:#1c2230}.share-panel-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:flex-end;justify-content:center;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1e3a0c;animation:sp-fade .18s ease-out}.share-panel-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c}.share-panel{position:relative;width:100%;max-width:520px;background:#fef6d3;border-radius:20px 20px 0 0;padding:16px 20px 28px;box-shadow:0 -8px 24px #00000040;animation:sp-slide .22s cubic-bezier(.22,.61,.36,1)}.share-panel header{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 12px}.share-panel .title{font-size:20px;font-weight:700}.share-panel .close{background:transparent;border:0;font-size:28px;line-height:1;color:inherit;cursor:pointer;padding:0 8px}.share-panel .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px 8px;margin:8px 0 20px}.share-panel .slot{display:flex;flex-direction:column;align-items:center;gap:8px;background:transparent;border:0;padding:6px 0;cursor:pointer;color:inherit;font:inherit}.share-panel .slot:active{transform:scale(.94)}.share-panel .slot .disc{width:52px;height:52px;border-radius:50%;background:var(--disc-color, #2a2f3a);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;box-shadow:0 2px 6px #00000026;border:2px solid rgba(255,255,255,.6)}.share-panel .slot .disc:not(.icon){font-size:30px;line-height:1}.share-panel .slot .disc.icon{background:transparent;border:0;overflow:hidden}.share-panel .slot .disc.icon img{width:100%;height:100%;display:block;object-fit:cover;pointer-events:none;user-select:none;-webkit-user-select:none}.share-panel .slot .label{font-size:12px}.share-panel .url-preview{background:#fff;border:1px solid #c7b98a;border-radius:10px;padding:10px 14px;text-align:center;font:12px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#4d5b6c;word-break:break-all;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .15s ease}.share-panel .url-preview:active{background:#f2ecd6}.share-panel .hint{text-align:center;font-size:12px;color:#4d5b6c;margin-top:10px}@keyframes sp-fade{0%{opacity:0}to{opacity:1}}@keyframes sp-slide{0%{transform:translateY(30%)}to{transform:translateY(0)}}