.target-page{max-width:1240px;padding:0 14px;margin:24px auto;color:#384f50}.target-page>h1{font-size:clamp(25px,4vw,36px);margin:0 0 8px}.target-page>.kids-seo-lead{margin:0 0 20px}#host{container-type:inline-size;position:relative;isolation:isolate;aspect-ratio:16/9;background:#f5e8cd;border:4px solid #dbad76;border-radius:16px;overflow:hidden;box-shadow:0 10px 28px #66432c25;color:#3b4b47;font-family:'Zen Maru Gothic',sans-serif;display:flex;flex-direction:column}#host *{box-sizing:border-box}#host [hidden]{display:none!important}#host h2,#host p{margin:0}#host button{font:900 clamp(13px,1.25cqw,20px)/1.3 'Zen Maru Gothic',sans-serif;border:2px solid #bf9873;border-radius:8px;padding:.45em .7em;min-height:34px;background:#fff5df;color:#4b554b;cursor:pointer;box-shadow:0 3px 0 #82644830;touch-action:manipulation}#host button:disabled{opacity:.5;cursor:default}#host button:focus-visible,#host canvas:focus-visible,#host input:focus-visible{outline:3px solid #006877;outline-offset:2px}#host button:active:not(:disabled){transform:translateY(1px)}#host .primary{background:#ce4b38;border-color:#a6382b;color:#fff8e9}.fair-top{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:5px 2%;height:8%;min-height:40px;background:#fff3dc;border-bottom:2px solid #d4b489;z-index:2}.fair-top strong{font-size:clamp(15px,1.5cqw,22px)}.fair-top nav{display:flex;gap:5px}.fair-top button{font-size:clamp(11px,1.05cqw,16px)!important;min-height:30px!important;padding:.3em .6em!important}#base{flex:1;min-height:0;position:relative}#cover{height:100%;display:grid;grid-template-columns:43% 54%;gap:3%;padding:2.5%;background:url('./assets/background.webp') center/cover}.cover-art{position:relative;border:5px solid #fbebca;border-radius:8px;overflow:hidden;box-shadow:0 4px 10px #6d54352b;align-self:center;background:#f9eaca}.cover-art img{display:block;width:100%;aspect-ratio:1;object-fit:contain}.cover-art p{font-size:1.45cqw;font-weight:900;text-align:center;padding:9px!important}.ticket{background:#fff3db;border:4px double #cb674d;box-shadow:0 6px 16px #67473330;padding:4% 7%;border-radius:12px;text-align:center;display:flex;flex-direction:column;gap:10px;justify-content:center}.ticket .eyebrow{color:#7c614b;font-size:1.25cqw;letter-spacing:.1em}.ticket h2{font-size:3.15cqw;line-height:1.25;letter-spacing:.04em;color:#b94535}.ticket h2 em{color:#177e8d;font-style:normal}.ticket p{font-size:1.2cqw;line-height:1.5}.ticket #start{font-size:2cqw;min-height:42px}#stages{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:4px 0}#stages button{font-family:ui-rounded,'Zen Maru Gothic',sans-serif;font-size:1.5cqw;padding:3px;min-height:30px;border-style:dashed;border-radius:5px}#stages button[aria-pressed=true]{color:white;background:#177e8d;border-color:#105d69}#ready-note{font-size:1cqw!important;min-height:1.3em}#play{height:100%;position:relative;display:grid;grid-template-rows:7% minmax(0,1fr)17%;gap:6px;padding:6px 1.5% 1%;background:#f5e8cd}.score-rail{display:flex;align-items:center;justify-content:space-evenly;gap:12px;background:#fff4df;border-bottom:2px dashed #cdb18b;border-radius:4px;font-weight:900;font-size:1.4cqw;white-space:nowrap}.score-rail b{font-size:2.2cqw;color:#bc4234;margin:0 3px}.score-rail small{font-size:1cqw}.score-rail>span{display:flex;align-items:center;gap:3px}#ball-dots{display:flex;gap:3px;margin-left:5px}#ball-dots i{display:block;width:9px;height:9px;background:#d85746;border-radius:50%;border:1px solid #a84132}#ball-dots i.used{background:#e4d7c1;border-color:#cabba2}#field{min-height:0;min-width:0;position:relative;display:grid;place-items:center;overflow:hidden;background:#bde0dc;border-radius:8px}#board{display:block;width:100%;height:100%;object-fit:contain;touch-action:none;cursor:grab}#board.pulling{cursor:grabbing}#field-hint{position:absolute;top:5%;left:7%;font-size:clamp(12px,1.3cqw,18px);font-weight:900;text-align:center;color:#285958;background:#fff4dcbf;border-radius:8px;padding:6px 12px!important;pointer-events:none;line-height:1.5}#controls{display:grid;grid-template-columns:12% 22% 22% 12% 1fr;gap:8px;align-content:center;align-items:center;padding:0 8px}#controls label{font-size:1.15cqw;font-weight:900;display:flex;flex-wrap:wrap;justify-content:space-between;gap:3px}#controls input{display:block;width:100%;height:28px;accent-color:#188798;cursor:pointer}#controls input#power{accent-color:#cf4e39}#controls output{color:#a94a30;font-variant-numeric:tabular-nums}.utilities{display:grid;grid-template-columns:1fr 1fr;gap:6px}.utilities #retry{grid-column:1/3}.utilities button{min-height:25px!important;font-size:1cqw!important;padding:3px 5px!important}#guide{font-size:1.1cqw!important}#guide[aria-pressed=true]{background:#227f8b;color:white;border-color:#1d6872}#shot-note{grid-column:1/-1;text-align:center;font-size:1cqw;color:#746347;line-height:1.3}#result{position:absolute;right:7%;bottom:10%;width:56%;padding:3% 5%;gap:12px;z-index:3;box-shadow:0 8px 0 #ae684a40,0 15px 35px #443a2430}#result h2{font-size:2.9cqw}#result p{font-size:1.6cqw}#result>div{display:flex;gap:9px;flex-wrap:wrap;justify-content:center}#result button{font-size:1.5cqw;min-height:39px}#result-menu{font-size:1.05cqw!important;flex-basis:90%}.rosette{margin:auto;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#237e8b;color:#fff3d8;border:4px double #b1e0dc;font-size:28px}#modal{position:absolute;inset:0;z-index:9;background:#263c3d9e;display:grid;place-items:center;padding:3%}.dialog{width:74%;max-height:100%;overflow:auto;background:#fff3dc;border:4px solid #bd7957;border-radius:14px;padding:4% 5%;box-shadow:0 12px 34px #1d2d3030}.dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.dialog h2{font-size:2.2cqw}.dialog p,.dialog label{font-size:1.55cqw;line-height:1.9}.dialog #dialog-content{display:grid;gap:14px}.dialog button{min-height:40px}.dialog label{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.dialog input[type=range]{width:100%;accent-color:#218b91}.dialog input[type=checkbox]{width:23px;height:23px;accent-color:#218b91}.parent-note{padding:20px 2px;font-size:13px;line-height:1.9}.parent-note h2{font-size:18px}.parent-note p{margin:8px 0}#host:fullscreen,#host.faux-fullscreen{width:100vw!important;height:100dvh!important;aspect-ratio:auto;border:0;border-radius:0}#host.faux-fullscreen{position:fixed;inset:0;z-index:2147483000}#host:fullscreen .fair-top,#host.faux-fullscreen .fair-top{height:44px}#host:fullscreen #cover,#host.faux-fullscreen #cover{max-width:1400px;width:100%;margin:auto}#host:fullscreen #play,#host.faux-fullscreen #play{grid-template-rows:40px minmax(0,1fr)105px}
@media(max-width:600px){.target-page{padding:0 8px;margin:14px auto}#host{height:710px;aspect-ratio:auto;border-width:3px}.fair-top{height:76px;min-height:76px;flex-direction:column;justify-content:center;gap:6px}.fair-top strong{font-size:17px}.fair-top nav{width:100%;justify-content:center}.fair-top button{font-size:11px!important;min-height:30px!important;padding:5px!important}#cover{grid-template-columns:1fr;grid-template-rows:34% minmax(0,1fr);gap:10px;padding:12px}.cover-art{align-self:stretch;display:flex;align-items:center;justify-content:center;border-width:3px}.cover-art img{width:auto;height:100%;max-width:60%}.cover-art p{font-size:14px;line-height:1.8;padding:6px!important;max-width:40%}.ticket{padding:13px 18px;gap:9px}.ticket h2{font-size:26px}.ticket h2 br{display:none}.ticket .eyebrow{font-size:11px}.ticket p{font-size:12px}.ticket #start{font-size:21px;min-height:43px}#stages{gap:7px}#stages button{font-size:18px;min-height:33px}#ready-note{font-size:11px!important}#play{grid-template-rows:58px minmax(185px,1fr)280px;gap:10px;padding:10px}.score-rail{flex-wrap:wrap;gap:3px 12px;padding:5px;font-size:14px}.score-rail b{font-size:23px}.score-rail small{font-size:12px}#ball-dots{gap:3px}#ball-dots i{width:8px;height:8px}#field-hint{top:3%;left:2%;font-size:11px;padding:4px 7px!important}#controls{grid-template-columns:1fr 1fr;gap:12px;padding:0 3px;align-content:center}#controls label{font-size:15px}#controls input{height:34px}#controls #guide{grid-column:1;grid-row:2;font-size:14px!important;min-height:43px}#fire{grid-column:2;grid-row:2;min-height:43px;font-size:20px!important}.utilities{grid-column:1/3;grid-template-columns:1fr 1fr 1fr;gap:7px}.utilities #retry{grid-column:auto}.utilities button{font-size:12px!important;min-height:39px!important}#shot-note{font-size:13px;line-height:1.6}#result{left:5%;right:5%;bottom:7%;width:auto;padding:22px 18px;gap:14px}#result h2{font-size:27px}#result p{font-size:17px}#result button{font-size:16px;min-height:44px}#result-menu{font-size:13px!important}.dialog{width:100%;padding:20px 18px;border-width:3px}.dialog h2{font-size:21px}.dialog p,.dialog label{font-size:15px}.dialog button{font-size:15px}.dialog header{margin-bottom:16px}#host:fullscreen .fair-top,#host.faux-fullscreen .fair-top{height:76px}#host:fullscreen #play,#host.faux-fullscreen #play{grid-template-rows:58px minmax(175px,1fr)280px}}
#board{position:absolute;inset:0;min-width:0;min-height:0;height:100%!important;max-height:100%}
#zoom,#zoom-label{display:none}
#zoom-label{top:calc(46% + 6px);bottom:auto!important}
@media(max-width:600px){.fair-top{height:90px;min-height:90px}.fair-top nav{gap:5px}.fair-top button{flex:1;min-height:40px!important;font-size:12px!important}#host:fullscreen .fair-top,#host.faux-fullscreen .fair-top{height:90px}}
@media(max-width:600px) and (min-height:740px){#host{height:790px}#play,#host:fullscreen #play,#host.faux-fullscreen #play{grid-template-rows:58px minmax(280px,1fr)220px}#board{height:46%!important}#zoom{display:block;position:absolute;left:0;bottom:0;width:100%;height:54%!important;object-fit:contain;pointer-events:none;border-top:3px solid #f6ecd4}#zoom-label{display:block;position:absolute;left:8px;bottom:8px;font-size:11px;font-weight:900;background:#fff2dada;padding:4px 7px;border-radius:5px;pointer-events:none}#field-hint{font-size:10px}}
@media(max-width:360px){#host{height:705px}.cover-art p{font-size:12px}.ticket{padding:10px 14px}.ticket h2{font-size:24px}#stages button{min-height:32px}#controls{gap:10px}.utilities button{font-size:11px!important}}
@media(max-height:520px) and (min-width:601px){#host:fullscreen .fair-top,#host.faux-fullscreen .fair-top{min-height:35px;height:35px}.fair-top strong{font-size:15px}.fair-top button{font-size:11px!important;min-height:27px!important}#host:fullscreen #play,#host.faux-fullscreen #play{grid-template-columns:minmax(0,1fr)176px;grid-template-rows:31px minmax(0,1fr);gap:5px;padding:5px}.score-rail{grid-column:1;font-size:12px}.score-rail b{font-size:19px}.score-rail small{font-size:11px}#field{grid-column:1;grid-row:2}#controls{grid-column:2;grid-row:1/3;grid-template-columns:1fr 1fr;gap:6px;padding:4px;align-content:space-around}#controls label{grid-column:1/3;font-size:12px}#controls input{height:23px}#guide{grid-row:3;grid-column:1;font-size:11px!important}#fire{grid-row:3;grid-column:2;font-size:14px!important}.utilities{grid-column:1/3;gap:5px}.utilities button{font-size:11px!important;min-height:27px!important}#shot-note{font-size:11px}#result{bottom:9%;width:55%;padding:14px;gap:7px}#result h2{font-size:25px}#result p{font-size:15px}#result button{font-size:14px;min-height:33px}#result-menu{font-size:12px!important}.rosette{width:30px;height:30px;font-size:19px}.ticket{padding:12px 20px;gap:6px}.ticket h2{font-size:28px}.ticket .eyebrow,.ticket p{font-size:11px}#stages{gap:5px}#stages button{font-size:16px;min-height:27px}.ticket #start{font-size:18px;min-height:35px}#ready-note{font-size:10px!important}.dialog{padding:14px 25px}.dialog h2{font-size:20px}.dialog p,.dialog label{font-size:14px}.dialog header{margin-bottom:10px}}