:root{--blue:#1e3a6e;--blue-dark:#14284d;--blue-tint:#e4eaf4;--blue-soft:#9fb1d1;--accent:#c62828;--text:#1f2328;--muted:#5f6b72;--body:#3a444a;--line:#c9d3d8;--panel:#eef2f4;--empty:#e3e7ea;--menu:#3d434a;--menu-row:#565e67;--menu-line:#4c535b;--menu-text:#c4cad0;--highlight:#f6e7b4;--green:#2e7d32;--green-dark:#1b5e20;--cond:"Roboto Condensed", "Arial Narrow", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{color:var(--text);background:#fff;margin:0}body{font-family:Roboto,system-ui,sans-serif}button,input{font-family:inherit}a{color:var(--blue)}a:hover{color:var(--blue-dark)}.page{flex-direction:column;align-items:center;max-width:420px;min-height:100vh;margin:0 auto;padding:18px 12px 0;display:flex;position:relative}.top{align-items:center;gap:10px;width:100%;min-height:52px;padding-bottom:8px;display:flex;position:relative}.top:after{content:"";background:linear-gradient(90deg, var(--accent) 0 44px, var(--blue) 44px);height:3px;position:absolute;bottom:0;left:0;right:0}.brand{font-family:var(--cond);letter-spacing:.03em;white-space:nowrap;color:inherit;font-size:20px;font-weight:700;line-height:1;text-decoration:none}.brand:hover{color:inherit}.brand .badge{font-size:12px}.actions{gap:2px;margin-left:auto;display:flex}.act{all:unset;cursor:pointer;width:60px;height:44px;color:var(--blue);font-family:var(--cond);border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:11px;font-weight:500;display:flex}.act:hover{background:var(--blue-tint)}.act:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.badge{background:var(--accent);color:#fff;vertical-align:2px;white-space:nowrap;border-radius:3px;padding:2px 4px;font-size:11px}.dot{color:#9aa6ac}.link{all:unset;cursor:pointer;color:var(--blue);padding:6px 0}.link:hover{color:var(--blue-dark);text-decoration:underline}.link:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.board{grid-template-rows:84px repeat(3,84px);grid-template-columns:84px repeat(3,minmax(0,1fr));width:100%;margin-top:14px;display:grid}.head{all:unset;cursor:pointer;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-width:0;display:flex}.head:focus-visible{outline:2px solid var(--blue);outline-offset:-2px;border-radius:4px}.head.row{padding-right:6px}.team-code{font-family:var(--cond);color:var(--blue);font-size:32px;font-weight:700;line-height:.95}.team-logo{object-fit:contain;width:46px;height:46px}.team-name{color:var(--muted);font-size:10px;font-weight:500;line-height:1.15}.mark-title{font-family:var(--cond);text-transform:uppercase;overflow-wrap:anywhere;font-size:17px;font-weight:700;line-height:1}.mark-title.long{font-size:14px}.mark-detail,.mark-group{text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:700;line-height:1.2}.mark-detail{color:var(--muted);margin-top:3px}.mark-group{color:var(--blue)}.cells{background:var(--line);border:1px solid var(--line);border-radius:4px;grid-area:2/2/5/5;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.cell{background:#fff;border:none;flex-direction:column;justify-content:space-between;align-items:flex-start;min-width:0;padding:5px;display:flex;position:relative}button.cell{cursor:pointer}button.cell:hover{background:#f6f8fa}button.cell:focus-visible{outline:2px solid var(--blue);outline-offset:-3px}.cell.disabled{cursor:default}.cell.disabled:hover{background:#fff}.cell.selected,.cell.selected:hover{z-index:11;background:var(--highlight);box-shadow:inset 0 0 0 2px var(--blue)}.keep-going{font-family:var(--cond);color:var(--blue);text-align:center;align-self:center;margin:auto 0;font-size:15px;font-weight:500;line-height:1.15}.cell.filled{background:var(--green);--name-max:16px;justify-content:center;align-items:center;padding:6px 4px;container-type:inline-size}.cell.filled.extra{background:var(--muted)}.extra-tag{letter-spacing:.04em;text-transform:uppercase;background:var(--accent);color:#fff;border-radius:3px;padding:1px 4px;font-size:9px;font-weight:700;position:absolute;top:4px;left:4px}.name{color:#fff;font-family:var(--cond);font-size:min(var(--name-max), calc(100cqi / (var(--chars,8) * .55)));text-align:center;overflow-wrap:anywhere;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-weight:700;line-height:1.1;display:-webkit-box;overflow:hidden}.extra .name{margin-top:10px}a.name{text-decoration:none}a.name:hover{color:#fff;text-decoration:underline}a.name:focus-visible{outline-offset:2px;border-radius:2px;outline:2px solid #fff}.answers-count{color:var(--muted);text-align:center;align-self:center;margin:auto 0;font-size:11px}.info{background:var(--panel);border:1px solid var(--line);text-align:center;width:100%;color:var(--body);border-radius:4px;flex-direction:column;align-items:center;gap:8px;margin-top:18px;padding:12px 14px;font-size:13px;line-height:1.45;display:flex}.info p{margin:0}.info strong{color:var(--text)}.info .badge{letter-spacing:.04em;text-transform:uppercase;vertical-align:1px;font-size:9px;font-weight:700}.play,.main{flex-direction:column;align-items:center;width:100%;display:flex}.counter{flex-direction:column;align-items:center;margin-top:20px;display:flex}.confirm{gap:8px;display:flex}.counter-label{font-family:var(--cond);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:14px;font-weight:700}.counter-value{font-family:var(--cond);font-size:64px;font-weight:700;line-height:1}.counter-value small{color:var(--muted);font-size:.55em}.counters{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;margin-top:20px;display:grid}.counters>div{flex-direction:column;align-items:center;display:flex}.counters>div+div{border-left:1px solid var(--line)}.counters .counter-value{font-size:52px}.counters .counter-label{font-size:13px}.scores{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.red{color:var(--accent)}.btn{background:var(--blue);color:#fff;min-height:44px;font-family:var(--cond);cursor:pointer;border:none;border-radius:4px;margin-top:10px;padding:0 24px;font-size:16px;font-weight:500}.btn:hover{background:var(--blue-dark)}.btn:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.btn.outline{color:var(--blue);border:1.5px solid var(--blue);background:#fff;font-weight:700}.btn.outline:hover{background:var(--blue-tint)}.btn.danger{background:var(--accent)}.btn.wide{justify-content:center;align-items:center;gap:8px;width:100%;font-size:17px;display:flex}footer{width:100%;margin-top:auto;padding-top:24px}.foot{background:var(--panel);box-shadow:0 0 0 100vmax var(--panel), 0 -1px 0 100vmax var(--line);clip-path:inset(-1px -100vmax 0);text-align:center;flex-direction:column;align-items:center;gap:10px;padding:16px 8px 18px;display:flex}.foot nav{font-family:var(--cond);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;font-size:14px;display:flex}.foot .link{padding:4px 2px;text-decoration:none}.foot .link:hover{text-decoration:underline}.foot p{color:var(--muted);margin:0;font-size:11px;line-height:1.45}.sig{font-family:var(--cond);letter-spacing:.04em;color:var(--blue);font-size:12px;font-weight:700}.scrim{z-index:10;background:#1f232899;position:fixed;inset:0}.scrim.light{background:#1f232840}.search{z-index:12;background:var(--menu);color:#fff;border:1px solid #2e3338;border-radius:8px;width:min(396px,100% - 24px);position:fixed;top:14px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 12px 30px #1f232859,0 2px 6px #1f232833}.search-bar{border-bottom:1px solid #555c64;align-items:center;gap:10px;height:50px;padding:0 14px;display:flex}.search-bar input{color:#fff;background:0 0;border:none;outline:none;flex-grow:1;min-width:0;font-size:17px}.search-bar input::-webkit-search-cancel-button{display:none}.search-bar input::placeholder{color:#9aa1a8}.icon-btn{width:44px;height:44px;color:var(--menu-text);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.search-bar .icon-btn{margin-right:-12px}.icon-btn:focus-visible{outline-offset:-4px;border-radius:4px;outline:2px solid #fff}.results{max-height:min(360px,60vh);margin:0;padding:0;list-style:none;overflow-y:auto}.results li{border-bottom:1px solid var(--menu-line);justify-content:space-between;align-items:center;gap:8px;padding:8px 10px 8px 14px;display:flex}.results li:last-child{border-bottom:none}.results li.active{background:var(--menu-row)}.results .who{flex-direction:column;min-width:0;display:flex}.results .who span:first-child{font-size:15px;font-weight:500}.results .who span:last-child{color:var(--menu-text);font-size:12px}.results li.taken .who span{color:#9aa1a8}.results li.missed,.results li.missed.active{background:var(--accent)}.results li.missed .who span:last-child{color:#f7d4d4}.results li.missed .pick:disabled{color:#fff;border-color:#f7d4d4}.pick{background:var(--green);color:#fff;height:34px;font-family:var(--cond);cursor:pointer;border:none;border-radius:4px;flex-shrink:0;padding:0 14px;font-size:15px;font-weight:700}.pick:not(:disabled):hover{background:var(--green-dark)}.pick:disabled{color:var(--menu-text);cursor:default;background:0 0;border:1px solid #666e77;padding:0 12px;font-size:14px;font-weight:500}.pick:focus-visible{outline-offset:2px;outline:2px solid #fff}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.search-hint{color:var(--menu-text);padding:14px;font-size:13px}.dialog{z-index:11;background:#fff;border-radius:10px;flex-direction:column;align-items:center;gap:16px;width:min(362px,100% - 28px);max-height:calc(100vh - 56px);padding:20px 18px 18px;display:flex;position:fixed;top:28px;left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 16px 40px #1f232859}.dialog .close{color:var(--muted);position:absolute;top:6px;right:6px}.dialog h2{font-family:var(--cond);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:26px;font-weight:700}.dialog.small{text-align:left;align-items:stretch;gap:10px}.dialog.small h2{text-transform:none;letter-spacing:0;padding-right:36px;font-size:20px}.dialog.small p,.dialog.small li{color:var(--body);margin:0;font-size:14px;line-height:1.5}.dialog.small ul{flex-direction:column;gap:6px;margin:0;padding-left:18px;display:flex}.dialog.small ul.archive{gap:0;padding-left:0;list-style:none}.archive li{border-top:1px solid #e3e7ea}.archive li:first-child{border-top:0}.archive-item{all:unset;box-sizing:border-box;cursor:pointer;width:100%;color:var(--body);grid-template-columns:1fr auto;align-items:baseline;gap:10px;padding:10px 6px;font-size:14px;display:grid}.archive-item:hover{background:#f3f6f8}.archive-item:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.archive-item.current{background:#eef3fb}.archive-id{font-family:var(--cond);color:var(--blue);font-weight:700}.archive-status{color:var(--muted);white-space:nowrap;font-size:13px}.popover{z-index:13;border:1px solid var(--line);text-align:left;background:#fff;border-radius:8px;flex-direction:column;width:min(300px,100vw - 32px);display:flex;position:fixed;box-shadow:0 10px 28px #1f232847,0 2px 6px #1f232824}.popover-body{overscroll-behavior:contain;outline:none;flex-direction:column;gap:6px;min-height:0;padding:12px 14px;display:flex;overflow-y:auto}.popover:before{content:"";top:-6px;left:calc(var(--arrow,50%) - 6px);border-left:1px solid var(--line);border-top:1px solid var(--line);background:#fff;width:10px;height:10px;position:absolute;transform:rotate(45deg)}.popover.above:before{top:auto;bottom:-6px;transform:rotate(225deg)}.popover h2{font-family:var(--cond);color:var(--text);margin:0;font-size:17px;font-weight:700;line-height:1.25}.popover p{color:var(--body);margin:0;font-size:14px;line-height:1.5}.subtitle{font-family:var(--cond);color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:13px;font-weight:700}.mini{grid-template-columns:repeat(3,62px);gap:6px;display:grid}.mini span{background:var(--empty);border-radius:6px;height:62px}.mini span.on{background:var(--green)}.mini span.extra{background:var(--empty);box-shadow:inset 0 0 0 3px var(--blue-soft)}.share-note{color:var(--muted);text-align:center;font-size:12px}.extra-box{background:var(--panel);border:1px solid var(--line);text-align:center;border-radius:6px;flex-direction:column;align-items:center;gap:10px;width:100%;padding:16px;display:flex}.extra-box h3{font-family:var(--cond);margin:0;font-size:18px;font-weight:700}.extra-box p{color:var(--body);margin:0;font-size:14px;line-height:1.45}.extra-box .btn{margin-top:0}.text-btn{min-height:32px;color:var(--blue);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;font-size:13px;text-decoration:underline}.dialog.wide{width:min(440px,100% - 28px)}.answers{text-align:center;flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.answers h3,.ans-list-view h3{font-family:var(--cond);margin:0;font-size:18px;font-weight:700}.answers>p{color:var(--muted);margin:0;font-size:13px}.ans-grid{grid-template-columns:76px repeat(3,minmax(0,1fr));grid-auto-rows:minmax(68px,auto);gap:1px;width:100%;display:grid}.ans-head{flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;padding:4px;display:flex}.ans-head img{object-fit:contain;width:40px;height:40px}.ans-head .team-code{font-size:22px}.ans-title{font-family:var(--cond);text-transform:uppercase;overflow-wrap:anywhere;font-size:14px;font-weight:700;line-height:1.05}.ans-detail{text-transform:uppercase;letter-spacing:.03em;color:var(--muted);font-size:9px;font-weight:700;line-height:1.2}.ans-cell{background:var(--panel);box-shadow:0 0 0 1px var(--line);flex-direction:column;justify-content:center;align-items:center;display:flex}.ans-cell.mine{background:var(--blue-tint)}.ans-count{font-family:var(--cond);color:var(--text);font-size:24px;font-weight:700;line-height:1}.ans-cell .text-btn{min-height:28px;padding:0 8px}.ans-list-view{text-align:center;flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}.ans-list-view .back{align-self:flex-start;padding:0;font-weight:700;text-decoration:none}.ans-list-view h3{padding:0 24px;line-height:1.25}.ans-list{text-align:left;border-top:1px solid var(--line);width:100%;margin:6px 0 0;padding:0;list-style:none}.ans-list li{border-bottom:1px solid var(--line);align-items:baseline;gap:8px;padding:8px 4px;font-size:14px;display:flex}.ans-list li.mine{background:var(--blue-tint)}.ans-name{color:var(--text);font-weight:500}a.ans-name{text-decoration:none}a.ans-name:hover{color:var(--blue);text-decoration:underline}a.ans-name:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:2px}.ans-list .badge{font-size:10px}.ans-years{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:12px}.loading{color:var(--muted);margin:40px 0}@media (width>=768px){.page{max-width:600px;padding-top:24px}.brand{font-size:24px}.brand .badge{font-size:14px}.act{flex-direction:row;gap:6px;width:auto;height:40px;padding:0 12px;font-size:16px}.badge{font-size:13px}.board{grid-template-rows:120px repeat(3,140px);grid-template-columns:120px repeat(3,minmax(0,1fr));margin-top:20px}.head.row{padding-right:10px}.team-code{font-size:46px}.team-logo{width:72px;height:72px}.team-name{font-size:13px}.mark-title{font-size:24px}.mark-title.long{font-size:19px}.mark-detail,.mark-group{font-size:12px}.cell{padding:8px}.keep-going{font-size:20px}.extra-tag{font-size:11px}.cell.filled{--name-max:24px}.answers-count{font-size:14px}.info{gap:10px;margin-top:24px;padding:16px 20px;font-size:16px}.info .badge{font-size:11px}.counter{margin-top:26px}.counter-label,.counters .counter-label{font-size:17px}.counter-value{font-size:80px}.counters .counter-value{font-size:64px}.btn{min-height:50px;padding:0 30px;font-size:19px}.search{width:min(576px,100% - 24px)}.text-btn{font-size:15px}footer{padding-top:32px}.foot{gap:12px;padding:20px 8px 22px}.foot nav{font-size:16px}.foot p{font-size:12px}}@media (width>=1040px){.play{position:relative}.play>.counter{width:180px;margin-top:0;position:absolute;top:140px;left:calc(100% + 32px)}.play>.counter .confirm{flex-direction:column;gap:0;width:100%}.play>.scores{width:180px;position:absolute;top:140px;left:calc(100% + 32px)}.scores .counters{grid-template-columns:1fr;gap:20px;margin-top:0}.scores .counters>div+div{border-left:none;border-top:1px solid var(--line);padding-top:20px}.scores .btn{width:100%;padding:0 12px}}@media (width<=360px){.board{grid-template-rows:76px repeat(3,76px);grid-template-columns:72px repeat(3,minmax(0,1fr))}.team-code{font-size:26px}.team-logo{width:40px;height:40px}.mark-title{font-size:14px}}@media (width<=374px){.top{gap:6px}.brand{font-size:17px}.brand .badge{font-size:11px}.act{width:50px}}