:root{color:#f5f5ee;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#101511;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}button{font:inherit}.screen{min-height:100svh;padding:max(28px, env(safe-area-inset-top)) 24px max(26px, env(safe-area-inset-bottom));flex-direction:column;display:flex;position:relative;overflow:hidden}.app-header{z-index:2;justify-content:space-between;align-items:center;min-height:44px;display:flex;position:relative}.brand{z-index:1;letter-spacing:.16em;font-size:15px;font-weight:900;line-height:1;position:relative}.brand-dot{color:#b8ec8b}.header-actions{align-items:center;gap:10px;display:flex}.clear-button{color:#ffffffd6;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff13;border:1px solid #ffffff38;border-radius:13px;place-items:center;width:44px;height:44px;padding:0;display:grid}.clear-button:hover{background:#ffffff26}.clear-button:disabled{opacity:.5;cursor:wait}.clear-button:focus-visible{outline-offset:3px;outline:3px solid #fff}.menu-button{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;place-items:center;width:44px;height:44px;padding:0;display:grid}.menu-button:hover{color:var(--team-accent,#fff)}.menu-button:disabled{opacity:.5;cursor:wait}.menu-button:focus-visible{outline-offset:3px;outline:3px solid #fff}.choice-screen{background:radial-gradient(circle at 95% -15%,#81a87829,#0000 45%),#101511}.intro{z-index:1;margin-top:auto;padding-top:56px;padding-bottom:42px;position:relative}.eyebrow,.option-number,.device-note{letter-spacing:.18em;font-size:11px;font-weight:800}.eyebrow{color:#aab5a7;margin:0 0 16px}.intro h1{letter-spacing:-.075em;margin:0;font-size:clamp(45px,12vw,68px);font-weight:850;line-height:.99}.accent-dot{color:#b8ec8b}.intro-copy{color:#b4bdb1;margin:18px 0 0;font-size:16px;line-height:1.4}.team-options{z-index:1;gap:12px;display:grid;position:relative}.team-option{color:#fff;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;border:1px solid #ffffff24;border-radius:22px;flex-direction:column;justify-content:space-between;align-items:flex-start;width:100%;min-height:154px;padding:20px 22px;transition:transform .18s,border-color .18s;display:flex;position:relative;overflow:hidden}.team-option:active{transform:scale(.985)}.team-option:focus-visible{outline-offset:3px;outline:3px solid #fff}.team-option:after{content:"";pointer-events:none;border:1px solid #ffffff21;border-radius:50%;width:200px;height:200px;position:absolute;top:-52px;right:-28px;box-shadow:0 0 0 37px #ffffff09,0 0 0 75px #ffffff06}.team-option--green{background:linear-gradient(120deg,#194e35,#123524)}.team-option--red{background:linear-gradient(120deg,#8c3938,#542221)}.team-option--green:hover{border-color:#a9f3ae}.team-option--red:hover{border-color:#ffaaa1}.option-number,.option-name,.option-arrow{z-index:1;position:relative}.option-number{opacity:.77}.option-name{letter-spacing:-.055em;font-size:clamp(27px,8vw,36px);font-weight:800}.option-arrow{font-size:28px;line-height:1;position:absolute;bottom:20px;right:22px}.device-note{color:#7e8c7d;text-align:center;margin:22px 0 0;font-size:9px}.team-screen--green{--team-accent:#b7f3ac;background:radial-gradient(circle at 105% 5%,#59b07342,#0000 45%),#123c29}.team-screen--red{--team-accent:#ffd0b2;background:radial-gradient(circle at 105% 5%,#ee7a6b42,#0000 45%),#692b2c}.team-screen .brand-dot{color:var(--team-accent)}.team-heading{z-index:1;margin-top:clamp(48px,9vh,90px);margin-bottom:28px;position:relative}.team-heading .eyebrow{color:#ffffffab}.team-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.team-heading h1{letter-spacing:-.07em;white-space:nowrap;margin:0;font-size:clamp(34px,10vw,68px);font-weight:900;line-height:1}.team-total-points{color:#fff;white-space:nowrap;flex:none;align-items:baseline;gap:5px;margin:0 0 0 auto;display:flex}.team-total-points strong{font-variant-numeric:tabular-nums;letter-spacing:-.06em;font-size:40px;font-weight:850;line-height:1}.team-total-points span{letter-spacing:.08em;opacity:.7;font-size:11px;font-weight:800;line-height:1}.task-count{color:var(--team-accent);letter-spacing:.18em;margin:16px 0 0;font-size:11px;font-weight:800}.task-list{z-index:1;gap:10px;display:grid;position:relative}.task-tile{color:#fff;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff18;border:1px solid #ffffff38;border-radius:18px;align-items:center;gap:15px;width:100%;min-height:72px;padding:15px 18px;display:flex;box-shadow:0 8px 24px #00000012}.task-tile:hover{background:#ffffff26}.task-tile:active{transform:scale(.99)}.task-tile:focus-visible{outline:3px solid var(--team-accent);outline-offset:3px}.task-tile--leaving,.task-tile--leaving:hover{color:#ffffff6b;pointer-events:none;background:#5050502e;min-height:0;animation:1.05s ease-in forwards task-dissolve;overflow:hidden}.task-tile--leaving .task-number,.task-tile--leaving .task-points{color:#ffffff6b}@keyframes task-dissolve{0%,24%{opacity:1;filter:blur();max-height:320px;transform:scale(1)}70%{opacity:.45;filter:blur(2px);transform:scale(.97)}to{opacity:0;filter:blur(8px);border-width:0;max-height:0;padding-top:0;padding-bottom:0;transform:scale(.9)translateY(-12px)}}.task-number{color:var(--team-accent);letter-spacing:.08em;font-size:12px;font-weight:800}.task-name{overflow-wrap:anywhere;letter-spacing:-.04em;flex:1;min-width:0;font-size:21px;font-weight:750}.task-points{color:var(--team-accent);white-space:nowrap;align-items:baseline;gap:4px;display:flex}.task-points strong{font-size:24px;line-height:1}.task-points small{letter-spacing:.08em;font-size:9px;font-weight:800}.empty-tasks,.task-message{color:#ffffffb8;text-align:center;border:1px dashed #ffffff3d;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:158px;margin:0;line-height:1.5;display:flex}.task-message p{margin:0 0 14px}.retry-button{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff80;border-radius:8px;padding:8px 14px}.retry-button:focus-visible{outline-offset:3px;outline:3px solid #fff}.team-actions{z-index:1;margin-top:auto;padding-top:24px;position:relative}.add-task-button{color:#18221a;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#f7f8ed;border:0;border-radius:17px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:62px;font-size:17px;font-weight:800;display:flex}.add-task-button span{font-size:24px;font-weight:400;line-height:1}.add-task-button:active{transform:scale(.99)}.add-task-button:disabled{opacity:.7;cursor:wait}.add-task-button:focus-visible{outline:3px solid var(--team-accent);outline-offset:3px}.action-error{color:#fff;text-align:center;margin:0 0 12px;font-size:14px}.list-full{color:#ffffffb8;text-align:center;margin:0;font-size:13px}.history-heading{z-index:1;margin-top:clamp(48px,9vh,90px);margin-bottom:24px;position:relative}.history-heading .eyebrow{color:#ffffffab;margin:0;line-height:1.3}.history-content{z-index:1;padding-bottom:20px;position:relative}.history-section+.history-section{margin-top:34px}.history-section-heading{border-bottom:1px solid #ffffff40;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;padding-bottom:12px;display:flex}.history-section-heading h2{letter-spacing:-.03em;margin:0;font-size:18px;font-weight:800}.history-section-heading span{color:var(--team-accent);font-size:13px;font-weight:800}.history-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.history-card{color:#fff;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff18;border:1px solid #ffffff38;border-radius:18px;align-items:center;gap:14px;width:100%;min-height:74px;padding:15px 18px;display:flex}.history-card:hover{background:#ffffff26}.history-card:active{transform:scale(.99)}.history-card:focus-visible{outline:3px solid var(--team-accent);outline-offset:3px}.history-card:disabled{opacity:.6;cursor:wait}.history-card-icon{text-align:center;flex:none;width:25px;font-size:21px;line-height:1}.history-card-name{overflow-wrap:anywhere;letter-spacing:-.035em;flex:1;min-width:0;font-size:19px;font-weight:750}.history-card-points{color:var(--team-accent);white-space:nowrap;align-items:baseline;gap:4px;display:flex}.history-card-points strong{font-size:22px;line-height:1}.history-card-points small{letter-spacing:.08em;font-size:9px;font-weight:800}.history-card--discarded{color:#ffffff80;background:#0000001a;border-color:#ffffff21}.history-card--discarded:hover{background:#00000029}.history-card--discarded .history-card-icon{opacity:.8}.history-empty{color:#ffffff91;margin:0;padding:22px 0;font-size:15px}.modal-backdrop{z-index:100;padding:max(12px, env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom));background:#050a07d1;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.task-modal{color:#fff;border:1px solid #ffffff42;border-radius:25px;flex-direction:column;width:min(100%,600px);height:100%;max-height:900px;padding:24px;display:flex;overflow:hidden;box-shadow:0 24px 70px #0006}.task-modal--green{--modal-accent:#b7f3ac;background:#123c29}.task-modal--red{--modal-accent:#ffd0b2;background:#692b2c}.modal-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.modal-kicker{color:var(--modal-accent);letter-spacing:.18em;font-size:12px;font-weight:850}.modal-close{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff59;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid}.modal-close:disabled{opacity:.5;cursor:wait}.modal-close:focus-visible,.modal-actions button:focus-visible{outline:3px solid var(--modal-accent);outline-offset:3px}.modal-content{flex:1;min-height:0;padding:clamp(38px,10vh,90px) 0 24px;overflow-y:auto}.modal-confirm-content{flex-direction:column;justify-content:center;padding-top:24px;display:flex}.confirm-emoji{margin-bottom:28px;font-size:58px;line-height:1}.confirm-description{color:#ffffffdb;max-width:34ch;margin:25px 0 0;font-size:20px;line-height:1.45}.confirm-description strong,.modal-content .eyebrow{color:var(--modal-accent)}.modal-content h2{letter-spacing:-.07em;overflow-wrap:anywhere;margin:0;font-size:clamp(42px,12vw,66px);font-weight:900;line-height:1}.modal-description{color:#ffffffdb;overflow-wrap:anywhere;margin-top:28px;font-size:17px;line-height:1.55}.modal-description>:first-child{margin-top:0}.modal-description a{color:var(--modal-accent)}.modal-description pre{overflow-x:auto}.modal-description code{font-size:.88em}.modal-points{color:var(--modal-accent);letter-spacing:.14em;margin:28px 0 0;font-size:12px;font-weight:800}.modal-points strong{letter-spacing:-.04em;font-size:32px}.modal-footer{border-top:1px solid #ffffff38;flex:none;padding-top:20px}.modal-error{color:#fff;margin:0 0 12px;font-size:14px}.modal-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.modal-actions button{cursor:pointer;border-radius:15px;min-height:58px;padding:10px;font-size:16px;font-weight:800}.modal-actions button:disabled{opacity:.6;cursor:wait}.modal-complete{color:#18221a;background:#f7f8ed;border:0}.modal-discard{color:#fff;background:0 0;border:1px solid #ffffff85}.modal-confirm-discard{color:#18221a;background:#f7f8ed;border:0}.clear-modal{background:#202920;border:1px solid #ffffff3d;border-radius:23px;width:min(100%,420px);padding:26px;box-shadow:0 24px 70px #0006}.clear-modal .modal-kicker{color:#b7f3ac}.clear-modal h2{letter-spacing:-.06em;margin:24px 0 14px;font-size:clamp(30px,8vw,38px);line-height:1.08}.clear-modal p{color:#ffffffc2;margin:0 0 26px;line-height:1.5}.clear-modal .modal-error{color:#fff}.clear-confirm{color:#18221a;background:#f7f8ed;border:0}.clear-modal .modal-actions button:focus-visible{outline-offset:3px;outline:3px solid #b7f3ac}.completion-screen{z-index:200;color:#fff;animation:.28s ease-out both completion-enter;position:fixed;inset:0;overflow-y:auto}.completion-screen--green{--completion-accent:#c9f9a8;background:radial-gradient(circle at 50% 25%,#316c48,#123c29 68%)}.completion-screen--red{--completion-accent:#ffdcba;background:radial-gradient(circle at 50% 25%,#9d4a42,#692b2c 68%)}.completion-inner{z-index:1;width:min(100%,640px);min-height:100svh;padding:max(28px, env(safe-area-inset-top)) 24px max(26px, env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex;position:relative}.completion-topline{justify-content:space-between;align-items:center;gap:18px;display:flex}.completion-topline span{color:var(--completion-accent);letter-spacing:.15em;font-size:11px;font-weight:850}.completion-topline button{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff59;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;padding:0;display:grid}.completion-content{margin:auto 0;padding:50px 0 36px}.completion-mark{color:var(--completion-accent);text-shadow:0 0 32px #ffffff73;font-size:84px;line-height:1}.completion-eyebrow{color:var(--completion-accent);letter-spacing:.18em;margin:24px 0 12px;font-size:12px;font-weight:850}.completion-content h2{letter-spacing:-.065em;overflow-wrap:anywhere;max-width:16ch;margin:0;font-size:clamp(36px,10vw,62px);font-weight:900;line-height:1.02}.completion-description{color:#fffc;max-width:52ch;margin-top:24px;font-size:16px;line-height:1.55}.completion-description>:first-child{margin-top:0}.completion-points{color:var(--completion-accent);letter-spacing:-.055em;margin:30px 0 0;font-size:44px;font-weight:900}.completion-points span{letter-spacing:.15em;font-size:12px;font-weight:850}.completion-continue{color:#18221a;cursor:pointer;background:#f7f8ed;border:0;border-radius:17px;flex:none;width:100%;min-height:62px;font-size:17px;font-weight:850}.completion-topline button:focus-visible,.completion-continue:focus-visible{outline-offset:3px;outline:3px solid #fff}.confetti{pointer-events:none;position:fixed;inset:0;overflow:hidden}.confetti span{top:-12px;left:var(--left);background:var(--piece-color);opacity:0;width:9px;height:17px;animation:confetti-fall 2.8s var(--delay) linear forwards;border-radius:2px;position:absolute}@keyframes completion-enter{0%{opacity:0;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@keyframes confetti-fall{0%{opacity:0;transform:translateY(-20px)rotate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translate3d(var(--drift), 110vh, 0) rotate(840deg)}}@media (width>=700px){.screen{padding:48px}.intro,.team-options,.device-note{width:min(100%,520px);margin-left:auto;margin-right:auto}.intro{padding-bottom:48px}.team-heading,.task-list,.team-actions,.history-heading,.history-content{width:min(100%,520px);margin-left:auto;margin-right:auto}}@media (height<=680px){.intro{padding-top:30px;padding-bottom:24px}.team-option{min-height:122px}.device-note{margin-top:14px}}@media (prefers-reduced-motion:reduce){.team-option{transition:none}.task-tile--leaving,.completion-screen,.confetti span{animation:none}.task-tile--leaving{opacity:.45}}
