.ar{--spring:cubic-bezier(.3,1.5,.5,1);--font-display:'Arial Black','Segoe UI Black',system-ui,sans-serif;--font-body:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--panel:#262a52}html:has(.ar.is-over),html:has(.ar.is-over) body,html.mtw-lock,html.mtw-lock body{overflow:hidden}.ar{--p:0;--reach:20vw;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box;padding:18px max(14px,env(safe-area-inset-right)) 16px max(14px,env(safe-area-inset-left));color:var(--ink);background:var(--times);font-family:var(--font-body)}.ar [hidden]{display:none!important}.ar.is-playing,.ar.is-over{position:fixed;inset:0;z-index:50;height:100dvh}.ar.is-over[data-winner='right'],.ar.is-over[data-winner='draw']{background:var(--plus)}.ar.is-over .ar-seam{display:none}.ar:fullscreen{height:100dvh}.ar-seam{position:absolute;z-index:-1;top:-10%;bottom:-10%;left:50%;width:170%;background:var(--plus);transform-origin:0 50%;transform:translateX(calc(var(--p) * var(--reach) * -1)) skewX(-7deg);transition:transform .42s var(--spring)}.ar-seam::before{content:'';position:absolute;inset:0 auto 0 -7px;width:14px;background:var(--knot)}.ar button{font:inherit;cursor:pointer;touch-action:manipulation}.ar :focus-visible{outline:3px solid var(--knot);outline-offset:3px}.ar-wide{display:none}.ar-bar{flex:none;width:100%;max-width:1320px;margin:0 auto}.ar-icon{display:grid;place-items:center;width:44px;height:44px;flex:none;border:0;border-radius:14px;background:rgb(255 255 255 / .2);color:#fff}.ar-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.ar.sound-on [data-sound] path:nth-child(n+2){display:none}.ar-bar{display:none;grid-template-columns:76px minmax(0,1fr) 72px minmax(0,1fr) 44px;align-items:center;gap:6px}.ar.is-playing .ar-bar{display:grid}.ar-end{height:48px;border:0;border-radius:15px;background:var(--ink);color:var(--paper);font-weight:700!important}.ar-pill,.ar-clock{display:grid;place-items:center;height:48px;border-radius:15px;font:900 1.7rem/1 var(--font-display);font-variant-numeric:tabular-nums}.ar-pill-l{background:rgb(17 18 43 / .2)}.ar-pill-r{background:rgb(255 255 255 / .2);color:#fff}.ar-clock{background:var(--knot)}.ar.is-final .ar-clock{background:var(--ink);color:var(--knot);animation:ar-beat .5s ease-in-out infinite alternate}.ar-title{flex:none;margin:0 auto;max-width:18ch;text-align:center;font:900 clamp(2.4rem,8.5vw,5rem)/1.04 var(--font-display);letter-spacing:-.03em;text-wrap:balance;color:var(--paper)}.ar-tag{flex:none;margin:12px auto 0;max-width:46ch;text-align:center;color:var(--soft);font-weight:500;font-size:clamp(1rem,1.7vw,1.3rem)}.ar.is-playing .ar-title,.ar.is-playing .ar-tag,.ar.is-over .ar-title,.ar.is-over .ar-tag{display:none}.ar-stage{position:relative;flex:none;height:clamp(120px,24vw,240px);width:100%;max-width:1320px;margin:4px auto 0}.ar.is-playing .ar-stage{flex:0 0 min(19dvh,26vw);height:auto;min-height:64px}.ar.is-over .ar-stage{flex:0 0 min(16dvh,22vw);height:auto;min-height:60px}.ar-stage svg{display:block;width:100%;height:100%;overflow:visible}.team{transform:translateX(calc(var(--p) * 260px));transition:transform .42s var(--spring)}.ar .goal{fill:#fff}.ar .puller{animation:none}.ar.is-tugging .puller{animation:ar-heave .55s ease-in-out infinite alternate}.ar.is-tugging g:nth-of-type(even)>.puller{animation-delay:-.25s}@media (max-width:699px){.ar .outer{display:none}}.ar-bubble{position:absolute;top:-2px;z-index:1;padding:7px 12px;border-radius:14px;font:900 clamp(1rem,2vw,1.4rem)/1 var(--font-display);font-variant-numeric:tabular-nums}.ar-bubble-l{left:4%;background:var(--ink);color:var(--paper)}.ar-bubble-r{right:4%;background:var(--paper);color:var(--ink)}.ar.is-playing .ar-bubble,.ar.is-over .ar-bubble{display:none}.ar-burst{position:absolute;left:50%;top:50%;z-index:2;padding:10px 18px;border:4px solid var(--ink);border-radius:22px;background:var(--knot);color:var(--ink);font:900 clamp(1.4rem,5vw,2.6rem)/.95 var(--font-display);text-align:center;transform:translate(-50%,-50%) rotate(-5deg);animation:ar-pop .3s var(--spring)}.ar-dock{flex:none;width:100%;max-width:620px;margin:18px auto 0;display:flex;flex-direction:column;gap:10px}.ar-cta{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cta{display:grid;place-items:center;width:100%;min-height:clamp(66px,11svh,88px);padding:6px;border:3px solid var(--ink);border-radius:24px;color:var(--ink);font:900 clamp(1.1rem,3.2vw,1.6rem)/1.05 var(--font-display)!important;box-shadow:0 7px 0 var(--ink);transition:transform .1s,box-shadow .1s}.ar .cta:hover{transform:translateY(-2px)}.ar .cta:active{transform:translateY(5px);box-shadow:0 2px 0 var(--ink)}.cta-y{background:var(--knot)}.cta-p{background:var(--paper)}.ar-change{display:flex;align-items:center;justify-content:center;width:100%;min-height:50px;padding:0 12px;border:0;border-radius:17px;background:var(--panel);color:var(--paper);font-weight:700!important}.ar-promise{margin:0 0 4px;text-align:center;color:var(--soft);font-weight:500;font-size:.95rem}.ar-board{flex:1;min-height:0;width:100%;max-width:1320px;margin:6px auto 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.side{min-height:0;display:flex;flex-direction:column;gap:6px;text-align:center;transition:opacity .15s}.side-right{color:#fff}.side.is-locked{opacity:.45}.side.is-wrong{animation:ar-shake .3s}.who{margin:0;font-weight:700;font-size:.98rem;white-space:nowrap;overflow:hidden}.q{margin:0;font:900 clamp(2.1rem,min(12vw,8dvh),5rem)/1.05 var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;white-space:nowrap}.ans{flex:1;min-height:0;display:grid;grid-template-rows:repeat(4,minmax(0,1fr));gap:8px}.ans button{position:relative;min-height:0;border:3px solid var(--ink);border-radius:22px;background:var(--paper);color:var(--ink);box-shadow:0 5px 0 var(--ink);font:900 clamp(1.6rem,min(9vw,6dvh),3rem)/1 var(--font-display)!important;font-variant-numeric:tabular-nums;user-select:none;transition:transform .08s,box-shadow .08s}.ans button:active{transform:translateY(4px);box-shadow:0 1px 0 var(--ink);background:var(--knot)}.ans kbd{position:absolute;top:7px;left:10px;font:700 .75rem/1 var(--font-body);color:#565a7c}@media (hover:none){.ans kbd{display:none}}.side.is-cpu .ans{pointer-events:none}.ar-result{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;gap:8px;width:100%;max-width:620px;margin:0 auto;overflow-y:auto}.ar-result h2{margin:0;font:900 clamp(2.8rem,min(15vw,11dvh),5.6rem)/.92 var(--font-display);letter-spacing:-.04em;text-transform:uppercase;color:inherit;outline:0}.ar[data-winner='right'] .ar-result,.ar[data-winner='draw'] .ar-result{color:#fff}.ar-stats{margin:0;font-weight:700;font-size:1.15rem}.ar-card{margin-top:auto;padding:16px;border-radius:28px;background:var(--ink);color:var(--paper);display:flex;flex-direction:column;gap:10px}.ar-card h3{margin:0 0 8px;font:900 1.35rem/1 var(--font-display);color:var(--paper)}.ar-card p{margin:0;font-weight:500}.ar-card ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.ar-card li{padding:6px 12px;border-radius:12px;background:var(--panel);font-weight:700;font-variant-numeric:tabular-nums}.ar-card .cta{border-color:var(--knot);box-shadow:none}.ar-bit{position:absolute;top:-20px;width:11px;height:17px;animation:ar-fall 1.8s ease-in forwards;pointer-events:none}.ar-count{position:absolute;inset:0;z-index:3;display:grid;place-items:center;color:var(--knot);font:900 clamp(9rem,40vw,20rem)/1 var(--font-display);-webkit-text-stroke:5px var(--ink);pointer-events:none}.sheet{width:min(560px,100%);max-width:100%;max-height:92dvh;margin:auto auto 0;padding:0;border:0;border-radius:30px 30px 0 0;background:var(--ink);color:var(--paper)}.sheet::backdrop{background:rgb(13 15 38 / .6)}.sheet form{display:flex;flex-direction:column;gap:16px;padding:18px}.sheet-head{display:flex;align-items:center;justify-content:space-between}.sheet h2{margin:0;font:900 1.8rem/1 var(--font-display);color:var(--paper)}.sheet .ar-icon{background:var(--panel)}.sheet label,.sheet legend{font-weight:700;color:var(--soft)}.sheet label{display:grid;gap:6px}.sheet select,.sheet textarea{box-sizing:border-box;width:100%;min-height:50px;padding:8px 12px;border:2px solid var(--line);border-radius:15px;background:var(--panel);color:var(--paper);font:500 1rem var(--font-body)}.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tables{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin:0;padding:0;border:0}.tables legend{padding:0;margin-bottom:8px}.tables label{position:relative;display:block}.tables input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.tables span{display:grid;place-items:center;height:50px;border-radius:15px;background:var(--panel);color:var(--paper);font-weight:700;font-size:1.1rem}.tables input:checked + span{background:var(--paper);color:var(--ink)}.tables input:focus-visible + span{outline:3px solid var(--knot);outline-offset:2px}.custom{display:grid;gap:8px}.note{margin:0;overflow-wrap:anywhere}.note:empty{display:none}.err{color:var(--knot);font-weight:700}.sheet .cta{border-color:var(--knot);box-shadow:none}@keyframes ar-heave{from{transform:rotate(-2.5deg)}to{transform:rotate(2.5deg)}}@keyframes ar-shake{25%{transform:translateX(-7px)}75%{transform:translateX(7px)}}@keyframes ar-fall{to{transform:translateY(105dvh) rotate(560deg);opacity:.6}}@keyframes ar-beat{to{transform:scale(1.07)}}@keyframes ar-pop{from{transform:translate(-50%,-50%) rotate(-5deg) scale(.5)}}@media (min-width:800px){.ar{padding-inline:28px}.ar-wide{display:inline}.ar-bar{grid-template-columns:140px minmax(0,1fr) 110px minmax(0,1fr) 44px}.ar-board{gap:clamp(30px,5vw,64px)}.side{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);grid-template-rows:auto 1fr;column-gap:16px;align-items:center}.who{grid-column:1;grid-row:1;align-self:end}.q{grid-column:1;grid-row:2;align-self:start;white-space:normal;font-size:clamp(2.4rem,min(5.6vw,13dvh),5.4rem)}.ans{grid-column:2;grid-row:1 / 3;height:100%;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.sheet{margin:auto;border-radius:30px}}@media (max-height:480px) and (orientation:landscape){.ar.is-playing .ar-stage{flex-basis:56px;min-height:48px}.who{display:none}.q{font-size:1.8rem}.ans{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.ar-title{font-size:2.1rem}.ar-tag,.ar-promise{display:none}.cta{min-height:54px}}.ar:not(.is-playing,.is-over){background:radial-gradient(60% 90% at 8% 0,rgb(255 82 51 / .34),transparent 70%),radial-gradient(60% 90% at 92% 0,rgb(27 70 245 / .5),transparent 70%),var(--ink);color:var(--paper);padding-block:clamp(26px,5vw,56px) clamp(26px,4vw,44px)}.ar:not(.is-playing,.is-over) .ar-seam{display:none}.ar:not(.is-playing,.is-over) .ar-stage{width:auto;max-width:none;margin-inline:calc(-1 * max(14px,env(safe-area-inset-left)));margin-top:18px;background:linear-gradient(97deg,var(--times) 49.4%,var(--knot) 49.4% 50.6%,var(--plus) 50.6%);box-shadow:0 18px 50px rgb(0 0 0 / .35)}.ar:not(.is-playing,.is-over) .cta{border-color:transparent;box-shadow:none}.ar:not(.is-playing,.is-over) .cta-y{box-shadow:0 10px 34px rgb(255 214 10 / .35)}@media (min-width:800px){.ar:not(.is-playing,.is-over) .ar-stage{margin-inline:-28px}}.ar.is-playing .team{filter:drop-shadow(0 6px 6px rgb(17 18 43 / .28))}.ar.is-final .ar-seam::before{background:#fff}.ar .visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media (prefers-reduced-motion:reduce){.ar *,.ar *::before,.ar{animation:none!important;transition:none!important}}.page-copy{width:min(52rem,100% - 32px);margin:0 auto;padding-top:clamp(36px,6vw,72px)}.page-copy h2{margin:2em 0 .45em;font-size:clamp(1.7rem,4vw,2.5rem)}.page-copy h2:first-child{margin-top:0}.page-copy p,.page-copy ol,.page-copy ul{margin:0 0 1em}.page-copy .lead{font-size:clamp(1.15rem,2.2vw,1.35rem);line-height:1.5}.rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 8px}.rule-grid div{padding:16px;border-radius:20px;background:var(--panel,#262a52)}.rule-grid b{display:block;color:var(--knot);font:900 clamp(2.2rem,5vw,3rem)/1 var(--display)}.rule-grid p{margin:6px 0 0;color:var(--soft)}@media (min-width:720px){.rule-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 8px;padding:0;list-style:none}.mode-grid li:first-child{grid-column:1 / -1}.mode-grid a{display:flex;flex-direction:column;justify-content:flex-end;gap:4px;min-height:124px;height:100%;box-sizing:border-box;padding:16px;border-radius:22px;background:var(--panel);color:var(--paper);text-decoration:none;transition:transform .16s}.mode-grid a:hover{color:var(--paper);transform:translateY(-3px)}.mode-grid li:nth-child(1) a,.mode-grid li:nth-child(1) a:hover{background:var(--times);color:var(--ink)}.mode-grid li:nth-child(2) a,.mode-grid li:nth-child(2) a:hover{background:var(--plus);color:#fff}.mode-grid li:nth-child(3) a,.mode-grid li:nth-child(3) a:hover{background:var(--knot);color:var(--ink)}.mode-grid strong{font:900 clamp(1.2rem,2.6vw,1.7rem)/1.05 var(--display)}.note-box{margin:22px 0;padding:20px;border-radius:24px;background:var(--paper);color:var(--ink)}.note-box a{color:var(--plus)}.note-box h2,.page-copy .note-box h2{margin:0 0 .3em;color:var(--ink)}.page-copy details{border-top:2px solid var(--line)}.page-copy summary{display:flex;align-items:center;min-height:58px;cursor:pointer;font:900 1.05rem/1.2 var(--display)}.page-copy details p{color:var(--soft)}
