@font-face{font-family:Heebo;font-style:normal;font-weight:100 900;font-display:swap;src:url(../assets/fonts/heebo-hebrew.woff2) format("woff2")}:root{color-scheme:dark}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;margin:0;overflow:hidden;overscroll-behavior:none;background:#03100f}body{font-family:Heebo,Arial,sans-serif;color:#fff1cf;touch-action:manipulation}.hp{--gold: #f1d58f;--ink: #fff1cf;position:fixed;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(6px,1.5dvh,12px);padding:max(8px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));background:radial-gradient(120% 70% at 50% 0%,#17463f,#0b2622 48%,#030f0d)}.hp[data-state=loading] .hp-card,.hp[data-state=loading] .hp-share{opacity:0}.hp-top{display:flex;align-items:center;justify-content:center;min-height:28px}.hp-brand{display:flex;align-items:center;gap:8px;margin:0;color:var(--gold);font-size:clamp(17px,4.6vw,24px);font-weight:900;line-height:1.1;text-shadow:0 2px 0 #0008}.hp-mark{color:#ffe08a;font-size:.8em}.hp-beta{padding:2px 8px;border:1px solid #d8b27a99;border-radius:999px;background:#0b1d19b3;color:#f6e2b0;font-size:11px;font-weight:700;line-height:1.35;text-shadow:none;white-space:nowrap}.hp-cards{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,7fr) minmax(0,3fr);gap:clamp(8px,1.8dvh,14px);width:100%;min-height:0;max-width:1180px;margin-inline:auto}@media(min-aspect-ratio:1/1)and (min-width:640px){.hp-cards{grid-template-columns:minmax(0,7fr) minmax(0,3fr);grid-template-rows:minmax(0,1fr)}}.hp-card{position:relative;min-width:0;min-height:0;overflow:hidden;isolation:isolate;border:2px solid #d8b27a88;border-radius:20px;box-shadow:0 10px 28px #000a,inset 0 0 0 1px #ffffff14;color:inherit;text-decoration:none}.hp-title{margin:0;color:var(--gold);font-size:clamp(22px,6.4vw,34px);font-weight:900;line-height:1.1;text-shadow:0 2px 0 #000a}.hp-ribbon{position:absolute;z-index:4;inset-block-start:10px;inset-inline-end:10px;padding:4px 12px 5px;border-radius:999px;background:linear-gradient(#ffe9ad,#e2b458);color:#2a1a06;font-size:clamp(12px,3.2vw,14px);font-weight:900;line-height:1.2;white-space:nowrap;box-shadow:0 3px #8a5f22,0 6px 12px #0008}.hp-ribbon[hidden]{display:none}.hp-chip{display:inline-flex;align-items:center;max-width:100%;padding:3px 10px;border:1px solid #d8b27a88;border-radius:999px;background:#0b1d19cc;color:var(--ink);font-size:clamp(12px,3.3vw,14px);font-weight:700;line-height:1.2;white-space:nowrap}.hp-chip[hidden]{display:none}.hp .hp-chip:empty{display:none}.hp-full{background:#0b1d19}.hp-scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.hp-scene:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#03100f00 34%,#03100fb8 72%,#03100ff2)}.hp-poster,.hp-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:48% 50%}.hp-hit{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.hp-info{position:absolute;z-index:3;inset-inline:0;bottom:0;display:flex;flex-direction:column;align-items:flex-start;gap:clamp(3px,.8dvh,8px);padding:clamp(10px,2.6dvh,20px) clamp(12px,4vw,22px) clamp(12px,2.6dvh,20px);pointer-events:none}.hp-tagline{margin:0;color:var(--ink);font-size:clamp(13px,3.6vw,17px);font-weight:600;text-shadow:0 1px 6px #000c}.hp-go{align-self:stretch;display:grid;place-items:center;min-height:48px;margin-top:2px;padding:0 22px;border-radius:16px;background:linear-gradient(#ffe6a0,#d9a94f);color:#2a1a06;font-size:clamp(18px,4.8vw,21px);font-weight:800;text-decoration:none;box-shadow:0 4px #8a5f22,0 8px 16px #0007;pointer-events:auto;transition:transform .1s ease,box-shadow .1s ease}.hp-go:active{transform:translateY(3px);box-shadow:0 1px #8a5f22,0 4px 10px #0007}.hp-go:focus-visible,.hp-card:focus-visible{outline:3px solid #fff3c4;outline-offset:2px}.hp-full:has(.hp-hit:active) .hp-go{transform:translateY(3px);box-shadow:0 1px #8a5f22,0 4px 10px #0007}.hp-hero{display:flex;align-items:center;gap:10px;width:100%}.hp-hero[hidden]{display:none}.hp-portrait{--p: clamp(52px, 9.5dvh, 78px);position:relative;flex:none;width:var(--p);height:var(--p);overflow:hidden;border:2px solid #d8b27a;border-radius:16px;background:radial-gradient(circle at 50% 40%,#2a5a4f,#0b1d19 85%);box-shadow:0 4px 10px #0009}.hp-portrait .hid-sprite{top:-22%;bottom:auto;height:190%;transform:translate(-61%)}.hp-hero-text{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}.hp-hero-name{max-width:100%;overflow:hidden;color:#fff;font-size:clamp(17px,4.8vw,22px);font-weight:900;line-height:1.15;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 6px #000c}.hp-hero-facts{display:flex;flex-wrap:wrap;gap:4px 6px}.hp-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,40%);align-items:center;gap:10px;padding:clamp(10px,2dvh,16px) clamp(12px,3.6vw,18px);background:radial-gradient(90% 80% at 88% 8%,#4a86e0cc 0%,transparent 60%),radial-gradient(80% 90% at 6% 100%,#2a4fb399 0%,transparent 62%),linear-gradient(155deg,#123a7a,#0c2658 48%,#081a3f)}.hp-intro:before,.hp-intro:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.hp-intro:before{background:radial-gradient(circle at 12% 22%,#fff 0 1.5px,transparent 3px),radial-gradient(circle at 34% 78%,#ffe6a3 0 1.5px,transparent 3.5px),radial-gradient(circle at 58% 16%,#bfe0ff 0 1px,transparent 3px),radial-gradient(circle at 76% 64%,#fff 0 1.5px,transparent 3px),radial-gradient(circle at 90% 30%,#ffe6a3 0 1px,transparent 2.5px);animation:hp-twinkle 3.4s ease-in-out infinite}.hp-intro:after{background:radial-gradient(circle at 22% 52%,#bfe0ff 0 1px,transparent 2.5px),radial-gradient(circle at 46% 40%,#fff 0 1.5px,transparent 3px),radial-gradient(circle at 66% 88%,#ffe6a3 0 1.5px,transparent 3px),radial-gradient(circle at 84% 12%,#fff 0 1px,transparent 2.5px),linear-gradient(115deg,transparent 35%,#9cc8ff24 50%,transparent 65%) 150% 0 / 250% 100% no-repeat;animation:hp-twinkle 2.7s ease-in-out -1.3s infinite,hp-sheen 9s linear infinite}@keyframes hp-twinkle{0%,to{opacity:.25}50%{opacity:1}}@keyframes hp-sheen{0%{background-position:0 0,0 0,0 0,0 0,150% 0}to{background-position:0 0,0 0,0 0,0 0,-100% 0}}@media(prefers-reduced-motion:reduce){.hp-intro:before,.hp-intro:after{animation:none;opacity:.7}}.hp-intro-text{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}.hp-intro .hp-title{font-size:clamp(19px,5.2vw,26px)}.hp-line{color:#e9dcb8;font-size:clamp(12.5px,3.5vw,15px);line-height:1.3}.hp-book{position:relative;align-self:stretch;min-height:0}.hp-book img{position:absolute;top:-8%;right:-14%;bottom:-8%;left:-14%;z-index:1;width:128%;height:116%;object-fit:contain}.hp-book-glow{position:absolute;top:6%;right:-6%;bottom:6%;left:-6%;z-index:0;border-radius:50%;background:radial-gradient(closest-side,#ffd97a99,#ffb84a44 55%,transparent 76%)}.hp-intro:active{filter:brightness(1.08)}@media(min-aspect-ratio:1/1)and (min-width:640px){.hp-intro{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;text-align:center;padding:14px}.hp-book{order:-1}.hp-intro-text{align-items:center}.hp-go{align-self:flex-start;min-width:min(280px,100%)}.hp-info{padding:22px 26px 24px}}.hp-share{width:100%;max-width:620px;margin-inline:auto}@media(min-width:900px)and (min-height:641px){.hp-full .hp-title{font-size:46px}.hp-tagline{font-size:21px}.hp-go{min-height:54px;font-size:22px}.hp-hero-name{font-size:26px}.hp-chip{font-size:15px}.hp-portrait{--p: 88px}.hp-intro .hp-title{font-size:30px}.hp-line{font-size:17px}}@media(max-height:640px){.hp-tagline{display:none}.hp-title{font-size:clamp(20px,5.6vw,28px)}.hp-go{min-height:44px}.hp-portrait{--p: 50px}.hp-line{line-height:1.25}}@media(max-height:460px){.hp-brand{font-size:16px}.hp-top{min-height:22px}.hp-line{font-size:12px}}.hp[data-state=loading] .hp-card,.hp[data-state=loading] .hp-share{animation:hp-show 0s linear 3s forwards}@keyframes hp-show{to{opacity:1}}.hp[data-state=ready] .hp-top{animation:hp-fade .5s ease both}.hp[data-state=ready] .hp-card{animation:hp-rise .6s cubic-bezier(.2,.75,.25,1) both}.hp[data-state=ready] .hp-intro{animation-delay:.14s}.hp[data-state=ready] .hp-share{animation:hp-fade .5s ease .32s both}@keyframes hp-rise{0%{opacity:0;transform:translateY(14px)}}@keyframes hp-fade{0%{opacity:0}}.hp[data-curtain=closed] .hp-top,.hp[data-curtain=closed] .hp-card,.hp[data-curtain=closed] .hp-share{animation:none;opacity:0}.hp[data-state=ready] .hp-ribbon:not([hidden]),.hp[data-state=ready] .hp-chip:not(:empty):not([hidden]){animation:hp-fade .5s ease both}.hp-video{opacity:0;transition:opacity .9s ease}.hp-video.is-live{opacity:1}.hp-motes{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;overflow:hidden;pointer-events:none}.hp-motes i{position:absolute;inset-inline-start:var(--x);bottom:var(--y);width:var(--s);height:var(--s);border-radius:50%;background:#fff3c4;box-shadow:0 0 8px 2px #ffd97a99;opacity:0;will-change:transform,opacity;animation:hp-mote var(--d) ease-in-out var(--w) infinite}@keyframes hp-mote{0%{opacity:0;transform:translateZ(0)}18%{opacity:.85}72%{opacity:.55}to{opacity:0;transform:translate3d(var(--sway),-110px,0)}}.hp-book-glow{animation:hp-breathe 5.5s ease-in-out infinite;will-change:opacity}@keyframes hp-breathe{0%,to{opacity:.5}50%{opacity:.95}}.hp-portrait .hid-sprite{animation:hid-frame-x .4s steps(4) infinite,hid-frame-y 1.6s steps(4) infinite,hp-fade .5s ease both}.hp.is-paused .hp-motes i,.hp.is-paused .hp-book-glow,.hp.is-paused .hp-portrait .hid-sprite{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.hp[data-state=ready] .hp-top,.hp[data-state=ready] .hp-card,.hp[data-state=ready] .hp-share,.hp[data-state=ready] .hp-ribbon:not([hidden]),.hp[data-state=ready] .hp-chip:not(:empty):not([hidden]){animation:none}.hp-motes,.hp-video{display:none}.hp-book-glow{animation:none;opacity:.7;will-change:auto}.hp-portrait .hid-sprite{animation:none}.hp-go{transition:none}.hp-go:active,.hp-full:has(.hp-hit:active) .hp-go{transform:none}}.sg-row{position:relative;display:flex;align-items:stretch;justify-content:center;gap:8px;width:100%;direction:rtl}.sg-row *,.sg-row *:before,.sg-row *:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.sg-btn{flex:1 1 0;min-width:0;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 10px;border:0;border-radius:14px;font:inherit;font-size:clamp(13px,3.7vw,16px);font-weight:800;line-height:1.1;text-align:center;text-decoration:none;cursor:pointer;touch-action:manipulation;transition:transform .1s ease,box-shadow .1s ease,filter .12s ease}.sg-btn>span{min-width:0;overflow-wrap:anywhere}.sg-icon{flex:none;width:1.25em;height:1.25em}.sg-share{background:linear-gradient(#ffe9ad,#d9a94f);color:#2a1a06;box-shadow:0 3px #8a5f22,0 6px 12px #0006}.sg-wa{background:linear-gradient(#49e582,#22b45a);color:#052212;box-shadow:0 3px #11703a,0 6px 12px #0006}.sg-share:active,.sg-wa:active{transform:translateY(2px);box-shadow:0 1px #0006,0 3px 8px #0006}.sg-btn:focus-visible{outline:3px solid #fff3c4;outline-offset:2px}.sg-btn.is-tapped{animation:sg-tap .26s ease-out}@keyframes sg-tap{40%{filter:brightness(1.25)}}.sg-note{position:absolute;inset-inline:0;bottom:calc(100% + 8px);width:max-content;max-width:100%;margin:0 auto;padding:6px 14px;border:1px solid #d8b27a;border-radius:999px;background:#0b1d19ee;color:#f7ecd2;font-size:14px;font-weight:700;text-align:center;opacity:0;transform:translateY(4px);transition:opacity .18s ease,transform .18s ease;pointer-events:none;z-index:3}.sg-note.is-on{opacity:1;transform:none}.sg-note.is-manual{pointer-events:auto}.sg-link{display:inline-block;direction:ltr;user-select:all;-webkit-user-select:all;color:#ffe08a}@media(prefers-reduced-motion:reduce){.sg-btn,.sg-note{transition:none}.sg-btn.is-tapped{animation:none;filter:brightness(1.12)}.sg-share:active,.sg-wa:active,.sg-note{transform:none}}.hid-dialog{--hid-gold: #f1d58f;--hid-ink: #f7ecd2;--hid-deep: #0b1d19;box-sizing:border-box;width:min(calc(100vw - 24px),470px);max-width:none;max-height:calc(100dvh - 20px);margin:auto;padding:clamp(12px,2.6dvh,22px) clamp(14px,4vw,24px);overflow:hidden;border:2px solid #d8b27a;border-radius:22px;background:radial-gradient(120% 90% at 50% 0%,#1d4a41 0%,#0f2a25 55%,var(--hid-deep) 100%);color:var(--hid-ink);font-family:inherit;box-shadow:0 18px 50px #000a,inset 0 0 0 1px #ffffff14;animation:hid-in .26s ease-out both}.hid-dialog *,.hid-dialog *:before,.hid-dialog *:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.hid-dialog::backdrop{background:#030c0bb0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.hid-dialog.is-leaving{animation:hid-out .22s ease-in both}@keyframes hid-in{0%{opacity:0;transform:translateY(10px) scale(.97)}}@keyframes hid-out{to{opacity:0;transform:scale(.98)}}.hid-form{display:flex;flex-direction:column;gap:clamp(6px,1.4dvh,12px);transition:opacity .18s ease}.hid-head{display:flex;align-items:center;justify-content:center;position:relative;min-height:36px}.hid-title{margin:0;font-size:clamp(21px,5.6vw,28px);line-height:1.15;color:var(--hid-gold);text-align:center;text-shadow:0 2px 0 #0008}.hid-close{position:absolute;inset-inline-end:-4px;top:50%;transform:translateY(-50%);width:40px;height:40px;border:1px solid #d8b27a88;border-radius:50%;background:#0b1d19cc;color:var(--hid-ink);font-size:18px;cursor:pointer}.hid-heroes{display:grid;grid-template-columns:1fr 1fr;gap:clamp(8px,2.4vw,14px)}.hid-heroes.is-single{grid-template-columns:minmax(0,60%);justify-content:center}.hid-hero{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:6px 6px 8px;border:2px solid #9d865d77;border-radius:16px;background:radial-gradient(circle at 50% 40%,#24463d,#0b1d19 80%);color:#cdbd92;font:inherit;cursor:pointer;transition:transform .15s ease,border-color .15s ease,filter .15s ease,box-shadow .15s ease;filter:saturate(.55) brightness(.8)}.hid-hero:active{transform:scale(.97)}.hid-hero.is-picked{border-color:var(--hid-gold);color:var(--hid-ink);filter:none;transform:translateY(-3px);box-shadow:0 8px 18px #0009,0 0 0 2px #f1d58f44}.hid-hero:focus-visible,.hid-go:focus-visible,.hid-close:focus-visible{outline:3px solid #fff3c4;outline-offset:2px}.hid-hero-stage{position:relative;width:100%;height:clamp(84px,23dvh,186px);overflow:hidden}.hid-heroes.is-single .hid-hero-stage{height:clamp(78px,18dvh,150px)}.hid-hero-name{font-size:clamp(14px,3.8vw,17px)}.hid-sprite{position:absolute;left:50%;bottom:0;height:112%;aspect-ratio:416 / 408;transform:translate(-56%);background:var(--sheet) 0 0 / 400% 400% no-repeat;pointer-events:none}.hid-hero.is-picked .hid-sprite,.hid-cheer-hero .hid-sprite{animation:hid-frame-x .4s steps(4) infinite,hid-frame-y 1.6s steps(4) infinite}@keyframes hid-frame-x{to{background-position-x:133.333%}}@keyframes hid-frame-y{to{background-position-y:133.333%}}.hid-label{font-size:clamp(15px,4vw,18px);font-weight:700;text-align:center}.hid-input{width:100%;min-height:48px;padding:8px 14px;border:2px solid #d8b27a;border-radius:14px;background:#fbf3df;color:#2a1d0e;font:inherit;font-size:20px;font-weight:700;text-align:center}.hid-input:focus{outline:3px solid #fff3c4;outline-offset:1px}.hid-input.is-nudge{animation:hid-nudge .3s ease-out}@keyframes hid-nudge{25%{transform:translate(-4px)}60%{transform:translate(3px)}}.hid-note{margin:0;min-height:1.3em;font-size:clamp(12px,3.3vw,14px);color:#cdbd92;text-align:center}.hid-note.is-empty{color:#ffd9a0;font-weight:700}.hid-go{min-height:50px;border:0;border-radius:16px;cursor:pointer;background:linear-gradient(#ffe6a0,#d9a94f);color:#2a1a06;font:inherit;font-size:clamp(18px,4.8vw,21px);font-weight:800;box-shadow:0 4px #8a5f22,0 8px 16px #0007;transition:transform .1s ease,box-shadow .1s ease}.hid-go:active{transform:translateY(3px);box-shadow:0 1px #8a5f22,0 4px 10px #0007}.hid-dialog.is-cheering .hid-form{opacity:0;visibility:hidden}.hid-cheer{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,2dvh,16px);padding:16px;cursor:pointer}.hid-cheer-hero{position:relative;width:min(56%,220px);height:clamp(110px,30dvh,230px);animation:hid-hop .42s ease-out .16s both}@keyframes hid-hop{45%{transform:translateY(-14px)}}.hid-plate{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;max-width:100%;padding:10px 22px 8px;border-radius:16px;background:linear-gradient(#ffe9ad,#d9a94f);color:#2a1a06;box-shadow:0 5px #8a5f22,0 12px 26px #000a;animation:hid-stamp .3s cubic-bezier(.2,1.4,.4,1) both}@keyframes hid-stamp{0%{opacity:0;transform:scale(1.35)}}.hid-plate-name{font-size:clamp(26px,8vw,40px);font-weight:900;line-height:1.1;overflow-wrap:anywhere;text-align:center}.hid-plate-line{font-size:clamp(13px,3.4vw,15px);font-weight:700;color:#5a3a10}.hid-burst{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none;--reach: clamp(70px, 22vw, 120px)}.hid-burst i{position:absolute;color:#ffe08a;font-size:clamp(14px,3.6vw,22px);font-style:normal;text-shadow:0 0 6px #ffb84a;opacity:0;animation:hid-star 1.1s ease-out .12s both}.hid-burst i:nth-child(1){--dx: 0;--dy: -1}.hid-burst i:nth-child(2){--dx: .7;--dy: -.7}.hid-burst i:nth-child(3){--dx: 1;--dy: 0}.hid-burst i:nth-child(4){--dx: .7;--dy: .7}.hid-burst i:nth-child(5){--dx: 0;--dy: 1}.hid-burst i:nth-child(6){--dx: -.7;--dy: .7}.hid-burst i:nth-child(7){--dx: -1;--dy: 0}.hid-burst i:nth-child(8){--dx: -.7;--dy: -.7}@keyframes hid-star{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}25%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--dx) * var(--reach)),calc(-50% + var(--dy) * var(--reach) * .6)) scale(1.1)}}.hid-dialog.is-rename .hid-burst{display:none}.hid-dialog.is-rename .hid-cheer-hero{animation:none}@media(max-height:600px){.hid-hero-stage{height:clamp(76px,20dvh,120px)}.hid-title{font-size:20px}}.hid-dialog.is-reduced,.hid-dialog.is-reduced.is-leaving,.hid-dialog.is-reduced .hid-cheer-hero,.hid-dialog.is-reduced .hid-input.is-nudge,.hid-dialog.is-reduced .hid-hero.is-picked .hid-sprite,.hid-dialog.is-reduced .hid-cheer-hero .hid-sprite{animation:none}.hid-dialog.is-reduced .hid-plate{animation:hid-fade .2s ease-out both}.hid-dialog.is-reduced .hid-burst{display:none}.hid-dialog.is-reduced .hid-hero,.hid-dialog.is-reduced .hid-hero.is-picked{transform:none;transition:none}@keyframes hid-fade{0%{opacity:0}}@media(prefers-reduced-motion:reduce){.hid-dialog,.hid-dialog.is-leaving,.hid-cheer-hero,.hid-input.is-nudge,.hid-hero.is-picked .hid-sprite,.hid-cheer-hero .hid-sprite{animation:none}.hid-plate{animation:hid-fade .2s ease-out both}.hid-burst{display:none}.hid-hero,.hid-hero.is-picked{transform:none;transition:none}}.hp-top{position:relative}.hpl-open{position:absolute;inset-inline-start:0;top:50%;translate:0 -50%;display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 5px;padding-inline-end:10px;border:1px solid #d8b27a88;border-radius:999px;background:#0b1d19cc;color:var(--ink, #fff1cf);font:800 14px/1 Heebo,Arial,sans-serif;cursor:pointer;transition:transform .1s ease,background .15s ease}.hpl-open[hidden]{display:none}.hpl-open:active{transform:scale(.95);background:#16362f}.hpl-open:focus-visible,.hpl-dialog button:focus-visible{outline:3px solid #fff3c4;outline-offset:2px}.hpl-open .hpl-face{--f: 30px;border-width:1.5px}.hpl-open-text{display:none}.hpl-open:after{content:"";width:7px;height:7px;margin-inline-start:1px;border:solid #f1d58f;border-width:0 2px 2px 0;rotate:45deg;translate:0 -2px}@media(min-width:400px){.hpl-open-text{display:inline}.hpl-open:after{display:none}}.hpl-face{--f: 46px;position:relative;flex:none;width:var(--f);height:var(--f);overflow:hidden;border-radius:50%;border:2px solid #d8b27a;background:radial-gradient(circle at 50% 40%,#2a5a4f,#0b1d19 85%)}.hpl-face .hid-sprite{top:-22%;bottom:auto;height:190%;transform:translate(-61%);animation:hpl-face-in .25s ease-out both}@keyframes hpl-face-in{0%{opacity:0}}.hpl-dialog{--gold: #f1d58f;--ink: #f7ecd2;--deep: #0b1d19;box-sizing:border-box;width:min(calc(100vw - 20px),440px);max-width:none;max-height:calc(100dvh - 16px);margin:auto;padding:clamp(10px,2.2dvh,18px) clamp(12px,3.6vw,20px);overflow:hidden;border:2px solid #d8b27a;border-radius:22px;color:var(--ink);font-family:Heebo,Arial,sans-serif;background:radial-gradient(120% 90% at 50% 0%,#1d4a41 0%,#0f2a25 55%,var(--deep) 100%);box-shadow:0 18px 50px #000a,inset 0 0 0 1px #ffffff14;animation:hpl-in .24s ease-out both}.hpl-dialog[open]{display:flex;flex-direction:column;gap:clamp(6px,1.4dvh,10px)}.hpl-dialog *,.hpl-dialog *:before,.hpl-dialog *:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.hpl-dialog::backdrop{background:#030c0bb0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@keyframes hpl-in{0%{opacity:0;transform:translateY(10px) scale(.97)}}@media(min-width:640px)and (min-aspect-ratio:1/1){.hpl-dialog{width:min(calc(100vw - 24px),860px)}}.hpl-head{position:relative;display:flex;align-items:center;justify-content:center;min-height:40px}.hpl-title{margin:0;color:var(--gold);font-size:clamp(20px,5.4vw,26px);line-height:1.15;text-shadow:0 2px 0 #0008}.hpl-close{position:absolute;inset-inline-end:-4px;top:50%;translate:0 -50%;width:40px;height:40px;border:1px solid #d8b27a88;border-radius:50%;background:#0b1d19cc;color:var(--ink);font-size:18px;cursor:pointer}.hpl-close:active{transform:scale(.92)}.hpl-body{min-height:0}.hpl-list-view,.hpl-confirm{display:flex;flex-direction:column}.hpl-list{display:grid;gap:clamp(6px,1.3dvh,10px)}@media(min-width:640px)and (min-aspect-ratio:1/1){.hpl-list{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}}.hpl-card{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"pick more" "menu menu";align-items:stretch;border:2px solid #9d865d77;border-radius:16px;background:radial-gradient(circle at 50% 40%,#24463d,#0b1d19 80%);transition:border-color .15s ease,box-shadow .15s ease,transform .12s ease}.hpl-card.is-active{border-color:var(--gold);box-shadow:0 6px 14px #0008,0 0 0 2px #f1d58f44}.hpl-card.is-picked{animation:hpl-press .22s ease-out;border-color:#fff3c4}.hpl-card.is-new{animation:hpl-pop .34s cubic-bezier(.2,.9,.3,1.2) both}.hpl-card.is-leaving{animation:hpl-out .28s ease-in both;pointer-events:none}@keyframes hpl-pop{0%{opacity:0;transform:scale(.88)}}@keyframes hpl-out{to{opacity:0;transform:scale(.94)}}@keyframes hpl-press{40%{transform:scale(.97)}}.hpl-pick{grid-area:pick;display:flex;align-items:center;gap:10px;min-width:0;min-height:clamp(58px,9dvh,68px);padding:7px 10px;border:0;border-radius:14px;background:none;color:inherit;font:inherit;text-align:start;cursor:pointer;transition:transform .1s ease,background .15s ease}.hpl-pick:active{transform:scale(.98);background:#ffffff10}.hpl-text{display:flex;flex:1;flex-direction:column;gap:1px;min-width:0}.hpl-row{display:flex;align-items:center;gap:6px;min-width:0}.hpl-name{min-width:0;overflow:hidden;color:#fff;font-size:clamp(16px,4.4vw,19px);font-weight:900;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.hpl-progress{min-height:1.25em;color:var(--gold);font-size:clamp(12.5px,3.4vw,14px);font-weight:700;line-height:1.25;overflow-wrap:anywhere}.hpl-last{color:#cdbd92;font-size:12px;line-height:1.2}.hpl-badge{flex:none;padding:2px 9px 3px;border-radius:999px;background:linear-gradient(#ffe9ad,#e2b458);color:#2a1a06;font-size:12px;font-style:normal;font-weight:900;box-shadow:0 2px #8a5f22}.hpl-more{grid-area:more;width:46px;border:0;border-radius:14px;background:none;color:var(--ink);font-size:24px;line-height:1;cursor:pointer}.hpl-more:active{background:#ffffff14}.hpl-menu{grid-area:menu;display:flex;gap:8px;padding:0 8px 8px}.hpl-menu[hidden]{display:none}.hpl-menu-item{flex:1;min-height:44px;padding:0 6px;border:1px solid #d8b27a88;border-radius:12px;background:#0b1d19cc;color:var(--ink);font:800 14px/1.15 inherit;cursor:pointer;transition:transform .1s ease,background .15s ease}.hpl-menu-item:active{transform:scale(.96);background:#16362f}.hpl-menu-item.is-danger{border-color:#d86a5a;color:#ffd9d3}.hpl-add{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;margin-top:clamp(6px,1.3dvh,10px);border:2px dashed #d8b27a;border-radius:16px;background:#0b1d19aa;color:var(--gold);font:800 18px/1 inherit;cursor:pointer;transition:transform .1s ease,background .15s ease}.hpl-add:active{transform:scale(.98);background:#16362f}.hpl-add.is-new{animation:hpl-pop .34s ease-out both}.hpl-add-plus{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--gold);color:#2a1a06;font-size:20px;font-weight:900;line-height:1}.hpl-note{margin:8px 0 0;color:#ffd0c8;font-size:14px;text-align:center}.hpl-confirm{gap:clamp(8px,1.8dvh,14px);text-align:center}.hpl-ask{margin:0;color:var(--gold);font-size:clamp(20px,5.4vw,26px);line-height:1.2;text-shadow:0 2px 0 #0008}.hpl-ask bdi{color:#fff}.hpl-ask-line{margin:0;color:var(--ink);font-size:clamp(14px,3.8vw,17px);line-height:1.35}.hpl-keep{min-height:clamp(54px,9dvh,64px);border:0;border-radius:18px;background:linear-gradient(#ffe6a0,#d9a94f);color:#2a1a06;font:900 clamp(20px,5.4vw,24px)/1 inherit;cursor:pointer;box-shadow:0 4px #8a5f22,0 8px 16px #0007;transition:transform .1s ease,box-shadow .1s ease}.hpl-keep:active{transform:translateY(3px);box-shadow:0 1px #8a5f22,0 4px 10px #0007}.hpl-hold{--hold: 0;position:relative;display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 14px;overflow:hidden;border:2px solid #d86a5a;border-radius:16px;background:#3a1512;color:#ffe1dc;font:inherit;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.hpl-hold:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:calc(var(--hold) * 100%);background:#b9382b}.hpl-hold>*{position:relative}.hpl-hold.is-restart{border-color:#e0a04e;background:#3a2a10;color:#ffefd0}.hpl-hold.is-restart:before{background:#b9772b}.hpl-hold.is-holding{transform:scale(.985)}.hpl-hold.is-done{border-color:#fff3c4}.hpl-hold-text{display:flex;flex-direction:column;align-items:center;gap:2px;line-height:1.1}.hpl-hold-text strong{font-size:clamp(17px,4.6vw,20px);font-weight:900}.hpl-hold-text small{font-size:12.5px;font-weight:600;opacity:.9}.hpl-ring{flex:none;width:34px;height:34px;rotate:-90deg}.hpl-ring circle{fill:none;stroke-width:5}.hpl-ring-track{stroke:#ffffff40}.hpl-ring-fill{stroke:#fff;stroke-dasharray:100;stroke-dashoffset:100;stroke-linecap:round}@media(max-height:460px){.hpl-title,.hpl-ask{font-size:19px}.hpl-pick{min-height:54px;padding-block:5px}.hpl-keep,.hpl-hold{min-height:48px}.hpl-ask-line{font-size:14px}}@media(prefers-reduced-motion:reduce){.hpl-dialog,.hpl-card.is-new,.hpl-add.is-new{animation:hpl-fade-in .2s ease-out both}.hpl-card.is-leaving{animation:hpl-fade-out .2s ease-in both}.hpl-card.is-picked,.hpl-face .hid-sprite{animation:none}.hpl-open,.hpl-pick,.hpl-card,.hpl-menu-item,.hpl-add,.hpl-keep{transition:none}.hpl-open:active,.hpl-pick:active,.hpl-menu-item:active,.hpl-add:active,.hpl-keep:active,.hpl-hold.is-holding{transform:none}}@keyframes hpl-fade-in{0%{opacity:0}}@keyframes hpl-fade-out{to{opacity:0}}.stage-curtain{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;background:transparent;overflow:hidden;color:#fff4d6;z-index:2147483000}.stage-curtain::backdrop{background:transparent}.stage-curtain-half{position:absolute;top:0;bottom:0;width:50.2%;overflow:hidden;will-change:transform}.stage-curtain-half--left{left:0;transform-origin:left center}.stage-curtain-half--right{right:0;transform-origin:right center}.stage-curtain-half i{position:absolute;top:0;bottom:0;width:199.2%;background:#5a0d12 url(../assets/stage-curtain-wide.webp) center/cover no-repeat}.stage-curtain-half--left i{left:0}.stage-curtain-half--right i{right:0}@media(orientation:portrait){.stage-curtain-half i{background-image:url(../assets/stage-curtain-tall.webp)}}.stage-curtain-center{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:clamp(14px,3vh,26px);padding-inline:16px;text-align:center;pointer-events:none;transition:opacity .35s ease-out,transform .35s ease-out}.stage-curtain-center h1{margin:0;font-size:clamp(34px,7vw,76px);font-weight:900;line-height:1.05;color:#ffe29a;text-shadow:0 3px 0 #7a4a12,0 6px 18px #000c,0 0 34px #ffbf4a66;text-wrap:balance}.stage-curtain-open{pointer-events:auto;min-height:56px;padding:12px 30px;border:2px solid #ffe6a0;border-radius:999px;background:linear-gradient(180deg,#fff0bd,#e9b654);color:#3b2308;font:800 clamp(18px,3.4vw,26px)/1.2 inherit;box-shadow:0 5px #8a5a1c,0 10px 30px #000b,0 0 26px #ffcf6a55;cursor:pointer}.stage-curtain-open:disabled{background:#3a1216cc;border-color:#c79a55;color:#f3dcae;box-shadow:0 6px 24px #000a;cursor:progress}.stage-curtain-open:focus-visible{outline:3px solid #b4ffe3;outline-offset:4px}.stage-curtain.is-ready{cursor:pointer}.stage-curtain.is-ready .stage-curtain-open{animation:stage-curtain-call 1.8s ease-in-out infinite}.stage-curtain.is-speaking .stage-curtain-open{opacity:0;transform:scale(.9);transition:opacity .3s,transform .3s;animation:none}.stage-curtain.is-speaking .stage-curtain-half--left{animation:stage-curtain-stir-left 1.6s ease-in-out infinite}.stage-curtain.is-speaking .stage-curtain-half--right{animation:stage-curtain-stir-right 1.6s ease-in-out infinite}.stage-curtain.is-opening{pointer-events:none}.stage-curtain.is-opening .stage-curtain-center{opacity:0;transform:scale(.94)}.stage-curtain.is-opening .stage-curtain-half--left{animation:stage-curtain-part-left 1.4s cubic-bezier(.55,.05,.35,1) forwards}.stage-curtain.is-opening .stage-curtain-half--right{animation:stage-curtain-part-right 1.4s cubic-bezier(.55,.05,.35,1) forwards}.stage-curtain.is-fading{opacity:0;transition:opacity .35s ease-out}@keyframes stage-curtain-call{0%,to{transform:scale(1);box-shadow:0 5px #8a5a1c,0 10px 30px #000b,0 0 20px #ffcf6a44}50%{transform:scale(1.05);box-shadow:0 5px #8a5a1c,0 10px 30px #000b,0 0 38px #ffcf6aaa}}@keyframes stage-curtain-part-left{0%{transform:none}to{transform:translate(-86%) scaleX(.62)}}@keyframes stage-curtain-part-right{0%{transform:none}to{transform:translate(86%) scaleX(.62)}}@keyframes stage-curtain-stir-left{0%,to{transform:none}50%{transform:translate(-1.2%) scaleX(.985)}}@keyframes stage-curtain-stir-right{0%,to{transform:none}50%{transform:translate(1.2%) scaleX(.985)}}@media(prefers-reduced-motion:reduce){.stage-curtain.is-speaking .stage-curtain-half{animation:none}.stage-curtain-center{transition:none}.stage-curtain.is-ready .stage-curtain-open{animation:none}}