.game-frame-header{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;min-height:48px;display:grid}.game-frame-header>a{justify-self:start}.game-frame-title{letter-spacing:-.04em;align-items:baseline;gap:7px;display:flex}.game-frame-title span{color:#fff;letter-spacing:.16em;font-size:13px;font-weight:900}.game-frame-title strong{font-size:24px}.game-frame-actions{justify-self:end;gap:8px;display:flex}.game-frame-actions .control--icon{font-size:21px}.game-scoreboard{border:3px solid var(--control-ink);background:var(--control-paper);box-shadow:0 5px 0 var(--control-ink);overflow:hidden}.game-setup{z-index:10;backdrop-filter:blur(4px);background:#10213dc2;place-items:center;padding:72px 16px 16px;display:grid;position:fixed;inset:0;overflow:hidden}.game-setup-card{text-align:center;width:min(100%,520px);max-height:calc(100dvh - 92px);padding:22px;position:relative;overflow:hidden}.game-setup-back{align-self:flex-start;margin-bottom:12px}.game-setup-intro{color:#59667d;font-size:12px;font-weight:700;display:block}.game-option{border-color:var(--control-ink);transition:transform .13s cubic-bezier(.23,1,.32,1),background-color .13s ease-out}.game-option[aria-pressed=true]{background:var(--game-option-selected,#dcecff);box-shadow:inset 0 0 0 2px var(--game-option-accent,#2878d4), 0 3px 0 var(--control-ink)}.game-option--toggle[aria-pressed=true]{--game-option-selected:#dff8e8;--game-option-accent:#25875f}@media (width<=440px){.game-setup{padding-inline:10px}.game-setup-card{padding:15px 13px}}@media (width<=680px){.game-frame-header{grid-template-columns:1fr auto}.game-frame-title{display:none}}:root{color-scheme:light;--ink:#111827;--ink-soft:#28334a;--muted:#566179;--paper:#fff9e8;--paper-bright:#fffefa;--blue:#2f80ed;--blue-dark:#185fb9;--blue-soft:#ddecff;--red:#ff5a5f;--red-dark:#c93640;--red-soft:#ffe1de;--gold:#ffc857;--mint:#9fe3c2;--line:#ccd5e2;--hard-shadow:5px 6px 0 var(--ink);--soft-shadow:0 18px 45px #1f293729;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);color:var(--ink);background:var(--paper);font-synthesis:none;font-family:ui-rounded,Arial Rounded MT Bold,Trebuchet MS,system-ui,sans-serif}*{box-sizing:border-box}html,body{width:100%;min-width:320px;height:100%;min-height:100%;color:var(--ink);background:#8ed8f8;margin:0}body{place-items:center;display:grid;overflow:hidden}.game-page{width:100%;min-height:100%}body:before{content:"";z-index:0;contain:strict;pointer-events:none;background:url(/art/playground-world.webp) 50%/cover no-repeat;position:fixed;inset:0}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline:4px solid var(--gold);outline-offset:3px}.game-shell{z-index:1;flex-direction:column;gap:clamp(10px,1vw,16px);width:min(96vw,1280px);height:min(94dvh,820px);min-height:0;margin:max(0px,50dvh - min(94dvh,820px)/2) auto;padding:clamp(12px,1.35vw,26px);display:flex;position:relative;overflow:hidden}.game-shell--playing{gap:10px;height:min(94dvh,600px);margin:max(0px,50dvh - min(94dvh,600px)/2) auto;padding:12px}.eyebrow{color:var(--blue-dark);letter-spacing:.22em;font-size:10px;font-weight:1000}.scoreboard{border:3px solid var(--ink);background:var(--paper-bright);width:min(100%,1120px);min-height:72px;box-shadow:var(--hard-shadow);border-radius:18px 18px 12px 12px;grid-template-columns:1fr auto 1fr;align-items:center;margin:0 auto;display:grid;position:relative;overflow:hidden}.scoreboard:before{content:"";background:var(--blue);width:8px;position:absolute;inset:0 auto 0 0}.scoreboard:after{content:"";background:var(--red);width:8px;position:absolute;inset:0 0 0 auto}.score{align-items:center;gap:15px;min-width:0;padding:8px clamp(16px,2vw,30px);display:flex}.score--red{text-align:right;justify-content:flex-end}.score span{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(14px,1.3vw,19px);font-weight:1000;overflow:hidden}.score strong{min-width:50px;font-size:clamp(32px,3.1vw,48px);font-weight:1000;line-height:1}.score--blue strong{color:var(--blue)}.score--red strong{color:var(--red)}.round-meta{border-inline:2px dashed var(--line);text-align:center;min-width:184px;padding:7px 22px}.round-meta>span{color:var(--muted);letter-spacing:.13em;font-size:9px;font-weight:1000;display:block}.timer{font-variant-numeric:tabular-nums;margin-top:2px;font-size:clamp(20px,2vw,29px);font-weight:1000;display:block}.game-grid{flex:1;grid-template-columns:minmax(0,.92fr) minmax(0,1.7fr) minmax(0,.92fr);align-items:stretch;gap:clamp(11px,1.2vw,20px);min-height:0;display:grid}.game-grid--solo{grid-template-columns:minmax(260px,.76fr) minmax(0,1.7fr)}.answer-station,.arena{min-height:0}.answer-station{flex-direction:column;display:flex;overflow:visible}.answer-station>.number-pad{flex-direction:column;flex:1;min-height:0;display:flex}.question{border:3px solid var(--ink);min-height:clamp(82px,9vh,104px);box-shadow:4px 5px 0 var(--ink);letter-spacing:-.045em;border-radius:18px;place-items:center;padding:9px;font-size:clamp(34px,3.2vw,54px);font-weight:1000;line-height:1;display:grid}.answer-station--blue .question{background-color:var(--blue-soft);color:var(--blue-dark);background-image:radial-gradient(circle,#2f80ed2e 1px,#0000 1px);background-size:12px 12px}.answer-station--red .question{background-color:var(--red-soft);color:var(--red-dark);background-image:radial-gradient(circle,#ff5a5f2b 1px,#0000 1px);background-size:12px 12px}.answer-display{border:2px solid var(--ink);background:var(--paper);width:100%;height:58px;color:var(--ink);font-variant-numeric:tabular-nums;contain:strict;border-radius:12px;flex:0 0 58px;place-items:center;margin:12px 0 10px;font-size:clamp(29px,2.5vw,44px);font-weight:1000;display:grid;transform:translateZ(0);box-shadow:inset 0 -3px #11182717}.answer-display.is-correct{background:var(--mint);color:#0c5939}.answer-display.is-wrong{background:var(--red-soft);color:var(--red-dark)}.keypad{flex:1;grid-template-rows:repeat(4,minmax(44px,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;min-height:0;padding:0;display:grid}.keypad button{appearance:none;border:2px solid var(--ink);background:var(--paper-bright);min-height:44px;color:var(--ink);box-shadow:0 3px 0 var(--ink);contain:paint;cursor:pointer;border-radius:12px;font-size:clamp(19px,1.9vw,29px);font-weight:1000}.keypad button>span{contain:paint;transition:transform .11s var(--ease-out);display:inline-block;transform:translateZ(0)}.keypad button:active:not(:disabled)>span{transform:translateY(2px)scale(.96)}.keypad .key-clear{background:var(--red);color:#fff}.keypad .key-submit{background:var(--blue);color:#fff}.keypad button:disabled{cursor:not-allowed;filter:grayscale(.25);opacity:.38}.arena{contain:paint;background:0 0;flex-direction:column;display:flex;overflow:hidden}.arena-field{background:linear-gradient(#ffffff0a,#fff9e81a);flex:1;min-height:250px;position:relative;overflow:hidden}.center-line{z-index:2;border-left:3px dashed #1118277a;position:absolute;top:7%;bottom:7%;left:50%}.center-line:before{content:"CENTER";color:#111827a8;letter-spacing:.12em;background:#fff9e8db;border:1px solid #11182733;border-radius:5px;padding:4px 7px;font-size:7px;font-weight:1000;position:absolute;top:7px;left:50%;transform:translate(-50%)}.rope-world{z-index:3;transform-origin:50%;transition:transform .36s var(--ease-in-out);will-change:transform;position:absolute;inset:8% -6% 0}.rope-world img{object-fit:contain;backface-visibility:hidden;user-select:none;width:100%;height:100%;display:block}.setup-stage{min-height:0}.setup-card{flex-direction:column;min-height:0;display:flex;position:relative}.eyebrow{text-align:center;margin:0 0 5px}.setup-card>h2{letter-spacing:-.05em;text-align:center;margin:0;font-size:clamp(28px,3vw,42px);font-weight:1000}.setup-card>.game-setup-intro{margin-top:4px}.setup-card>fieldset{border:0;margin:14px 0 0;padding:0}.setup-card legend{width:100%;color:var(--muted);letter-spacing:.14em;text-align:left;margin-bottom:6px;font-size:10px;font-weight:1000}.mode-grid,.operation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.choice-card{border:3px solid var(--ink);background:var(--paper-bright);min-height:74px;color:var(--ink);box-shadow:4px 5px 0 var(--ink);cursor:pointer;transition:transform .14s var(--ease-out);contain:paint;border-radius:18px 18px 12px 12px;grid-template-columns:44px 1fr;align-items:center;gap:2px 10px;padding:10px 12px;display:grid;transform:translateZ(0)}.choice-card--blue{background:var(--blue-soft)}.choice-card--split{background:linear-gradient(110deg, var(--blue-soft) 0 49%, var(--red-soft) 51% 100%)}.choice-icon{border:3px solid var(--ink);background:var(--gold);width:42px;height:42px;color:var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:50% 50% 15px;grid-row:1/3;place-items:center;font-size:15px;font-weight:1000;display:grid}.choice-card strong{text-align:left;align-self:end;font-size:15px}.choice-card small{color:var(--muted);text-align:left;align-self:start;font-size:10px;font-weight:650}.operation-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.option-tile{border:2px solid var(--ink);background:var(--paper-bright);min-height:66px;color:var(--ink);box-shadow:0 3px 0 var(--ink);cursor:pointer;transition:transform .13s var(--ease-out);contain:paint;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:8px 5px;font-size:12px;font-weight:900;display:flex;transform:translateZ(0)}.option-tile span{font-size:29px;font-weight:1000;line-height:1}.difficulty-row,.target-row{border:0;justify-content:center;gap:8px;margin:0;padding:0;display:flex}.difficulty-row legend,.target-row legend{width:100%;color:var(--muted);letter-spacing:.12em;text-align:center;text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:1000}.pill,.target-button{contain:paint;border-radius:999px;min-width:92px;font-weight:1000;transform:translateZ(0)}.setup-settings{grid-template-columns:1fr 1fr;gap:14px;margin-top:14px;display:grid}.target-button{border-radius:12px;min-width:54px;font-size:18px}.setup-actions,.winner-actions{justify-content:center;gap:10px;margin-top:16px;display:flex}.setup-actions .control{width:100%}.countdown-layer,.winner-layer{z-index:20;backdrop-filter:blur(5px);background:#111827bd;place-items:center;display:grid;position:fixed;inset:0}dialog.winner-layer{border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:20px}.countdown-layer span{color:#fff;letter-spacing:.16em;text-align:center;font-size:clamp(18px,2vw,28px);font-weight:1000;display:block}.countdown-layer strong{color:var(--gold);text-shadow:9px 10px 0 var(--ink);animation:countdown-pop .7s var(--ease-out) both;font-size:clamp(130px,22vw,300px);font-weight:1000;line-height:.9;display:block}.winner-card{border:4px solid var(--ink);background:var(--paper);width:min(100% - 32px,560px);box-shadow:10px 12px 0 var(--ink);text-align:center;animation:winner-enter .42s var(--ease-out) both;border-radius:25px 25px 16px 16px;padding:clamp(30px,5vw,56px);position:relative}.winner-card:before,.winner-card:after{content:"✦  ●  ★  ●  ✦";color:var(--gold);letter-spacing:.35em;animation:confetti-drift .9s var(--ease-out) both;font-size:clamp(20px,4vw,42px);position:absolute;left:50%;transform:translate(-50%)}.winner-card:before{top:-58px}.winner-card:after{animation-delay:80ms;bottom:-58px}.winner-card--blue{outline:8px solid var(--blue)}.winner-card--red{outline:8px solid var(--red)}.trophy{border:3px solid var(--ink);background:var(--gold);width:86px;height:86px;box-shadow:5px 6px 0 var(--ink);border-radius:50% 50% 22px;place-items:center;margin:0 auto 16px;font-size:48px;display:grid}.winner-card p{color:var(--muted);letter-spacing:.17em;margin:0;font-size:10px;font-weight:1000}.winner-card h2{letter-spacing:-.055em;margin:7px 0;font-size:clamp(38px,6vw,70px);font-weight:1000;line-height:1}.winner-card>strong{font-variant-numeric:tabular-nums;font-size:27px}@keyframes countdown-pop{0%{opacity:0;transform:scale(.94)}}@keyframes winner-enter{0%{opacity:0;transform:translateY(18px)scale(.96)}}@keyframes confetti-drift{0%{opacity:0;transform:translate(-50%,-12px)scale(.94)}}@media (hover:hover) and (pointer:fine){.keypad button:hover:not(:disabled),.pill:hover,.target-button:hover{background:#edf4ff}.choice-card:hover,.option-tile:hover{transform:translateY(-2px)}}.choice-card:active,.option-tile:active,.pill:active,.target-button:active{box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}@media (width<=980px) and (orientation:portrait){body{height:100dvh;display:block;overflow:hidden}.game-shell,.game-shell--playing{gap:7px;width:100%;height:100dvh;min-height:0;margin:0;padding:8px;overflow:hidden}.game-grid{grid-template-rows:minmax(260px,.78fr) minmax(0,1.22fr);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.game-grid--solo{grid-template-rows:minmax(300px,.85fr) minmax(0,1.15fr);grid-template-columns:1fr}.arena{grid-area:1/1/auto/-1;min-height:0}.answer-station{grid-row:2;min-height:0}}@media (width>=981px) and (height<=700px){.game-shell--playing{gap:8px;padding:8px 12px}.scoreboard{min-height:50px}.score{padding-block:4px}.score strong{font-size:clamp(25px,2.4vw,35px)}.round-meta{min-width:154px;padding:4px 15px}.timer{font-size:19px}.question{min-height:64px;padding:5px;font-size:clamp(23px,2.4vw,34px)}.answer-display{flex-basis:52px;height:52px;margin:6px 0}.keypad{grid-template-rows:repeat(4,minmax(44px,1fr));gap:5px;padding:0}.arena-field{min-height:0}.setup-stage{min-height:0;padding:8px}.setup-card{min-height:0;padding:16px 24px}.setup-card>h2{font-size:26px}.choice-card{min-height:116px;padding:10px}.choice-icon{width:44px;height:44px}.operation-grid .option-tile{min-height:72px}.difficulty-row,.target-row,.setup-actions{margin-top:10px}}@media (width<=680px){body{height:100dvh;overflow:hidden}.game-shell,.game-shell--playing{gap:7px;width:100%;height:100dvh;min-height:0;margin:0;padding:8px;overflow:hidden}.game-frame-header{z-index:30;pointer-events:none;flex:0 0 48px;grid-template-columns:1fr auto;min-height:48px;position:relative}.game-frame-header>*{pointer-events:auto}.game-frame-title{display:none}.game-frame-actions{grid-area:1/2}.scoreboard{border-radius:14px 14px 9px;grid-template-columns:minmax(0,1fr) 112px minmax(0,1fr);min-height:64px}.round-meta{border-inline:2px dashed var(--line);min-width:0;padding:4px 5px}.round-meta>span{font-size:7px}.timer{font-size:17px}.score{text-align:center;flex-direction:column;gap:0;padding:4px 9px}.score--red{flex-direction:column-reverse}.score span{width:100%;font-size:10px}.score strong{min-width:0;font-size:28px}.game-grid{grid-template-rows:minmax(132px,.58fr) minmax(0,1.42fr);grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.game-grid--solo{grid-template-rows:minmax(160px,.7fr) minmax(0,1.3fr);grid-template-columns:1fr}.arena{grid-area:1/1/auto/-1;min-height:0}.arena-field{min-height:0}.answer-station{grid-row:2;min-height:0}.question{min-height:50px;box-shadow:0 3px 0 var(--ink);border-width:2px;border-radius:11px;padding:4px;font-size:clamp(20px,6vw,29px)}.answer-display{flex-basis:42px;height:42px;margin:6px 0;font-size:24px}.keypad{grid-template-rows:repeat(4,minmax(44px,1fr));gap:5px}.keypad button{border-radius:9px;font-size:20px}.setup-stage{z-index:20;min-height:0}.setup-card{min-height:0;padding:18px 15px}.setup-card>h2{font-size:28px}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.choice-card{min-height:78px;padding:10px 8px}.choice-icon{width:46px;height:46px}.choice-card strong{font-size:16px}.choice-card small{text-align:left;font-size:11px;line-height:1.25}.operation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.operation-grid .option-tile{min-height:62px;padding:7px}.option-tile span{font-size:25px}.difficulty-row,.target-row,.setup-actions{margin-top:12px}.difficulty-row{gap:6px}.difficulty-row .pill{flex:1;min-width:0;padding-inline:8px}}@media (width<=680px) and (height>=700px){.game-grid{grid-template-rows:minmax(220px,.9fr) minmax(0,1.1fr)}.game-grid--solo{grid-template-rows:minmax(240px,.95fr) minmax(0,1.05fr)}}@media (width<=680px) and (height>=912px){.game-grid{grid-template-rows:minmax(280px,1fr) 382px}.game-grid--solo{grid-template-rows:minmax(280px,1fr) 400px}}@media (width<=980px) and (height<=560px) and (orientation:landscape){body{height:100dvh;overflow:hidden}.game-shell,.game-shell--playing{gap:6px;width:100%;height:100dvh;min-height:0;margin:0;padding:6px 10px;overflow:hidden}.game-frame-header{z-index:30;pointer-events:none;grid-template-columns:1fr auto;min-height:44px;position:fixed;inset:6px 10px auto}.game-frame-header>*{pointer-events:auto}.game-frame-header .game-frame-title{display:none}.game-frame-header .game-frame-actions{grid-column:2}.setup-stage{z-index:20;min-height:0;padding:6px 96px}.setup-card{width:min(100%,620px);min-height:0;max-height:calc(100dvh - 12px);padding:10px 18px;overflow:hidden}.game-setup-back{margin:0;position:absolute;top:8px;left:10px}.eyebrow,.game-setup-intro{display:none}.setup-card>fieldset,.setup-settings{margin-top:6px}.setup-card>h2{font-size:23px}.choice-card{min-height:75px;padding:5px}.choice-icon{width:34px;height:34px;font-size:14px}.choice-card strong{margin-top:1px;font-size:14px}.choice-card small{font-size:9px}.operation-grid .option-tile{min-height:60px;padding:5px}.option-tile span{font-size:21px}.difficulty-row,.target-row,.setup-actions{margin-top:6px}.scoreboard{width:min(100% - 220px,620px);min-height:52px}.score{padding-block:3px}.score strong{font-size:28px}.round-meta{min-width:140px;padding:3px 10px}.timer{font-size:18px}.game-grid,.game-grid--solo{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,.92fr) minmax(0,1.7fr) minmax(0,.92fr);gap:8px}.game-grid--solo{grid-template-columns:minmax(210px,.76fr) minmax(0,1.7fr)}.arena,.answer-station{min-height:0}.arena{grid-area:auto}.arena-field{min-height:0}.question{min-height:48px;padding:4px;font-size:clamp(22px,3vw,31px)}.answer-display{flex-basis:40px;height:40px;margin:5px 0;font-size:23px}.keypad{grid-template-rows:repeat(4,minmax(44px,1fr));gap:4px}.keypad button{font-size:20px}}@media (width<=440px){.setup-card{padding:14px 12px}.setup-card>.game-setup-intro{font-size:11px}.setup-card>fieldset{margin-top:9px}.mode-grid,.operation-grid{gap:6px}.choice-card{grid-template-columns:40px 1fr;min-height:70px}.choice-icon{width:38px;height:38px;box-shadow:2px 2px 0 var(--ink);border-width:2px}.choice-card strong{font-size:14px}.choice-card small{font-size:9px}.operation-grid .option-tile{gap:3px;min-height:56px}.option-tile span{font-size:22px}.setup-settings{grid-template-columns:1fr;gap:8px;margin-top:9px}.difficulty-row legend,.target-row legend{margin-bottom:5px}.difficulty-row .pill,.target-row .target-button{flex:1;min-width:0}.setup-actions{margin-top:10px}}@media (width<=440px) and (height<=700px){.eyebrow,.game-setup-intro{display:none}.setup-card>h2{font-size:25px}}@media (prefers-reduced-motion:reduce){.rope-world,.answer-display,button{transition-duration:.01ms!important}.countdown-layer strong,.winner-card,.winner-card:before,.winner-card:after,.game-shell,.rope-world img{animation:none}}
