:root{color:#111827;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff7df;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0}*{box-sizing:border-box}.app-shell{color:#111827;background:radial-gradient(circle at 15% 20%,#ffcf3361,#0000 28%),radial-gradient(circle at 85% 12%,#2f80ed33,#0000 24%),linear-gradient(135deg,#fff7df 0%,#f5fbff 55%,#fff0f0 100%);min-height:100svh;overflow-x:hidden}button,input,textarea{font:inherit}button{cursor:pointer}.home-screen,.game-screen,.result-screen,.admin-screen,.panel-screen{box-sizing:border-box;min-height:100svh;padding:28px}.top-bar,.game-header,.admin-header,.section-title-row,.button-row{justify-content:space-between;align-items:center;gap:18px;display:flex}.home-screen h1,.game-screen h1,.result-screen h1,.admin-screen h1,.panel-screen h1{color:#111827;letter-spacing:0;margin:0;font-size:54px;line-height:1}.eyebrow{color:#5f6472;margin:0 0 10px;font-size:18px;font-weight:900}.icon-button,.primary-button,.secondary-button,.file-button{border:0;border-radius:18px;justify-content:center;align-items:center;gap:12px;min-height:64px;font-weight:900;display:inline-flex}.icon-button{color:#111827;background:#fff;width:72px;height:72px;box-shadow:0 12px #e5a900,0 14px 26px #11182729}.icon-button svg,.primary-button svg,.secondary-button svg,.file-button svg{flex:none;width:28px;height:28px}.primary-button{color:#111827;background:#ffcf33;padding:0 30px;font-size:26px;box-shadow:0 10px #e5a900}.secondary-button,.file-button{color:#111827;background:#fff;border:3px solid #111827;padding:0 26px;font-size:22px}.small{border-radius:14px;min-height:52px;padding:0 18px;font-size:18px}.admin-gear{flex:none}.preset-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;margin-top:30px;display:grid}.preset-card{--accent-color:#2f80ed;background:linear-gradient(180deg, #ffffffeb, #ffffffb8), var(--accent-color);color:#111827;text-align:left;border:5px solid #111827;border-radius:28px;flex-direction:column;justify-content:space-between;min-height:230px;padding:24px;transition:transform .14s,box-shadow .14s;display:flex;box-shadow:0 14px #111827,0 22px 36px #1118272e}.preset-card:active{transform:translateY(8px);box-shadow:0 6px #111827,0 12px 20px #1118272e}.preset-card__name{font-size:34px;font-weight:900;line-height:1.08}.preset-card__target{align-items:center;gap:12px;font-size:46px;font-weight:900;display:inline-flex}.preset-card__rule{color:#374151;font-size:22px;font-weight:800}.compact-screen{place-items:center;display:grid}.panel{background:#ffffffe6;border:4px solid #111827;border-radius:22px;padding:22px;box-shadow:0 10px #1118271f}.auth-panel{gap:18px;width:min(520px,100%);display:grid}label{color:#374151;text-align:left;gap:8px;font-weight:900;display:grid}.field-help{color:#5f6472;font-size:14px;font-weight:800;line-height:1.35}input,textarea{box-sizing:border-box;color:#111827;background:#fff;border:3px solid #111827;border-radius:14px;width:100%;padding:12px 14px;font-size:22px}textarea{resize:vertical;min-height:210px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:15px;line-height:1.45}.form-error{color:#8a1024;white-space:pre-line;background:#ffe4e9;border-radius:14px;margin:0;padding:12px 14px;font-weight:900}.status-message{color:#075e3d;background:#e9fff5;border-radius:14px;margin:0 0 16px;padding:12px 16px;font-weight:900}.status-message.compact{margin:0}.game-screen{--accent-color:#2f80ed;grid-template-rows:auto 1fr auto;gap:22px;display:grid}.target-pill{background:#fff;border:4px solid #111827;border-radius:999px;padding:14px 22px;font-size:22px;font-weight:900}.target-pill-placeholder{width:1px;height:72px}.timer-display{width:min(640px,88vw);min-height:210px;box-shadow:inset 0 -12px 0 #11182714, 0 16px 0 var(--accent-color);color:#111827;font-variant-numeric:tabular-nums;background:#fff;border:8px solid #111827;border-radius:36px;place-self:center;place-items:center;font-size:118px;font-weight:1000;line-height:1;display:grid;position:relative;overflow:hidden}.timer-display.is-hidden{color:#111827}.timer-value{z-index:1;position:relative}.timer-cover{z-index:2;background:linear-gradient(180deg, #fff, #fff7df), repeating-linear-gradient(45deg, #ffcf33, #ffcf33 18px, var(--accent-color) 18px, var(--accent-color) 36px);color:#111827;border-bottom:8px solid #111827;place-items:center;font-size:118px;font-weight:1000;animation:.36s cubic-bezier(.18,.9,.24,1) forwards cover-drop;display:grid;position:absolute;inset:0;transform:translateY(-104%)}.start-button,.stop-button{color:#111827;border:6px solid #111827;border-radius:34px;min-height:132px;font-size:58px;font-weight:1000;box-shadow:0 16px #111827}.start-button{background:#4ade80;justify-content:center;align-items:center;gap:18px;display:inline-flex}.start-button svg{width:54px;height:54px}.stop-button{background:#ff5a5f}.result-screen{text-align:center;align-content:center;place-items:center;gap:22px;display:grid;position:relative;overflow:hidden}.result-screen h1{text-shadow:0 9px #1118271f;font-size:152px;animation:.42s cubic-bezier(.18,.89,.32,1.28) pop}.result-first{background:linear-gradient(135deg,#fff1a6,#fff 48%,#dffcf0)}.result-second{background:linear-gradient(135deg,#dbeafe,#fff 48%,#ecfeff)}.result-third{background:linear-gradient(135deg,#ffe4cc,#fff 48%,#fef3c7)}.result-numbers{grid-template-columns:repeat(2,minmax(220px,1fr));gap:18px;width:min(720px,100%);display:grid}.result-numbers div{background:#ffffffdb;border:4px solid #111827;border-radius:22px;padding:18px}.result-numbers span{color:#5f6472;font-size:20px;font-weight:900;display:block}.result-numbers strong{color:#111827;font-size:36px;line-height:1.1;display:block}.centered{justify-content:center}.confetti{pointer-events:none;position:absolute;inset:0}.confetti span{top:-40px;left:calc(var(--x,50) * 1%);background:var(--accent-color);border-radius:5px;width:18px;height:32px;animation:1.8s linear infinite fall;position:absolute}.confetti span:nth-child(3n){background:#ffcf33}.confetti span:nth-child(4n){background:#ff5a5f}.confetti span:nth-child(5n){background:#2f80ed}.confetti span:first-child{--x:4;animation-delay:0s}.confetti span:nth-child(2){--x:10;animation-delay:.16s}.confetti span:nth-child(3){--x:18;animation-delay:80ms}.confetti span:nth-child(4){--x:23;animation-delay:.22s}.confetti span:nth-child(5){--x:31;animation-delay:60ms}.confetti span:nth-child(6){--x:38;animation-delay:.3s}.confetti span:nth-child(7){--x:45;animation-delay:.13s}.confetti span:nth-child(8){--x:51;animation-delay:.26s}.confetti span:nth-child(9){--x:58;animation-delay:90ms}.confetti span:nth-child(10){--x:64;animation-delay:.21s}.confetti span:nth-child(11){--x:70;animation-delay:30ms}.confetti span:nth-child(12){--x:76;animation-delay:.33s}.confetti span:nth-child(13){--x:82;animation-delay:.12s}.confetti span:nth-child(14){--x:88;animation-delay:.24s}.confetti span:nth-child(15){--x:94;animation-delay:70ms}.confetti span:nth-child(n+16){animation-duration:2.2s}.admin-screen{min-height:100svh}.admin-layout{grid-template-columns:minmax(360px,1.1fr) minmax(420px,1.2fr);align-items:start;gap:18px;display:grid}.admin-settings{grid-column:1/-1;justify-content:space-between;align-items:end;gap:18px;display:flex}.preset-list,.preset-form,.json-tools,.pin-form{gap:14px;display:grid}.preset-row{background:#fff;border:3px solid #e5e7eb;border-radius:16px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;padding:12px;display:grid}.preset-row h3{color:#111827;margin:0;font-size:22px}.preset-row p{color:#5f6472;margin:4px 0 0;font-size:16px;font-weight:800}.color-dot{border:3px solid #111827;border-radius:50%;width:28px;height:28px}.quiet{width:52px;height:52px;min-height:52px;box-shadow:none;border:3px solid #111827}.danger,.danger-outline{color:#9f1239}.danger-outline{border-color:#9f1239}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.wrap{flex-wrap:wrap;justify-content:flex-start}.file-button{position:relative;overflow:hidden}.file-button input{opacity:0;position:absolute;inset:0}.radio-pill{color:#111827;background:#fff;border:3px solid #111827;border-radius:999px;align-items:center;gap:8px;width:auto;min-height:52px;padding:0 18px;display:inline-flex}.radio-pill input{width:22px;height:22px}.portrait-notice{display:none}@keyframes cover-drop{0%{transform:translateY(-104%)}to{transform:translateY(0)}}@keyframes pop{0%{transform:scale(.72)rotate(-4deg)}to{transform:scale(1)rotate(0)}}@keyframes fall{to{transform:translateY(112vh)rotate(480deg)}}@media (width<=900px){.home-screen,.game-screen,.result-screen,.admin-screen,.panel-screen{padding:20px}.home-screen h1,.game-screen h1,.admin-screen h1,.panel-screen h1{font-size:40px}.admin-layout,.result-numbers{grid-template-columns:1fr}.admin-settings{display:grid}}@media (orientation:portrait){.home-screen,.game-screen,.result-screen,.admin-screen,.panel-screen{display:none}.portrait-notice{text-align:center;align-content:center;place-items:center;gap:18px;min-height:100svh;padding:28px;display:grid}}