@font-face{font-family:Fredoka;src:url(/fonts/Fredoka.ttf) format("truetype");font-weight:300 700;font-display:swap}:root{--paper: #fbf6ec;--paper-2: #f1e8d8;--ink: #2a2a2a;--muted: #857c6f;--show: #f3c623;--sky: #bfe3ff;--grass: #7cc85c;font-family:Fredoka,Nunito,Trebuchet MS,system-ui,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:radial-gradient(circle at 1.5px 1.5px,rgba(42,42,42,.06) 1.5px,transparent 0) 0 0 / 22px 22px,linear-gradient(180deg,var(--paper) 0%,var(--paper-2) 100%);overflow:hidden}button{font:inherit;color:inherit}img{display:block}.logo{display:inline-flex;align-items:flex-end;gap:.35em;line-height:1}.logo-rods{display:inline-flex;align-items:flex-end;gap:.08em}.logo-rods i{display:block;width:.34em;border-radius:.08em;border:.045em solid var(--ink);box-shadow:.05em .06em #2a2a2a40}.logo-word{font-weight:700;letter-spacing:-.02em;font-size:1em}.home{height:100%;padding:4vh 5vw 0;display:flex;flex-direction:column;gap:3vh}.masthead{display:flex;align-items:center;justify-content:space-between}.masthead .logo{font-size:6.5vh}.rows{flex:1;overflow-y:auto;overflow-x:visible;scrollbar-width:none;display:flex;flex-direction:column;gap:3vh;padding:0 2.5vw 8vh;margin:0 -2.5vw;mask-image:linear-gradient(180deg,#000 90%,transparent)}.show-row{opacity:.72;transition:opacity .2s}.show-row.active{opacity:1}.show-row h2{display:flex;align-items:center;gap:1.5vw;margin:0 0 1.6vh;font-weight:600}.show-pill{background:var(--show);color:var(--ink);border-radius:999px;padding:.5vh 1.6vw;font-size:3.2vh;font-weight:700;box-shadow:0 .4vh #2a2a2a2e}.show-tag{font-size:2.3vh;color:var(--muted);font-weight:400}.cards{display:flex;gap:2.2vw;overflow-x:auto;padding:2vh 2.5vw 3vh;margin:0 -2.5vw;scrollbar-width:none}.card{flex:0 0 22vw;border:0;padding:0;background:transparent;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:1vh;transition:transform .16s cubic-bezier(.2,.8,.2,1)}.poster{position:relative;display:block;width:100%;aspect-ratio:16 / 9;border-radius:2vh;overflow:hidden;background:var(--show);border:.45vh solid #fff;box-shadow:0 .8vh 1.6vh #2a2a2a2e;transition:box-shadow .16s,outline-color .16s;outline:.7vh solid transparent;outline-offset:.3vh}.poster img{width:100%;height:100%;object-fit:cover}.chip{position:absolute;left:1.2vw;top:1.4vh;background:var(--ink);color:#fff;font-size:1.8vh;font-weight:600;padding:.4vh 1vw;border-radius:999px}.card-title{font-size:2.8vh;font-weight:600;padding-left:.4vw}.card-meta{font-size:2vh;color:var(--muted);padding-left:.4vw;margin-top:-.6vh}.card.focused{transform:scale(1.07)}.card.focused .poster{outline-color:var(--ink);box-shadow:0 1.6vh 3vh #2a2a2a47}.pair{display:flex;gap:1.2vw;align-items:center;background:#fff;border-radius:2vh;padding:1.2vh 1.4vw;box-shadow:0 .6vh 1.4vh #2a2a2a24}.pair img{width:10vh;height:10vh;image-rendering:pixelated;border-radius:.8vh}.pair-text{display:flex;flex-direction:column;gap:.2vh}.pair-label{font-size:1.9vh;color:var(--muted)}.pair-code{font-size:4vh;font-weight:700;letter-spacing:.18em}.pair-url{font-size:1.7vh;color:var(--muted)}.pair.paired{font-size:2.2vh;font-weight:600;gap:.8vw}.pair .dot{width:1.4vh;height:1.4vh;border-radius:50%;background:#3fbf5f;box-shadow:0 0 0 .4vh #3fbf5f40}.player{position:relative;height:100%;background:#000}.player video{width:100%;height:100%;object-fit:contain;display:block}.overlay{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .25s;display:flex;flex-direction:column;justify-content:space-between}.player.ui .overlay{opacity:1}.overlay-top{padding:3vh 4vw;display:flex;justify-content:space-between;align-items:flex-start;background:linear-gradient(180deg,rgba(0,0,0,.45),transparent)}.np{background:#fff;border-radius:2vh;padding:1.2vh 1.8vw;border-left:1.2vh solid var(--show);box-shadow:0 .6vh 1.4vh #00000040}.np-show{display:block;font-size:2vh;color:var(--muted)}.np-title{display:block;font-size:3.4vh;font-weight:600}.paused-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:14vh;height:14vh;border-radius:50%;background:#ffffffeb;display:flex;align-items:center;justify-content:center;font-size:4.5vh;color:var(--ink);box-shadow:0 1vh 3vh #00000059}.overlay-bottom{padding:0 4vw 3vh;background:linear-gradient(0deg,rgba(0,0,0,.45),transparent);padding-top:6vh}.bar{height:1vh;border-radius:999px;background:#ffffff59;overflow:hidden}.bar-fill{height:100%;background:var(--show);border-radius:999px}.rod{position:relative;border-radius:.3em;border:.12em solid rgba(42,42,42,.55);display:flex;flex-direction:column;justify-content:space-between;align-items:center;box-shadow:.15em .2em #2a2a2a2e}.rod-face{display:flex;gap:18%;width:100%;justify-content:center;padding-top:10%;font-size:1.1em;line-height:1}.rod-n{font-weight:700;padding-bottom:8%;font-size:1em}.ask{position:absolute;inset:0;background:#14141480;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center}.ask-card{background:var(--paper);border-radius:3vh;padding:4vh 4vw;display:flex;flex-direction:column;align-items:center;gap:3.5vh;box-shadow:0 2vh 5vh #00000059;min-width:56vw;animation:pop .22s cubic-bezier(.2,.9,.3,1.3)}.ask-prompt{font-size:5.2vh;font-weight:600;text-align:center}.ask.right .ask-card{background:#dff5d8}.ask.wrong .ask-card{animation:shake .3s}.ask-options{display:flex;gap:4vw;align-items:flex-end}.ask-opt{background:#fff;border:0;border-radius:2.4vh;padding:3vh 3vw;display:flex;align-items:flex-end;justify-content:center;min-height:36vh;min-width:14vw;cursor:pointer;outline:.8vh solid transparent;outline-offset:.4vh;transition:transform .14s,outline-color .14s;font-size:3vh;box-shadow:0 .8vh 1.6vh #2a2a2a1f}.ask-opt.focused{outline-color:var(--ink);transform:scale(1.06)}.ask-opt.win{background:#bfe9b3;transform:scale(1.12)}.ask-hint{color:var(--muted);font-size:2.2vh}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-1vw)}75%{transform:translate(1vw)}}@keyframes pop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.ctl{min-height:100%;padding:16px;padding-bottom:calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px;max-width:520px;margin:0 auto}body:has(.ctl){overflow:auto}.ctl header{display:flex;justify-content:space-between;align-items:center;padding:4px 2px}.ctl-status{font-size:13px;font-weight:500;padding:5px 10px;border-radius:999px;background:#e9e2d4;display:flex;align-items:center;gap:6px}.ctl-status:before{content:"";width:8px;height:8px;border-radius:50%;background:#b0a898}.ctl-status.on{background:#dff5d8}.ctl-status.on:before{background:#3fbf5f}.ctl-status.wait{background:#fbe9b7}.ctl-status.wait:before{background:#e0a400}.ctl-np{background:#fff;border-radius:18px;padding:16px;box-shadow:0 4px 14px #2a2a2a14}.ctl-show{font-size:13px;color:var(--muted)}.ctl-title{font-size:22px;font-weight:600}.ctl-title.muted{color:var(--muted);font-weight:500}.ctl-time{font-size:13px;color:var(--muted);margin:6px 0}.ctl-np progress{width:100%;height:6px;accent-color:var(--ink);border-radius:999px}.ctl-pad{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:10px}.ctl-pad button{height:60px;border:0;border-radius:16px;background:#fff;font-size:16px;font-weight:600;box-shadow:0 4px 14px #2a2a2a14}.ctl-pad button.big{height:92px;font-size:30px;background:var(--ink);color:var(--paper)}.ctl-pad button:active{transform:scale(.97)}.ctl-pad button:disabled{opacity:.4}.ctl-list{display:flex;flex-direction:column;gap:10px}.ctl-ep{display:flex;align-items:center;gap:12px;border:0;border-radius:16px;padding:8px;background:#fff;text-align:left;box-shadow:0 4px 14px #2a2a2a14}.ctl-ep img{width:96px;aspect-ratio:16/9;object-fit:cover;border-radius:10px;background:var(--show)}.ctl-ep-text{display:flex;flex-direction:column;font-size:17px;font-weight:600}.ctl-ep-show{font-size:12px;color:var(--muted);font-weight:500}.ctl-ep.now{outline:3px solid var(--ink)}.ctl-ep:disabled{opacity:.5}.ctl-ask{background:var(--ink);color:var(--paper);border-radius:18px;padding:16px;animation:pop .22s cubic-bezier(.2,.9,.3,1.3)}.ctl-ask.right{background:#2e7d32}.ctl-ask.wrong{background:#b3402b;animation:shake .3s}.ctl-ask-prompt{font-size:21px;font-weight:600;margin-bottom:12px;text-align:center}.ctl-ask-options{display:flex;gap:12px;justify-content:space-around;align-items:flex-end}.ctl-ask-opt{background:var(--paper);color:var(--ink);border:0;border-radius:16px;padding:14px 18px;display:flex;align-items:flex-end;min-height:96px;font-size:22px;font-weight:600;flex:1;justify-content:center}.ctl-ask-opt:active{transform:scale(.96)}.ctl-ask-opt:disabled{opacity:.6}