:root{--color-bg:#e6eef7;--color-surface:#f7fafd;--color-surface-2:#d8e3ef;--color-surface-3:#c5d3e2;--color-ink:#102234;--color-ink-soft:#2a3d52;--color-border:var(--color-ink);--color-border-soft:#1022342e;--color-text:#102234;--color-text-muted:#4a5c70;--color-text-faint:#8092a6;--color-text-inverse:#f7fafd;--color-accent:#1f63c8;--color-accent-strong:#154c9c;--color-accent-soft:#cfdeef;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--font-size-xs:12px;--font-size-sm:13px;--font-size-md:14px;--font-size-lg:16px;--font-size-xl:20px;--font-size-2xl:28px;--font-size-3xl:40px;--line-tight:1.15;--line-normal:1.55;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-sm:5px;--radius-md:8px;--radius-lg:12px;--bw:1.5px;--shadow-1:2px 2px 0 var(--color-ink);--shadow-2:3px 3px 0 var(--color-ink);--shadow-press:1px 1px 0 var(--color-ink);--ease:cubic-bezier(.2, 0, 0, 1);--dur-fast:90ms;--dur-base:.16s}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-md);line-height:var(--line-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}.ds-h1,.ds-h2,.ds-h3{letter-spacing:-.01em;color:var(--color-text);font-weight:800;line-height:var(--line-tight);margin:0}.ds-h1{font-size:var(--font-size-3xl);letter-spacing:-.025em}.ds-h2{font-size:var(--font-size-2xl)}.ds-h3{font-size:var(--font-size-xl)}.ds-p{color:var(--color-text-muted);font-size:var(--font-size-md);line-height:var(--line-normal);margin:0}.ds-eyebrow{font-family:var(--font-mono);font-size:var(--font-size-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-muted);margin:0;font-weight:500}.ds-button{appearance:none;justify-content:center;align-items:center;gap:var(--space-2);height:38px;padding:0 var(--space-4);border:var(--bw) solid var(--color-ink);border-radius:var(--radius-sm);font-family:inherit;font-size:var(--font-size-sm);letter-spacing:.02em;cursor:pointer;background:var(--color-surface);color:var(--color-text);transition:transform var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease);font-weight:600;display:inline-flex}.ds-button:focus-visible{box-shadow:var(--shadow-2), 0 0 0 3px var(--color-accent-soft);outline:none}.ds-button--primary{background:var(--color-accent);color:var(--color-text-inverse);box-shadow:var(--shadow-2)}.ds-button--primary:hover{background:var(--color-accent-strong)}.ds-button--primary:active{box-shadow:var(--shadow-press);transform:translate(2px,2px)}.ds-button--secondary{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-1)}.ds-button--secondary:hover{background:var(--color-surface-2)}.ds-button--secondary:active{box-shadow:none;transform:translate(1px,1px)}.ds-button--ghost{color:var(--color-text-muted);box-shadow:none;background:0 0;border-color:#0000}.ds-button--ghost:hover{color:var(--color-text);background:var(--color-surface-2)}.ds-button:disabled,.ds-button[aria-disabled=true]{opacity:.45;cursor:not-allowed;box-shadow:var(--shadow-1);transform:none}.ds-button--ghost:disabled{box-shadow:none}.ds-field{gap:var(--space-2);flex-direction:column;display:flex}.ds-field--inline{align-items:center;gap:var(--space-2);cursor:pointer;flex-direction:row}.ds-label{font-family:var(--font-mono);font-size:var(--font-size-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);font-weight:500}.ds-input{appearance:none;height:38px;padding:0 var(--space-3);background:var(--color-surface);color:var(--color-text);border:var(--bw) solid var(--color-ink);border-radius:var(--radius-sm);font-family:inherit;font-size:var(--font-size-md);transition:background-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease)}.ds-input::placeholder{color:var(--color-text-faint)}.ds-input:hover{background:var(--color-surface)}.ds-input:focus{box-shadow:var(--shadow-1);outline:none;transform:translate(-1px,-1px)}.ds-select{appearance:none;height:38px;padding:0 var(--space-6) 0 var(--space-3);background-color:var(--color-surface);color:var(--color-text);border:var(--bw) solid var(--color-ink);border-radius:var(--radius-sm);font-family:inherit;font-size:var(--font-size-md);cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'><path d='M3 4.5 L6 7.5 L9 4.5' stroke='%231c1815' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right var(--space-3) center;transition:box-shadow var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease)}.ds-select:hover{background-color:var(--color-surface)}.ds-select:focus{box-shadow:var(--shadow-1);outline:none;transform:translate(-1px,-1px)}.ds-select option{background:var(--color-surface);color:var(--color-text)}.ds-list{background:var(--color-surface);border:var(--bw) solid var(--color-ink);border-radius:var(--radius-sm);max-height:240px;margin:0;padding:0;list-style:none;overflow-y:auto}.ds-list__item{padding:var(--space-3) var(--space-4);color:var(--color-text);cursor:pointer;border-bottom:1px solid var(--color-border-soft);transition:background-color var(--dur-fast) var(--ease);justify-content:space-between;align-items:center;display:flex}.ds-list__item:last-child{border-bottom:none}.ds-list__item:hover{background:var(--color-surface-2)}.ds-list__item--selected,.ds-list__item--selected:hover{background:var(--color-accent);color:var(--color-text-inverse)}.ds-list__meta{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-faint)}.ds-list__item--selected .ds-list__meta{color:var(--color-accent-soft)}.ds-list::-webkit-scrollbar{width:10px}.ds-list::-webkit-scrollbar-track{background:var(--color-surface-2);border-left:1px solid var(--color-border-soft)}.ds-list::-webkit-scrollbar-thumb{background:var(--color-ink);border:2px solid var(--color-surface-2);border-radius:0}.ds-checkbox{align-items:center;gap:var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--color-text);font-size:var(--font-size-md);display:inline-flex}.ds-checkbox input{opacity:0;pointer-events:none;position:absolute}.ds-checkbox__box{border:var(--bw) solid var(--color-ink);border-radius:var(--radius-sm);background:var(--color-surface);width:18px;height:18px;transition:background-color var(--dur-fast) var(--ease);flex-shrink:0;position:relative}.ds-checkbox:hover .ds-checkbox__box{background:var(--color-surface-2)}.ds-checkbox input:focus-visible+.ds-checkbox__box{box-shadow:0 0 0 3px var(--color-accent-soft)}.ds-checkbox input:checked+.ds-checkbox__box{background:var(--color-accent)}.ds-checkbox__box:after{content:"";opacity:0;transition:opacity var(--dur-fast) var(--ease);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'><path d='M4.5 9.5 L7.5 12.5 L13.5 6' stroke='%23fffaf0' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-position:50%;background-repeat:no-repeat;position:absolute;inset:0}.ds-checkbox input:checked+.ds-checkbox__box:after{opacity:1}.ds-checkbox input:disabled~*{opacity:.5}.ds-checkbox:has(input:disabled){cursor:not-allowed;opacity:.6}.ds-panel{background:var(--color-surface);border:var(--bw) solid var(--color-ink);border-radius:var(--radius-md);padding:var(--space-5)}.ds-panel__header{gap:var(--space-1);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border-soft);flex-direction:column;display:flex}.ds-panel__title{font-size:var(--font-size-lg);color:var(--color-text);letter-spacing:-.005em;margin:0;font-weight:700}.ds-panel__subtitle{font-family:var(--font-mono);font-size:var(--font-size-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-faint);margin:0}.app{justify-content:center;align-items:center;min-height:100vh;display:flex}.game-flow{justify-content:center;align-items:center;width:100%;display:flex}.game-flow__screen{align-items:center;gap:var(--space-5);padding:var(--space-8);text-align:center;flex-direction:column;display:flex}.game-flow__form{gap:var(--space-4);text-align:left;flex-direction:column;width:260px;display:flex}.game-flow__arena{width:100%;max-width:800px;position:relative}.game-flow__overlay{z-index:10;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:var(--radius-sm);background:#0d1b2a8c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.game-flow__countdown{color:#fff;text-shadow:0 2px 24px #1f63c899;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:96px;font-weight:700;line-height:1}.game-flow__result{align-items:center;gap:var(--space-5);color:#fff;flex-direction:column;display:flex}.game-flow__result .ds-eyebrow{color:#8092a6}.game-flow__result .ds-h2{color:#fff}.stickman-showcase{justify-content:center;width:100%;display:flex}.stickman-showcase canvas{border-radius:var(--radius-sm);background:var(--color-surface);max-width:100%;height:auto;display:block}