@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#284cff;--ink:#1d1553;--clay:#ff3b88;--line:#b6c5ff;--muted:#dde5ff;--cream:#ffffff}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,sans-serif}button,input{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible{outline:3px solid var(--clay);outline-offset:4px}[hidden]{display:none!important}.page{max-width:1540px;margin:auto;padding:35px 5% 0}.intro{position:relative;display:flex;align-items:center;justify-content:space-between;padding-bottom:35px;min-height:235px}h1{font:500 clamp(76px,9.6vw,148px)/.75 'Cormorant Garamond',Georgia,serif;letter-spacing:-7px;margin:0}h1 span{font-size:.55em;font-style:italic;color:var(--clay)}h1 em{font-weight:500;color:var(--clay);margin-left:90px}.title-mark{font-size:150px;line-height:1;color:var(--clay);margin-right:12%;transform:rotate(-9deg)}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:32px;align-items:start}.game{min-width:0;border-top:2px solid var(--ink)}.scorebar{display:flex;align-items:center;justify-content:space-between;padding:16px 2px 19px}.scorebar span{display:block;font-size:9px;letter-spacing:1.7px;font-weight:800}.scorebar strong{font:600 55px/1 'Cormorant Garamond',Georgia,serif}.scorebar .round{text-align:center}.scorebar .round span{font-size:8px}.scorebar .round strong{font:600 20px/2 Manrope,sans-serif}.opponent{text-align:right}.opponent strong{color:var(--clay)}.arena{height:365px;position:relative;overflow:hidden;background:#efff47;border:1px solid #efff47}.arena:after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.15;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23284cff' filter='url(%23n)' opacity='.6' d='M0 0h140v140H0z'/%3E%3C/svg%3E")}.sun{position:absolute;width:155px;height:155px;border-radius:50%;background:var(--clay);left:calc(50% - 77px);top:42px}.sand-rings{position:absolute;width:720px;height:360px;left:calc(50% - 360px);bottom:-150px;border-radius:50%;background:repeating-radial-gradient(ellipse at center,transparent 0 11px,#284cff22 12px 14px,transparent 15px 21px);transform:rotate(-12deg)}.garden-rock{position:absolute;background:#8354ff;border-radius:46% 40% 33% 42%;box-shadow:inset -12px -9px #6238c9}.rock-one{width:110px;height:49px;bottom:63px;left:45%;transform:rotate(-6deg)}.rock-two{width:54px;height:26px;bottom:66px;left:59%;background:#ff3b88}.ground{position:absolute;bottom:0;height:54px;width:100%;background:#c6e65b44;border-top:1px solid #284cff44}.arena-tag{position:absolute;top:16px;left:18px;font-size:8px;letter-spacing:2px;z-index:1}.arena-caption{position:absolute;right:18px;top:17px;font:italic 17px 'Cormorant Garamond',Georgia,serif;color:#2940a3}.ticker{display:flex;gap:9px;align-items:center;min-height:44px;font-size:11px;border-bottom:1px solid var(--line);padding:8px 0}.dot{width:5px;height:5px;flex-shrink:0;background:var(--clay);border-radius:50%}.ticker button{margin-left:auto;background:transparent;border:0;font-size:10px;white-space:nowrap}.ticker kbd{margin-left:6px}.controls{padding:22px 0}.control-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:15px}.control-heading h2{font:italic 27px 'Cormorant Garamond',Georgia,serif;margin:0}.session-controls{display:flex;gap:14px;align-items:center}#player-name{font-size:9px;color:var(--muted)}.quiet{border:0;background:transparent;padding:7px 0;font-size:10px;border-bottom:1px solid var(--line)}#actions{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.action{min-height:74px;padding:12px;background:#ffffff;border:0;display:flex;align-items:center;gap:9px;text-align:left;transition:background .12s}.action:hover:enabled{background:#e2eaff}.action .icon{font-size:21px;filter:grayscale(.8)}.action .label{font-size:11px;font-weight:700;display:block}.action .cost{display:block;font-size:9px;color:#575596;margin-top:5px}.action kbd{margin-left:auto}.action.kind{background:#ff3b88;color:#1d1553;min-height:80px}.action.kind:hover:enabled{background:#ff69a0}.action.kind .icon{filter:none}.action.kind .cost{color:#391747}.action.kind kbd{background:transparent;color:#1d1553;border-color:#9e2463}.action:last-child{grid-column:span 2}.action:disabled{opacity:1;color:#6574b5}.action.kind:disabled{color:#ffffff;background:#365bfd}.action.kind:disabled .cost{color:#dae2ff}kbd{font:10px Manrope,sans-serif;display:inline-flex;justify-content:center;align-items:center;min-width:23px;height:24px;border:1px solid #a7b5ff;color:#353779;background:#eff3ff}.controls-note{font-size:9px;letter-spacing:.4px;color:var(--muted);padding-top:12px}aside{border-top:2px solid var(--ink);min-width:0}.start-panel{padding:24px 0 25px;border-bottom:1px solid var(--line);position:relative}.panel-index{font-size:8px;letter-spacing:2px;font-weight:800}.start-panel h2{font:500 43px/.91 'Cormorant Garamond',Georgia,serif;letter-spacing:-1px;margin:17px 0 22px}.start-panel h2 em{font-weight:500;color:var(--clay)}#registration label{display:block;font-size:10px;font-weight:600;margin-bottom:8px}#registration>div{display:flex;flex-direction:column;gap:8px}input{border:0;border-bottom:1px solid #b6c5ff;padding:10px 0;background:transparent;color:var(--ink);width:100%;min-width:0;border-radius:0;font-size:13px}.primary{background:var(--ink);color:var(--cream);border:0;padding:14px 18px;font-size:11px;font-weight:700;letter-spacing:.4px}.primary:hover:enabled{background:var(--clay)}#start{width:100%;display:flex;justify-content:space-between;align-items:center}.primary kbd{border-color:#726cbc;background:transparent;color:#ffffff}#registration small{font-size:9px;line-height:1.6;color:var(--muted);display:block;margin-top:9px}#register-error{font-size:10px;color:#ffffff;line-height:1.5;margin:7px 0}.countdown{padding:24px 0;border-bottom:1px solid var(--line)}.eyebrow{font-size:8px;letter-spacing:2px;font-weight:800}.countdown>div{display:flex;gap:13px;align-items:center;margin-top:10px}.countdown strong{font:500 64px/.9 'Cormorant Garamond',Georgia,serif;color:var(--clay)}.countdown div span{font-size:8px;letter-spacing:1px;line-height:1.8}.countdown progress{appearance:none;border:0;width:100%;height:3px;display:block;margin-top:16px}.countdown progress::-webkit-progress-bar{background:#ffffff66}.countdown progress::-webkit-progress-value{background:var(--clay)}.leaderboard{padding-top:24px}.aside-heading{display:flex;justify-content:space-between;gap:12px}.aside-heading h2{font:500 29px/1 'Cormorant Garamond',Georgia,serif;margin:0}.aside-heading>span{color:var(--clay);font-size:24px}.small{font-size:8px;letter-spacing:2px;color:var(--muted);margin-top:10px}.leaderboard ol{list-style:none;padding:0;margin:15px 0}.leaderboard li{display:flex;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line);font-size:11px}.leaderboard .rank{color:var(--clay);font-size:9px;min-width:20px}.leaderboard li strong{margin-left:auto;font-size:15px;font-weight:600}.best{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.best span{font-size:8px;letter-spacing:1.5px}.best strong{font:30px 'Cormorant Garamond',Georgia,serif;color:var(--clay)}.result-panel{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;background:#ffffffee}.result-panel>span{font-size:9px;letter-spacing:2px}.result-panel h2{font:500 46px/1 'Cormorant Garamond',Georgia,serif;color:var(--clay);margin:20px 0 10px}.result-panel p{font-size:12px;max-width:360px;line-height:1.8}#score-save-status{font-size:10px}.result-panel .quiet{margin-top:15px;padding:12px;font-size:12px}footer{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-top:1px solid var(--ink);margin-top:13px;font-size:8px;letter-spacing:2px}footer span:last-child{font:italic 21px 'Cormorant Garamond',Georgia,serif;letter-spacing:0}.sand-mode .page{visibility:hidden}.sand-mode #result-panel{visibility:visible;position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(460px,90vw);min-height:280px;z-index:101;border:1px solid var(--line);background:var(--paper)}.sand-mode #sand-canvas{position:fixed;inset:0;z-index:100;pointer-events:none}.sand-mode{background:#284cff;overflow:hidden}.sand-rest .page{background-image:radial-gradient(#ff3b88 1px,transparent 1px);background-size:7px 7px}
@media(min-width:1400px){.arena{height:410px}}@media(max-width:1100px){.game-layout{grid-template-columns:minmax(0,1fr) 230px;gap:22px}.action{gap:6px;padding:10px 8px}.action .icon{font-size:17px}.action .label{font-size:10px}.start-panel h2{font-size:38px}.title-mark{font-size:120px;margin-right:6%}}@media(max-width:800px){.page{padding:25px 4% 0}.intro{min-height:170px;padding-bottom:25px}h1{font-size:100px;letter-spacing:-5px}h1 em{margin-left:40px}.title-mark{font-size:90px;margin-right:0}.game-layout{display:flex;flex-direction:column;gap:20px}.game{width:100%}aside{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:0 24px;order:-1;border-top:0}.start-panel{grid-row:1/3;padding:0 0 18px}.start-panel h2{font-size:35px;margin:10px 0 14px}.countdown{padding:0 0 17px;align-self:center}.countdown strong{font-size:45px}.leaderboard{padding-top:15px;grid-column:1/-1}.leaderboard ol{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.best{padding:6px 0}.aside-heading h2{font-size:25px}#registration>div{flex-direction:row}#registration input{width:50%}#registration .primary{padding:10px;font-size:10px}.arena{height:345px}.leaderboard:has(li:only-child){grid-column:2;grid-row:2}.leaderboard:has(li:only-child) .best{display:none}.scorebar{padding:15px 0}.controls{padding:17px 0}}@media(max-width:480px){.page{padding:22px 16px 0}.intro{min-height:150px}h1{font-size:79px;letter-spacing:-3.5px}h1 em{margin-left:28px}.title-mark{font-size:65px;position:absolute;right:0;top:9px}.game-layout{gap:13px}aside{gap:0 15px}.start-panel h2{font-size:29px}.panel-index{font-size:7px;letter-spacing:1px}#registration>div{flex-direction:column}#registration input{width:100%;font-size:12px}#registration label{font-size:9px}#registration small{font-size:8px}.countdown div span{font-size:7px;letter-spacing:.6px}.countdown strong{font-size:39px}.eyebrow{font-size:7px;letter-spacing:1px}.aside-heading h2{font-size:22px}.leaderboard li{font-size:9px;padding:8px 0}.small{font-size:7px;letter-spacing:1px}.scorebar strong{font-size:45px}.scorebar span{font-size:8px;letter-spacing:1px}.scorebar .round span{font-size:6px}.scorebar .round strong{font-size:17px}.arena{height:320px}.arena .player{left:1%;width:130px}.arena .mowgli{right:3%;width:130px}.arena .mowgli-art{width:130px}.arena .player-art{left:0}.arena-caption{font-size:13px}.arena-tag{font-size:6px}.sun{width:120px;height:120px;left:calc(50% - 60px);top:50px}.rock-one{width:70px;left:39%}.rock-two{left:57%}.session-controls{gap:8px}#player-name{font-size:8px;max-width:100px}.control-heading h2{font-size:24px}.session-controls .quiet{font-size:9px}#actions{grid-template-columns:repeat(2,1fr)}.action:last-child{grid-column:1/-1}.action{min-height:65px;padding:10px}.action.kind{min-height:65px}.action .label{font-size:11px}.action .icon{font-size:19px}.result-panel h2{font-size:37px}.controls-note{font-size:8px}footer span:first-child{font-size:7px;letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition:none!important}}

/* Saturated peace-club palette. */
body{color:#ffffff}.intro{padding-top:8px}h1{font-family:Manrope,sans-serif;font-weight:800;font-size:clamp(60px,7vw,108px);line-height:.9;letter-spacing:-6px;color:#efff47}h1 span{color:inherit;font-style:normal;font-size:1em}.title-mark{color:#efff47;font-size:140px;transform:rotate(9deg)}.game,aside{border-top-color:#ffffff}.scorebar strong{color:#ffffff;font-family:Manrope,sans-serif;font-size:43px;font-weight:800}.opponent strong{color:#efff47}.scorebar span{letter-spacing:.4px;font-size:10px}.scorebar .round strong{color:#ffffff}.arena{color:#1d1553}.arena-caption{color:#284cff}.start-panel h2{font-family:Manrope,sans-serif;font-weight:800;font-size:38px;line-height:.98;letter-spacing:-2px;margin-top:0}.start-panel h2 em{font-style:normal;color:#efff47}.primary{background:#ff3b88;color:#1d1553;border-radius:24px;font-weight:800}.primary:hover:enabled{background:#efff47}.primary kbd{color:#1d1553;border-color:#77205a}.action{color:#1d1553}.action.kind{background:#efff47;color:#1d1553}.action.kind .cost{color:#3e4385}.action.kind kbd{color:#1d1553;border-color:#66732d}.action.kind:hover:enabled{background:#d8ec22}.action.kind:disabled{background:#c1dbff;color:#3b4e9a}.action.kind:disabled .cost{color:#465b9f}.action .icon{filter:none}.control-heading h2{font-family:Manrope,sans-serif;font-size:20px;font-style:normal;font-weight:800}.countdown strong{color:#efff47;font-family:Manrope,sans-serif;font-size:50px;font-weight:800}.countdown progress::-webkit-progress-value{background:#efff47}.aside-heading h2{font-family:Manrope,sans-serif;font-size:23px;font-weight:800}.aside-heading>span{color:#efff47}.leaderboard .rank,.best strong{color:#efff47}.best strong{font-family:Manrope,sans-serif;font-size:24px}.quiet{color:#ffffff}.result-panel{color:#1d1553}.result-panel h2{font-family:Manrope,sans-serif;font-weight:800;color:#284cff}.result-panel .quiet{color:#284cff}.sand-mode #result-panel{background:#ffffff;color:#1d1553;border-color:#efff47}.ticker{color:#ffffff}.dot{background:#efff47}input{color:#ffffff}input::placeholder{color:#dbe3ff}.start-panel small,#player-name,.small,.controls-note{color:#dae4ff}.controls-note{font-size:10px;line-height:1.6}.ground{background:#d9ee4344}.garden-rock{box-shadow:inset -12px -9px #6238c9}.rock-two{box-shadow:none}.sun{background:#ff3b88}footer span:last-child{font-family:Manrope,sans-serif;font-style:normal;font-size:12px}.arena .nametag{color:#1d1553}.arena .nametag span{color:#353779}.arena .weapon{color:#8354ff;text-shadow:2px 1px #6238c9}.arena .bubble{background:#ffffff;border-color:#284cff;color:#1d1553}#effect{color:#284cff}.arena .torso{background:#ff3b88;border-color:#1d1553}.arena .arm{background:linear-gradient(#ff3b88 65%,#ce9568 65%);border-color:#1d1553}.arena .leg{background:#284cff;border-color:#1d1553}.arena .leg:after{background:#1d1553}.sand-rest .page{background-image:radial-gradient(#efff47 1px,transparent 1px)}
@media(max-width:800px){h1{font-size:78px;letter-spacing:-4px}.title-mark{font-size:95px}.start-panel h2{font-size:31px}}@media(max-width:480px){h1{font-size:55px;letter-spacing:-3px}.title-mark{font-size:60px}.start-panel h2{font-size:27px}.control-heading h2{font-size:18px}.scorebar strong{font-size:34px}.countdown strong{font-size:36px}.aside-heading h2{font-size:20px}.action .cost{font-size:8px}.intro{min-height:145px}}

.result-panel.loss > :not(#result-title){display:none!important}
body.sand-rest:has(.result-panel.loss:not([hidden])) .page{visibility:hidden}
.result-panel.loss{visibility:visible;position:fixed;inset:0;z-index:101}
.sand-mode #result-panel.loss{inset:50% auto auto 50%}
