:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#eef7f6;--muted:#7e9b9d;--cyan:#25e6ee;--coral:#ff4e68;--panel:#09131d}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);background:#04080f;margin:0;font-family:Barlow Condensed,sans-serif}button{font:inherit;color:inherit}.arcade-shell{background:radial-gradient(at 50% 90%,#0a2930 0,#050b13 52%,#03060b 100%);max-width:1440px;min-height:100vh;margin:auto;padding:22px 36px 18px;position:relative;overflow:hidden}.scanlines{pointer-events:none;z-index:5;opacity:.08;mix-blend-mode:screen;background:repeating-linear-gradient(0deg,#0000 0 3px,#bff 4px);position:fixed;inset:0}.topbar{letter-spacing:2px;border-bottom:1px solid #19333b;justify-content:space-between;align-items:flex-start;height:50px;display:flex}.brand{color:#fff;align-items:center;gap:10px;font-size:26px;font-weight:900;line-height:22px;display:flex}.brand-mark{color:var(--cyan);filter:drop-shadow(0 0 7px var(--cyan));font-size:25px}.brand small{letter-spacing:1px;color:var(--muted);align-self:flex-end;margin-bottom:2px;margin-left:3px;font:10px Space Mono}.match-meta,.sound{letter-spacing:1.6px;color:var(--muted);font:11px Space Mono}.match-meta{gap:12px;margin-top:7px;display:flex}.match-meta b{color:var(--coral)}.sound{cursor:pointer;background:#07121a;border:1px solid #2a4b55;padding:7px 10px}.scoreboard{justify-content:center;align-items:center;gap:72px;height:96px;display:flex;position:relative}.team{letter-spacing:1.5px;align-items:center;gap:11px;font-size:22px;font-weight:800;display:flex}.team-away{color:#ffadb7}.dot{border-radius:50%;width:10px;height:10px;display:inline-block;box-shadow:0 0 15px}.cyan{background:var(--cyan);color:var(--cyan)}.coral{background:var(--coral);color:var(--coral)}.score{align-items:center;gap:16px;display:flex;position:relative}.score strong{letter-spacing:3px;font-size:58px;font-weight:900;line-height:1}.score i{color:#476369;font-size:32px;font-style:normal}.score small{color:var(--cyan);letter-spacing:2px;font:12px Space Mono;position:absolute;top:64px;left:50%;transform:translate(-50%)}.game-frame{background:#061019;border:1px solid #1a4249;height:min(59vh,650px);min-height:420px;position:relative;box-shadow:0 0 0 5px #061019,0 22px 80px #02050a}.scene{position:absolute;inset:0}.scene canvas{width:100%;height:100%;display:block}.status-pill{letter-spacing:2px;color:#071119;background:var(--cyan);padding:8px 12px;font:11px Space Mono;position:absolute;top:16px;left:18px;box-shadow:0 0 16px #25e6ee88}.hint{color:#81a5a8;letter-spacing:1px;font:10px Space Mono;position:absolute;top:18px;right:16px}.hint b{color:#d5f8f5}.touch-controls{display:none}.progress{background:#07111a;border:1px solid #1a333b;margin-top:20px}.progress-head{letter-spacing:1.5px;color:#7ea4a7;border-bottom:1px solid #19323a;justify-content:space-between;padding:11px 15px;font:11px Space Mono;display:flex}.live{color:var(--cyan)}.live em{background:var(--cyan);width:6px;height:6px;box-shadow:0 0 10px var(--cyan);border-radius:50%;margin-right:6px;display:inline-block}.progress-grid{grid-template-columns:repeat(4,1fr);display:grid}.progress-grid>div{border-right:1px solid #19323a;grid-template-columns:30px 1fr;gap:3px;padding:13px 15px;display:grid}.progress-grid>div:last-child{border:0}.progress-grid b{color:#54767a;grid-row:span 2;font:12px Space Mono}.progress-grid span{letter-spacing:1px;font-size:15px;font-weight:800}.progress-grid small{color:#54767a;letter-spacing:1px;font:9px Space Mono}.progress-grid .done small{color:#52b9b2}.progress-grid>div:last-child span{color:var(--cyan)}footer{color:#45666b;letter-spacing:1.5px;justify-content:space-between;margin-top:13px;font:9px Space Mono;display:flex}.sound:active{transform:translateY(1px)}@media (width<=800px){.arcade-shell{padding:14px 14px 16px}.topbar{height:42px}.brand{font-size:21px}.brand small,.match-meta{display:none}.scoreboard{gap:18px;height:83px}.team{font-size:16px}.score{gap:7px}.score strong{font-size:42px}.score i{font-size:22px}.game-frame{height:62vh;min-height:400px}.hint{display:none}.progress-grid{grid-template-columns:repeat(2,1fr)}.progress-grid>div:nth-child(2){border-right:0}.progress-grid>div:nth-child(-n+2){border-bottom:1px solid #19323a}.touch-controls{pointer-events:none;justify-content:space-between;align-items:end;display:flex;position:absolute;inset:auto 16px 18px}.dpad{pointer-events:auto}.dpad button,.kick{color:#b9fffa;background:#07151dcc;border:1px solid #6ce5df88;width:42px;height:38px;margin:2px;font-weight:700}.dpad>button{margin:2px auto;display:block}.kick{pointer-events:auto;color:#ff9da8;letter-spacing:1px;background:#3d1422dd;border-color:#ff718288;border-radius:50%;width:70px;height:70px;font-size:14px;box-shadow:0 0 18px #ff3f5c44}footer{font-size:8px}footer span{display:none}}.clock-app{--paper:#f3f0e8;--ink:#191b1a;--muted:#75756d;--line:#c9c6bb;--yellow:#f5c400;--orange:#ef6f3b;--blue:#78a7c9;--green:#78a07c;--pink:#e99b94;--purple:#9c8fbc;background:var(--paper);min-height:100vh;color:var(--ink);font-family:var(--font-sans),Arial,sans-serif;letter-spacing:-.02em}.clock-header{border-bottom:2px solid var(--ink);height:92px;font:700 11px var(--font-mono);letter-spacing:.08em;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(22px,5vw,72px);display:grid}.clock-logo{align-items:center;gap:10px;font-size:14px;display:flex}.logo-mark{background:var(--ink);width:24px;height:24px;color:var(--yellow);border-radius:50%;place-items:center;font-size:14px;display:grid}.header-note{text-align:center;color:var(--muted)}.share-button{border:1px solid var(--ink);font:700 10px var(--font-mono);letter-spacing:.08em;cursor:pointer;background:0 0;justify-self:end;padding:11px 14px}.share-button:hover{background:var(--ink);color:var(--paper)}.clock-hero{border-bottom:2px solid var(--ink);grid-template-columns:1fr 1fr;align-items:end;gap:30px;padding:clamp(55px,8vw,110px) clamp(22px,9vw,140px) 86px;display:grid}.hero-index{font:700 11px var(--font-mono);color:var(--orange);letter-spacing:.1em;align-self:start}.clock-hero h1{letter-spacing:-.1em;grid-column:1;margin:0;font-size:clamp(58px,9.7vw,144px);line-height:.78}.clock-hero h1 span{color:var(--orange)}.clock-hero p{max-width:245px;color:var(--muted);justify-self:end;margin:0;font-size:16px;line-height:1.35}.clock-workspace{width:min(1080px,100% - 44px);margin:0 auto;padding:55px 0 90px}.mode-row{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.mode-tabs{border:1px solid var(--ink);display:flex}.mode-tabs button{border:0;border-right:1px solid var(--ink);font:700 10px var(--font-mono);letter-spacing:.08em;cursor:pointer;background:0 0;padding:13px 15px}.mode-tabs button:last-child{border:0}.mode-tabs button.active{background:var(--ink);color:var(--paper)}.mode-tabs span{color:var(--orange);margin-left:5px}.workspace-meta{font:700 10px var(--font-mono);letter-spacing:.1em;color:var(--muted)}.live-dot{background:var(--orange);border-radius:50%;width:7px;height:7px;margin-left:10px;display:inline-block}.adjuster{border:1px solid var(--ink);background:#ebe7dd;grid-template-columns:1fr auto 1fr;align-items:center;gap:35px;padding:30px 25px 22px;display:grid}.adjuster-caption{font:700 10px var(--font-mono);letter-spacing:.1em;gap:9px;display:grid}.adjuster-caption strong{color:var(--orange);font-size:12px}.big-time{letter-spacing:-.1em;font-size:clamp(52px,8vw,96px);font-weight:700;line-height:.8}.range-wrap{font:700 10px var(--font-mono);grid-column:1/-1;grid-template-columns:20px 1fr 20px;align-items:center;gap:12px;display:grid}.range-wrap input{appearance:none;background:linear-gradient(90deg,var(--orange) calc(var(--progress,50%)),var(--line) calc(var(--progress,50%)));width:100%;height:4px;accent-color:var(--orange);cursor:pointer}.range-wrap input::-webkit-slider-thumb{appearance:none;background:var(--orange);border:3px solid var(--ink);cursor:grab;border-radius:50%;width:20px;height:20px}.range-labels{color:var(--muted);font:700 9px var(--font-mono);grid-column:1/-1;justify-content:space-between;display:flex}.cards-head{border-bottom:2px solid var(--ink);font:700 10px var(--font-mono);letter-spacing:.08em;justify-content:space-between;padding:46px 0 14px;display:flex}.cards-head span:first-child{color:var(--orange)}.clock-cards{grid-template-columns:repeat(3,1fr);gap:14px;padding-top:14px;display:grid}.clock-card{border:1px solid var(--ink);flex-direction:column;justify-content:space-between;min-height:275px;padding:18px;display:flex;position:relative;overflow:hidden}.clock-card.day{background:#fbfaf6}.clock-card.night{background:var(--ink);color:var(--paper)}.clock-card.orange:after,.clock-card.yellow:after,.clock-card.blue:after{content:"";border-radius:50%;width:110px;height:110px;position:absolute;bottom:-40px;right:-43px}.clock-card.orange:after{background:var(--orange)}.clock-card.yellow:after{background:var(--yellow)}.clock-card.blue:after{background:var(--blue)}.card-top,.card-bottom{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.card-label{font-size:15px;font-weight:700}.day-marker{font:700 9px var(--font-mono);letter-spacing:.08em;color:var(--muted)}.night .day-marker{color:#a4a49b}.card-time{letter-spacing:-.09em;z-index:1;font-size:clamp(36px,5vw,62px);font-weight:700;position:relative}.card-bottom{font:700 10px var(--font-mono);letter-spacing:.05em;color:var(--muted)}.night .card-bottom{color:#aaa99f}.sun-symbol{color:var(--ink);font-size:22px}.night .sun-symbol{color:var(--yellow)}.avatar{background:var(--yellow);width:35px;height:35px;color:var(--ink);font:700 10px var(--font-mono);z-index:2;border:1px solid var(--ink);border-radius:50%;place-items:center;display:grid;position:absolute;top:48px;right:18px}.night .avatar{border-color:var(--paper)}.remove-person{color:var(--muted);cursor:pointer;z-index:3;background:0 0;border:0;font-size:21px;position:absolute;top:12px;right:12px}.add-person{border:1px dashed var(--ink);text-align:left;width:100%;font:700 11px var(--font-mono);letter-spacing:.1em;cursor:pointer;background:0 0;margin-top:14px;padding:18px}.add-person:hover{background:#e7e3d9}.add-person span{background:var(--orange);width:20px;height:20px;color:var(--ink);border-radius:50%;place-items:center;margin-right:10px;font-size:18px;display:inline-grid}.clock-tip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);grid-template-columns:28px 1fr auto;align-items:center;gap:14px;margin-top:46px;padding:16px 0;display:grid}.tip-icon{border:1px solid var(--orange);width:22px;height:22px;color:var(--orange);border-radius:50%;place-items:center;font:700 12px Georgia;display:grid}.clock-tip p{margin:0;font-size:13px}.clock-tip strong{font:700 10px var(--font-mono);color:var(--orange);letter-spacing:.05em}.tip-code{font:700 10px var(--font-mono);color:var(--ink)}.clock-footer{border-top:2px solid var(--ink);font:700 10px var(--font-mono);letter-spacing:.08em;justify-content:space-between;padding:22px clamp(22px,5vw,72px);display:flex}.clock-footer span:nth-child(2){color:var(--muted)}.modal-backdrop{z-index:10;background:#191b1a7a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.add-modal{background:var(--paper);border:2px solid var(--ink);width:min(420px,100%);box-shadow:12px 12px 0 var(--orange);gap:19px;padding:24px;display:grid}.modal-head{font:700 10px var(--font-mono);letter-spacing:.1em;border-bottom:1px solid var(--line);justify-content:space-between;padding-bottom:17px;display:flex}.modal-head button{cursor:pointer;background:0 0;border:0;font-size:20px;line-height:.5}.add-modal label{font:700 11px var(--font-mono);text-transform:uppercase;letter-spacing:.08em;gap:8px;display:grid}.add-modal input,.add-modal select{border:1px solid var(--ink);font:400 15px var(--font-sans);text-transform:none;background:0 0;padding:13px}.modal-submit{background:var(--ink);color:var(--paper);text-align:left;font:700 11px var(--font-mono);letter-spacing:.08em;cursor:pointer;border:0;padding:16px}.modal-submit span{float:right;color:var(--yellow)}@media (width<=700px){.clock-header{grid-template-columns:1fr auto;height:72px}.header-note{display:none}.clock-hero{grid-template-columns:1fr;gap:26px;padding:56px 22px 62px}.clock-hero p{justify-self:start}.clock-workspace{width:calc(100% - 28px);padding-top:30px}.mode-row{align-items:flex-start;gap:20px}.workspace-meta{text-align:right;font-size:9px}.adjuster{grid-template-columns:1fr auto;gap:20px;padding:22px 16px}.adjuster-caption,.big-time{grid-column:1/-1}.range-wrap{margin-top:10px}.clock-cards{grid-template-columns:1fr}.clock-card{min-height:210px}.clock-footer{flex-wrap:wrap;gap:12px}.clock-footer span:nth-child(2){order:3;width:100%}.clock-tip{grid-template-columns:28px 1fr}.tip-code{display:none}}