:root{--ink:#1e1a24;--paper:#fffaf0;--left:#34557d;--right:#b5433a;--focus:#f2c14e;--soft:#1e1a24b8;color:var(--ink);-webkit-text-size-adjust:100%;font-family:ui-rounded,SF Pro Rounded,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:#9ad0ec;height:100%;margin:0}body{-webkit-font-smoothing:antialiased;overflow:hidden}a{color:inherit;text-underline-offset:2px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app{height:100vh;height:100dvh;padding:max(10px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));grid-template-rows:auto minmax(0,1fr) auto;gap:8px;display:grid}.top{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 20px;display:grid}.brand{flex-direction:column;display:flex}h1{letter-spacing:-.02em;margin:0;font-size:28px;font-weight:800;line-height:1}h1 span{color:var(--right)}.tag{color:var(--soft);margin:4px 0 0;font-size:13px;font-weight:600}.armies{align-items:center;gap:8px;min-width:0;display:flex}.army{flex:1 1 0;min-width:0}.armies input{width:100%;font:inherit;border:2px solid var(--ink);background:var(--paper);color:var(--ink);border-radius:999px;padding:8px 14px;font-size:16px;font-weight:650}.armies input::placeholder{color:#1e1a2466}.vs{flex:none;font-weight:800}.go{flex:none;gap:8px;display:flex}button{font:inherit;border:2px solid var(--ink);background:var(--paper);min-height:40px;color:var(--ink);cursor:pointer;white-space:nowrap;touch-action:manipulation;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:700;line-height:1.2;transition:transform .12s,background-color .12s,box-shadow .12s}@media (hover:hover){button:hover:not(:disabled){box-shadow:0 2px 0 var(--ink);transform:translateY(-1px)}}button:active:not(:disabled){box-shadow:none;transform:translateY(1px)}button:disabled{opacity:.6;cursor:progress}button[aria-pressed=true]{background:var(--ink);color:var(--paper)}button.primary{background:var(--right);color:var(--paper);min-width:84px}.examples{grid-column:1/-1;min-width:0;margin:0 -14px}.examples ul{scroll-snap-type:x proximity;scrollbar-width:none;gap:6px;margin:0;padding:2px 14px 4px;list-style:none;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}.examples ul::-webkit-scrollbar{display:none}.examples li{scroll-snap-align:start;flex:none}.examples button{background:#fffaf0c7;border-width:1.5px;min-height:32px;padding:5px 11px;font-size:13px;font-weight:650}.examples button[aria-current=true]{background:var(--ink);color:var(--paper)}.stage{min-height:0;margin:0 -14px;position:relative}#stage,#models{width:100%;height:100%;display:block;position:absolute;inset:0}#models{pointer-events:none}.score{pointer-events:none;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:12px;width:min(760px,100% - 28px);display:grid;position:absolute;top:6px;left:50%;transform:translate(-50%)}.side{flex-direction:column;gap:1px;min-width:0;display:flex}.side b{text-overflow:ellipsis;white-space:nowrap;font-size:18px;overflow:hidden}.side span{font-variant-numeric:tabular-nums;color:var(--soft);font-size:14px;font-weight:600}.side i{color:var(--soft);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:12px;font-style:normal;line-height:1.35;display:-webkit-box;overflow:hidden}.left{text-align:left}.left b{color:var(--left)}.right{text-align:right}.right b{color:var(--right)}.clock{font-variant-numeric:tabular-nums;background:var(--paper);border:2px solid var(--ink);border-radius:10px;padding:2px 10px;font-size:18px;font-weight:800}.banner{background:var(--paper);border:3px solid var(--ink);text-align:center;text-wrap:balance;box-shadow:6px 6px 0 var(--ink);border-radius:16px;width:max-content;max-width:min(560px,100% - 32px);padding:14px 22px;font-size:24px;font-weight:800;animation:.26s cubic-bezier(.2,1.4,.4,1) pop;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.banner small{color:var(--soft);margin-top:6px;font-size:15px;font-weight:600;display:block}.banner.refused{font-size:19px}.banner .again{margin-top:12px}@keyframes pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.7)}}.designing{background:var(--paper);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:999px;align-items:center;gap:10px;max-width:calc(100% - 32px);padding:10px 18px;font-weight:700;display:flex;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.designing .dot{background:var(--right);border-radius:50%;flex:none;width:12px;height:12px;animation:.9s ease-in-out infinite alternate pulse}@keyframes pulse{0%{opacity:.5;transform:scale(.6)}to{opacity:1;transform:scale(1.1)}}.controls{flex-direction:column;align-items:center;gap:6px;display:flex}.buttons{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.about{color:var(--soft);text-align:center;margin:0;font-size:12px}.about #seed{font-variant-numeric:tabular-nums;margin-right:6px}.about #seed:empty{display:none}.noscript{background:var(--paper);border:2px solid var(--ink);border-radius:12px;padding:12px;position:fixed;inset:auto 16px 16px}@media (max-width:760px){.top{grid-template-columns:minmax(0,1fr)}.brand{flex-flow:wrap;align-items:baseline;gap:10px}h1{font-size:24px}.tag{margin:0;font-size:12px}}@media (max-width:560px){.app{gap:6px}.armies{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:6px;display:grid}.armies input{padding:7px 12px}.go{grid-column:1/-1}.go .primary{flex:1}.side b{font-size:15px}.side span{font-size:12px}.side i{-webkit-line-clamp:2;font-size:11px}.clock{padding:1px 8px;font-size:15px}.banner{padding:12px 16px;font-size:20px}.banner small{font-size:14px}.buttons button{min-height:38px;padding:7px 12px;font-size:13px}}@media (max-height:520px) and (orientation:landscape){.top{grid-template-columns:auto minmax(0,1fr)}.tag,.examples,.about,.side i{display:none}}@media (prefers-reduced-motion:reduce){button,.banner,.designing .dot{transition:none;animation:none}}