*,:before,:after{box-sizing:border-box}html,body{background:var(--syrnike-background);min-height:100%;color:var(--syrnike-foreground);margin:0;font:14px/1.4 system-ui,-apple-system,Segoe UI,sans-serif}h1,h2,h3{margin:0 0 8px;line-height:1.2}h1{font-size:16px}h2{font-size:14px}h3{color:var(--syrnike-muted-foreground);margin-top:12px;font-size:13px}p{margin:6px 0}pre{background:var(--syrnike-muted);border-radius:6px;max-height:200px;margin:0;padding:8px;font-size:12px;overflow:auto}ol,ul{margin:0;padding-left:20px}button,select,textarea{font:inherit;color:inherit;border:1px solid var(--syrnike-border);background:var(--syrnike-card);border-radius:6px}button{cursor:pointer;min-height:32px;padding:4px 12px}button:hover:not(:disabled){background:var(--syrnike-muted)}button:disabled{opacity:.5;cursor:default}button.primary{border-color:var(--syrnike-primary);background:var(--syrnike-primary);color:var(--syrnike-primary-foreground)}button.danger{border-color:var(--syrnike-destructive);color:var(--syrnike-destructive)}select{min-height:32px;padding:4px 8px}textarea{resize:vertical;width:100%;padding:8px}.screen{text-align:center;place-content:center;min-height:100vh;margin:0;padding:16px;display:grid}.header{z-index:1;border-bottom:1px solid var(--syrnike-border);background:var(--syrnike-background);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;display:flex;position:sticky;top:0}.header h1{flex:1;margin:0}.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;padding:12px;display:grid}.card{border:1px solid var(--syrnike-border);background:var(--syrnike-card);border-radius:8px;min-width:0;padding:12px}.row{align-items:center;gap:8px;display:flex}.row h2{margin:0}.wrap{flex-wrap:wrap}.grow{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.muted{color:var(--syrnike-muted-foreground)}.danger{color:var(--syrnike-destructive)}.status{word-break:break-all}.pill{border:1px solid var(--syrnike-border);white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:12px}.pill.ok{color:var(--syrnike-chart-2)}.pill.warn{color:var(--syrnike-destructive)}.pill.accent{border-color:var(--syrnike-primary);background:var(--syrnike-primary);color:var(--syrnike-primary-foreground)}.people,.board{gap:6px;display:grid}.people{padding:0;list-style:none}.people li,.board li{align-items:center;gap:8px;display:flex}.board li.own{font-weight:600}.avatar{object-fit:cover;background:var(--syrnike-muted);border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-weight:600;display:grid}.log{word-break:break-all;max-height:160px;font-size:12px;overflow:auto}.counter{text-align:center;min-width:3ch;font-size:20px}.reaction{grid-column:1/-1}.stage{border:1px solid var(--syrnike-border);-webkit-user-select:none;user-select:none;touch-action:manipulation;border-radius:8px;place-items:center;gap:4px;width:100%;min-height:96px;margin:8px 0;font-size:18px;font-weight:600;display:grid}.stage.wait{background:var(--syrnike-muted)}.stage.go{border-color:var(--syrnike-chart-2);background:var(--syrnike-chart-2);color:var(--syrnike-background)}.result ol{margin:4px 0}body[data-layout=mini] .header .pill:not(.accent),body[data-layout=mini] .card:not(.reaction),body[data-layout=mini] .hint,body[data-layout=mini] .result ol{display:none}body[data-layout=mini] .grid{padding:6px}body[data-layout=mini] .stage{min-height:56px;font-size:15px}@media (height<=260px){.card:not(.reaction),.hint{display:none}}