:root{--ink:#1b1033;--stage1:#3a1f8f;--stage2:#160a45;--cream:#fff8e7;--yellow:#ffd60a;--orange:#ff8c1a;--pink:#ff5d8f;--red:#ff3b5c;--blue:#3fa7ff;--green:#3ddc97;--purple:#9b5de5;--sky:#c7ecff;--text:#fff;--muted:#c9bdf5;--pop:cubic-bezier(.2, 1.6, .4, 1);--title:"Black Han Sans", "Noto Sans KR", sans-serif;--body:"Jua", "Noto Sans KR", sans-serif;--line:4px solid var(--ink);--drop:0 6px 0 var(--ink)}*{box-sizing:border-box}html,body{min-height:100%;color:var(--text);font-family:var(--body);-webkit-tap-highlight-color:transparent;margin:0;overflow-x:hidden}body{background-color:var(--stage2);background-image:radial-gradient(#ffffff12 2px, transparent 2.5px), repeating-conic-gradient(from 0deg at 50% 38%, #ffffff0b 0deg 9deg, transparent 9deg 18deg), radial-gradient(120% 90% at 50% 30%, var(--stage1), var(--stage2) 70%);background-size:22px 22px,100% 100%,100% 100%;background-attachment:fixed}#fx{pointer-events:none;z-index:80;width:100vw;height:100vh;position:fixed;inset:0}button{font-family:var(--body);cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{cursor:not-allowed}input{font-family:var(--body)}.title{font-family:var(--title);color:var(--yellow);letter-spacing:-.5px;-webkit-text-stroke:.16em var(--ink);paint-order:stroke fill;text-shadow:0 .09em 0 var(--ink);margin:0;font-weight:400;line-height:1.05}.title.white{color:#fff}.title.pink{color:var(--pink)}.card{background:var(--cream);color:var(--ink);border:var(--line);box-shadow:var(--drop);border-radius:24px;position:relative}.card.dark{color:#fff;background:#2a1a6b}.card.sky{background:var(--sky)}.card.yellow{background:#fff1a8}.btn{font-family:var(--title);border:var(--line);background:var(--yellow);color:var(--ink);box-shadow:0 6px 0 var(--ink), inset 0 -6px 0 #00000024, inset 0 4px 0 #ffffff8c;white-space:nowrap;border-radius:18px;padding:12px 22px;font-size:22px;transition:transform 80ms,box-shadow 80ms,filter .15s}.btn:hover:not(:disabled){filter:brightness(1.06);box-shadow:0 8px 0 var(--ink), inset 0 -6px 0 #00000024, inset 0 4px 0 #ffffff8c;transform:translateY(-2px)}.btn:active:not(:disabled){box-shadow:0 1px 0 var(--ink), inset 0 -3px 0 #00000024;transform:translateY(5px)}.btn:disabled{filter:grayscale(.9)brightness(.85)}.btn.pink{background:var(--pink);color:#fff}.btn.blue{background:var(--blue);color:#fff}.btn.green{background:var(--green)}.btn.white{background:#fff}.btn.red{background:var(--red);color:#fff}.btn.big{border-radius:22px;padding:16px 36px;font-size:32px}.btn.small{box-shadow:0 4px 0 var(--ink);border-radius:14px;padding:7px 14px;font-size:17px}.chip{color:var(--ink);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:18px;display:inline-flex}.ribbon{font-family:var(--title);color:#fff;background:var(--pink);border:var(--line);box-shadow:var(--drop);padding:8px 34px;font-size:28px;display:inline-block;position:relative;transform:rotate(-2deg)skew(-8deg)}.ribbon>span{display:inline-block;transform:skew(8deg)}.ribbon.blue{background:var(--blue)}.ribbon.green{background:var(--green);color:var(--ink)}.ribbon.yellow{background:var(--yellow);color:var(--ink)}.muted{color:var(--muted)}.card .muted{color:#6b5f8f}.row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.spacer{flex:1}.pop-in{animation:popIn .5s var(--pop) both}@keyframes popIn{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes bob{50%{transform:translateY(-6px)rotate(-2deg)}}@keyframes pulse{50%{transform:scale(1.07)}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)rotate(3deg)}}@keyframes wiggle{25%{transform:rotate(-6deg)}75%{transform:rotate(6deg)}}.shake{animation:.35s shake}.shake-strong{animation:.6s steps(12,end) shake}@keyframes shake{10%,90%{transform:translate(-3px,1px)}20%,80%{transform:translate(5px,-2px)}30%,50%,70%{transform:translate(-7px,2px)}40%,60%{transform:translate(7px,-1px)}}.monster{display:block;overflow:visible}.monster.mood-idle{animation:2.6s ease-in-out infinite bob}.monster.mood-happy,.monster.mood-win{animation:.6s ease-in-out infinite hop}.monster.mood-hurt{animation:.45s hurt}.monster.mood-ko{filter:saturate(.3)brightness(.85);transform:rotate(12deg)translateY(6px)}@keyframes hop{50%{transform:translateY(-10px)scale(1.04,.96)}}@keyframes hurt{25%{filter:brightness(1.8)saturate(2);transform:translate(-10px)rotate(-10deg)}60%{transform:translate(8px)rotate(6deg)}}.modal-back{z-index:70;background:#0a041eb8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{text-align:center;width:min(480px,100%);animation:popIn .35s var(--pop);padding:26px}.modal h3{font-family:var(--title);margin:0 0 8px;font-size:30px;font-weight:400}.modal p{margin:0 0 20px;font-size:19px}.modal .row{justify-content:center}.setup{max-width:1120px;margin:0 auto;padding:20px 16px 90px}.setup-top{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.hero{text-align:center;margin:6px 0 26px}.hero-monsters{justify-content:center;align-items:flex-end;gap:8px;margin-bottom:-6px;display:flex}.hero .title{font-size:clamp(48px,8vw,88px)}.hero .ribbon{margin-top:10px;font-size:20px}.setup section{margin-bottom:26px;padding:22px}.sec-head{align-items:center;gap:12px;margin:-42px 0 16px -6px;display:flex}.sec-head .ribbon{padding:6px 22px;font-size:22px}.sec-head .tools{gap:8px;margin-left:auto;display:flex}.field{border:var(--line);width:100%;color:var(--ink);background:#fff;border-radius:16px;outline:none;padding:14px 18px;font-size:22px;box-shadow:inset 0 4px #00000014}.field:focus{box-shadow:0 0 0 4px var(--yellow), inset 0 4px 0 #00000014}.school-list{border:3px solid var(--ink);background:#fff;border-radius:16px;max-height:280px;margin-top:10px;overflow:auto}.school-item{text-align:left;width:100%;color:var(--ink);border-bottom:2px dashed #e3dcf5;justify-content:space-between;gap:12px;padding:12px 16px;font-size:20px;display:flex}.school-item:hover{background:#fff1a8}.school-item .addr{color:#6b5f8f;font-size:16px}.school-picked{border:3px solid var(--ink);background:#fff1a8;border-radius:18px;align-items:center;gap:14px;padding:12px 16px;font-size:26px;display:flex}.school-picked .addr{color:#6b5f8f;font-size:16px}.label{color:#6b5f8f;min-width:56px;font-size:19px}.pills{flex-wrap:wrap;gap:8px;display:flex}.pill{color:var(--ink);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);transition:transform .15s var(--pop);background:#fff;border-radius:999px;padding:8px 16px;font-size:19px}.pill:hover{transform:translateY(-2px)}.pill.on{background:var(--yellow);transform:translateY(-2px)rotate(-2deg)}.units{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;display:grid}.unit-wrap{position:relative}.unit{text-align:left;border:3px solid var(--ink);width:100%;box-shadow:0 4px 0 var(--ink);color:var(--ink);transition:transform .15s var(--pop), background .15s;background:#fff;border-radius:18px;padding:14px 16px 40px;font-size:21px}.unit small{color:#6b5f8f;margin-bottom:2px;font-size:14px;display:block}.unit.on{background:var(--green);transform:rotate(-1.5deg)}.unit.on:after{content:"✔";background:var(--yellow);border:3px solid var(--ink);border-radius:50%;place-items:center;width:34px;height:34px;font-size:18px;display:grid;position:absolute;top:-10px;right:-8px}.unit-wrap .peek{border:2px solid var(--ink);background:var(--sky);color:var(--ink);border-radius:999px;padding:3px 10px;font-size:14px;position:absolute;bottom:10px;left:14px}.modes{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.mode{border:var(--line);box-shadow:var(--drop);text-align:center;color:var(--ink);transition:transform .2s var(--pop);background:#fff;border-radius:22px;padding:16px 12px}.mode .icons{justify-content:center;align-items:flex-end;gap:2px;height:70px;display:flex}.mode b{font-family:var(--title);margin:8px 0 2px;font-size:26px;font-weight:400;display:block}.mode span.d{color:#6b5f8f;font-size:16px}.mode.on{background:var(--yellow);transform:translateY(-6px)rotate(-1deg)}.opts{flex-wrap:wrap;gap:12px 26px;margin-top:20px;display:flex}.stepper{border:3px solid var(--ink);background:#fff;border-radius:16px;align-items:center;gap:4px;padding:3px;display:inline-flex}.stepper button{background:var(--yellow);border:2px solid var(--ink);width:38px;height:38px;font-size:22px;font-family:var(--title);color:var(--ink);border-radius:11px}.stepper output{text-align:center;min-width:66px;font-size:22px;font-family:var(--title);color:var(--ink)}.go-bar{text-align:center;margin-top:30px}.tv{flex-direction:column;gap:18px;min-height:100vh;padding:18px 26px 100px;display:flex}.tv-top{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.tv-top .title{font-size:34px}.tv-top .info{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.stage-title{text-align:center}.stage-title .title{font-size:clamp(44px,5vw,76px)}.round-badge{margin-bottom:6px;display:inline-block}.host-dock{z-index:60;border:var(--line);width:fit-content;box-shadow:var(--drop);background:#2a1a6b;border-radius:24px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;max-width:calc(100vw - 24px);margin:0 auto;padding:10px 12px;display:flex;position:fixed;bottom:14px;left:0;right:0}.dock-sep{background:#fff3;border-radius:3px;align-self:stretch;width:3px}.icon-btn{width:52px;height:52px;color:var(--ink);border:var(--line);box-shadow:0 5px 0 var(--ink), inset 0 -5px 0 #0000001f, inset 0 4px 0 #fff9;background:#fff;border-radius:16px;place-items:center;transition:transform 80ms,background .15s;display:grid}.icon-btn:hover{background:var(--yellow)}.icon-btn.off{background:#d9d3ea}.icon-btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(4px)}.dock-label{color:#fff;text-align:center;margin-top:4px;font-size:12px}.tool{flex-direction:column;align-items:center;display:flex}.lobby{flex:1;grid-template-columns:minmax(300px,400px) 1fr;gap:26px;display:grid}.join-card{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:22px;display:flex;transform:rotate(-1deg)}.join-card .qr{border:var(--line);aspect-ratio:1;background:#fff;border-radius:18px;width:min(320px,100%);padding:12px}.join-card .qr img{width:100%;height:100%;image-rendering:pixelated;display:block}.room-code{font-family:var(--title);letter-spacing:8px;color:var(--pink);-webkit-text-stroke:10px var(--ink);paint-order:stroke fill;text-shadow:0 6px 0 var(--ink);font-size:76px;line-height:1}.url{color:#6b5f8f;word-break:break-all;font-size:15px}.roster{flex-direction:column;padding:22px;display:flex}.roster-head{justify-content:space-between;align-items:center;margin:-46px 0 14px;display:flex}.count-badge{font-family:var(--title);background:var(--yellow);border:var(--line);min-width:84px;height:84px;box-shadow:var(--drop);border-radius:50%;place-items:center;padding:0 10px;font-size:44px;display:grid;transform:rotate(8deg)}.avatars{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));align-content:start;gap:10px;display:grid}.avatar-card{border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);text-align:center;animation:popIn .5s var(--pop) both;background:#fff;border-radius:18px;padding:10px 4px 8px;position:relative}.avatar-card .monster{margin:0 auto}.avatar-card .nm{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:16px;overflow:hidden}.avatar-card.off{opacity:.45}.avatar-card .x{background:var(--red);color:#fff;border:2px solid var(--ink);opacity:0;border-radius:50%;width:28px;height:28px;font-size:13px;transition:opacity .15s;position:absolute;top:-10px;right:-8px}.avatar-card:hover .x{opacity:1}.bot-tag{font-size:13px;position:absolute;top:6px;left:8px}.empty{text-align:center;color:#6b5f8f;margin:auto;font-size:24px}.empty .monster{margin:0 auto 8px}.unit-strip{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.bracket{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:18px;display:grid}.vs-card{animation:slideUp .6s var(--pop) both;background:linear-gradient(105deg, #ffd1df 0 49.6%, var(--ink) 49.6% 50.4%, #c7ecff 50.4%);justify-content:space-around;align-items:center;padding:12px 10px;display:flex;overflow:hidden}.vs-card.multi{background:var(--cream)}.vs-card .side{text-align:center;flex:1;min-width:0}.vs-card .monster{margin:0 auto}.vs-card .nm{white-space:nowrap;text-overflow:ellipsis;font-size:18px;overflow:hidden}.vs{font-family:var(--title);color:var(--yellow);-webkit-text-stroke:7px var(--ink);paint-order:stroke fill;text-shadow:0 4px 0 var(--ink);z-index:1;font-size:40px;animation:.9s infinite pulse;transform:rotate(-8deg)}.byes{text-align:center}.timer{font-family:var(--title);text-align:center;min-width:120px;color:var(--ink);border:var(--line);box-shadow:var(--drop);background:#fff;border-radius:20px;padding:2px 18px;font-size:54px}.timer.danger{background:var(--red);color:#fff;animation:.5s infinite pulse}.timer.paused{background:var(--sky)}.battle-bar{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.arena-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));align-content:start;gap:18px;display:grid}.arena-grid.focus-1{grid-template-columns:minmax(0,900px);justify-content:center}.arena-grid.focus-2{grid-template-columns:1fr 1fr}.fight{transition:transform .3s var(--pop);padding:12px 16px;overflow:hidden}.fight.hot{background:#ffe0e6;animation:1.2s ease-in-out infinite wiggle}.fight.done{background:#e6e1f2}.fight .tag{font-family:var(--title);background:var(--red);color:#fff;border:3px solid var(--ink);border-top:0;border-radius:0 0 10px 10px;padding:2px 10px;font-size:15px;position:absolute;top:-2px;right:14px}.fighter{grid-template-columns:70px 1fr auto;align-items:center;gap:12px;margin:6px 0;display:grid;position:relative}.fight.big .fighter{grid-template-columns:104px 1fr auto}.fighter .nm{justify-content:space-between;gap:8px;font-size:19px;display:flex}.fight.big .fighter .nm{font-size:28px}.combo{font-family:var(--title);color:var(--orange);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;animation:popIn .3s var(--pop)}.hp{border:3px solid var(--ink);background:#3b2d63;border-radius:12px;height:22px;margin-top:4px;position:relative;overflow:hidden}.fight.big .hp{height:32px}.hp i{background:var(--green);transition:width .45s cubic-bezier(.3,1.3,.5,1);position:absolute;inset:0 auto 0 0;box-shadow:inset 0 -5px #0000002e,inset 0 4px #ffffff73}.hp i.mid{background:var(--yellow)}.hp i.low{background:var(--red);animation:.6s infinite pulse}.hp i.ghost{box-shadow:none;background:#fff;transition:width 1.1s .35s}.solved{font-family:var(--title);text-align:center;background:var(--sky);border:3px solid var(--ink);border-radius:12px;min-width:52px;padding:2px 8px;font-size:22px}.dmg{font-family:var(--title);color:var(--red);-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;pointer-events:none;font-size:40px;animation:.9s ease-out forwards dmgFly;position:absolute;top:-10px;right:70px}@keyframes dmgFly{0%{opacity:0;transform:scale(.4)translateY(10px)}25%{opacity:1;transform:scale(1.35)translateY(-8px)rotate(-6deg)}to{opacity:0;transform:scale(1)translateY(-46px)}}.ko-stamp{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.ko-stamp span{font-family:var(--title);color:var(--yellow);-webkit-text-stroke:10px var(--ink);paint-order:stroke fill;text-shadow:0 7px 0 var(--ink);animation:stamp .55s var(--pop) both;font-size:74px}@keyframes stamp{0%{opacity:0;transform:scale(3)rotate(-25deg)}to{opacity:1;transform:scale(1)rotate(-10deg)}}.splash{z-index:50;pointer-events:none;background:#0a041e8c;place-items:center;display:grid;position:fixed;inset:0}.splash .title{animation:countPop 1s var(--pop) both;font-size:clamp(120px,22vw,280px)}.splash .title.go{color:var(--pink);font-size:clamp(90px,15vw,200px)}@keyframes countPop{0%{opacity:0;transform:scale(2.6)rotate(-10deg)}30%{opacity:1;transform:scale(1)rotate(-4deg)}85%{opacity:1;transform:scale(.94)rotate(-4deg)}to{opacity:0;transform:scale(.5)}}.pause-veil{z-index:55;background:#0a041e99;place-items:center;display:grid;position:fixed;inset:0}.pause-veil .title{color:var(--sky);font-size:clamp(60px,10vw,130px);animation:1.4s infinite pulse}.danger-vignette{pointer-events:none;box-shadow:inset 0 0 0 10px var(--red), inset 0 0 140px #ff1e3c8c;z-index:30;animation:.5s infinite alternate pulse;position:fixed;inset:0}.teams{gap:18px;display:grid}.team-row{padding:16px 22px}.team-row .top{justify-content:space-between;align-items:center;display:flex}.team-row .tn{font-family:var(--title);-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;font-size:38px}.team-row .ts{font-family:var(--title);font-size:54px}.team-bar{border:var(--line);background:#3b2d63;border-radius:20px;height:40px;margin:10px 0;overflow:hidden}.team-bar i{height:100%;transition:width .6s var(--pop);display:block;box-shadow:inset 0 -8px #0003,inset 0 6px #fff6}.team-members{flex-wrap:wrap;gap:4px;display:flex}.team-members .mini{padding:2px 8px 2px 2px}.result-cols{grid-template-columns:1fr 1fr;gap:26px;margin-top:16px;display:grid}.result-cols .card{padding:22px 18px 18px}.result-cols .card>.ribbon{padding:4px 20px;font-size:22px;position:absolute;top:-24px;left:18px}.mini-list{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.mini{border:3px solid var(--ink);color:var(--ink);animation:popIn .4s var(--pop) both;background:#fff;border-radius:999px;align-items:center;gap:4px;padding:2px 12px 2px 4px;font-size:17px;display:inline-flex}.mini.out{opacity:.55}.mini.rev{background:var(--green)}.rps-grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:16px;display:grid}.rps-card{text-align:center;animation:slideUp .5s var(--pop) both;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;padding:14px;display:grid}.rps-card .hand{min-height:66px;font-size:54px;display:block}.rps-card .hand.wait{animation:.5s infinite wiggle}.rps-card .lose{opacity:.45}.rps-card .win b{color:#0f8a55}.rps-card .monster{margin:0 auto}.revive-banner{text-align:center;animation:popIn .6s var(--pop) both}.podium{justify-content:center;align-items:flex-end;gap:16px;min-height:430px;margin-top:10px;display:flex}.podium .place{text-align:center;width:230px}.podium .place .monster{animation:popIn .8s var(--pop) both, hop .7s 3s ease-in-out infinite;margin:0 auto}.podium .nm{margin:6px 0 10px;font-size:26px}.podium .block{border:var(--line);font-family:var(--title);color:#fff;-webkit-text-stroke:8px var(--ink);paint-order:stroke fill;animation:rise .9s var(--pop) both;transform-origin:bottom;border-bottom:0;border-radius:20px 20px 0 0;place-items:start center;padding-top:10px;font-size:70px;display:grid;box-shadow:inset 0 10px #ffffff59,inset 0 -12px #00000026}.podium .p1 .block{background:var(--yellow);height:250px;animation-delay:1.4s}.podium .p2 .block{background:#c9d3f0;height:180px;animation-delay:.8s}.podium .p3 .block{background:var(--orange);height:130px;animation-delay:.3s}.podium .p1 .monster{animation-delay:1.9s,3s}.podium .p2 .monster{animation-delay:1.3s,3s}.podium .p3 .monster{animation-delay:.8s,3s}@keyframes rise{0%{transform:scaleY(0)}}.crown{animation:popIn .6s 2.3s var(--pop) both;z-index:1;margin-bottom:-16px;font-size:56px;display:block;position:relative}.champions{flex-wrap:wrap;justify-content:center;gap:18px;display:flex}.champ{text-align:center;animation:popIn .7s var(--pop) both;padding:16px 22px}.champ .monster{margin:0 auto}.final-grid{grid-template-columns:1.4fr 1fr;gap:22px;display:grid}.report,.school-card{padding:18px 20px}.report table{border-collapse:collapse;width:100%;font-size:18px}.report td,.report th{text-align:left;border-bottom:2px dashed #ddd3f3;padding:7px 6px}.rate{border:2px solid var(--ink);background:#e6e1f2;border-radius:8px;min-width:110px;height:14px;overflow:hidden}.rate i{background:var(--red);height:100%;display:block}.big-rank{font-family:var(--title);color:var(--pink);-webkit-text-stroke:10px var(--ink);paint-order:stroke fill;text-shadow:0 6px 0 var(--ink);font-size:84px;line-height:1}.rank-list{flex-direction:column;gap:8px;display:flex}.rank-row{border:3px solid var(--ink);color:var(--ink);animation:slideUp .4s var(--pop) both;background:#fff;border-radius:16px;grid-template-columns:54px 1fr auto auto;align-items:center;gap:12px;padding:8px 14px;font-size:19px;display:grid}.rank-row.me{background:var(--yellow);transform:scale(1.02)}.rank-no{font-family:var(--title);text-align:center;font-size:26px}.rank-row .addr{color:#6b5f8f;font-size:14px}.rank-row .pw{font-family:var(--title);font-size:24px}.tabs{gap:8px;display:flex}.tabs .pill{white-space:nowrap}.rank-title{white-space:nowrap;font-size:40px}.rank-mine{margin-bottom:14px;padding:16px}.rank-mine-head{flex-wrap:nowrap}.rank-mine-head .big-rank{white-space:nowrap}.rank-mine-name{font-size:26px;font-family:var(--title)}.rank-classes{margin-top:10px}.rank-classes .mini{padding:4px 12px}.phone{flex-direction:column;gap:14px;max-width:860px;min-height:100dvh;margin:0 auto;padding:12px 14px 20px;display:flex}.me-bar{align-items:center;gap:10px;padding:6px 10px;display:flex}.me-bar .nm{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:22px;overflow:hidden}.center-msg{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;display:flex}.center-msg .title{font-size:clamp(36px,7vw,56px)}.center-msg p{margin:0;font-size:22px}.speech{border-radius:20px;padding:12px 20px;font-size:22px;position:relative}.speech:after{content:"";background:inherit;border-right:var(--line);border-bottom:var(--line);width:22px;height:22px;position:absolute;bottom:-14px;left:50%;transform:translate(-50%)rotate(45deg)}.join-box{text-align:center;margin:auto 0;padding:26px 22px}.join-box input{font-family:var(--title);letter-spacing:16px;text-align:center;width:100%;max-width:340px;font-size:60px}.battle-head{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;display:grid}.battle-head .who{flex-direction:column;gap:4px;padding:6px 10px;display:flex}.battle-head .who .row1{align-items:center;gap:6px;min-width:0;font-size:17px;display:flex}.battle-head .who .row1 span.n{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.battle-head .timer{min-width:86px;padding:0 12px;font-size:38px}.question{text-align:center;min-height:160px;animation:popIn .35s var(--pop);flex-direction:column;justify-content:center;gap:12px;padding:20px 18px;display:flex}.question .prompt{word-break:keep-all;font-size:clamp(22px,3.4vw,30px);line-height:1.45}.question .expr{font-family:var(--title);color:var(--purple);font-size:clamp(38px,7vw,60px)}.question.locked:after{content:"앗! 잠깐";font-family:var(--title);color:#fff;-webkit-text-stroke:8px var(--ink);paint-order:stroke fill;background:#ff3b5c8c;border-radius:24px;place-items:center;font-size:50px;display:grid;position:absolute;inset:-4px}.choices{grid-template-columns:1fr 1fr;gap:14px;display:grid}.choice{color:#fff;border:var(--line);min-height:92px;box-shadow:0 7px 0 var(--ink), inset 0 -7px 0 #00000026, inset 0 5px 0 #fff6;word-break:keep-all;-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;font-size:clamp(24px,4vw,34px);font-family:var(--title);border-radius:22px;padding:10px;transition:transform 80ms}.choice:active{box-shadow:0 1px 0 var(--ink);transform:translateY(6px)}.choice:first-child{background:var(--red)}.choice:nth-child(2){background:var(--blue)}.choice:nth-child(3){background:var(--yellow)}.choice:nth-child(4){background:var(--green)}.choice .inline-flex{-webkit-text-stroke:4px var(--ink)}.fields{gap:10px;display:flex}.numpad-display{font-family:var(--title);min-height:80px;color:var(--ink);border:var(--line);background:#fff;border-radius:20px;flex:1;justify-content:center;align-items:center;gap:8px;font-size:50px;display:flex;box-shadow:inset 0 5px #00000014}.numpad-display.on{box-shadow:0 0 0 5px var(--yellow), inset 0 5px 0 #00000014}.numpad-display small{font-family:var(--body);color:#6b5f8f;font-size:24px}.numpad{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.numpad button{min-height:66px;font-size:32px;font-family:var(--title);color:var(--ink);border:3px solid var(--ink);box-shadow:0 5px 0 var(--ink);background:#fff;border-radius:18px}.numpad button:active{box-shadow:0 1px 0 var(--ink);transform:translateY(4px)}.numpad .ok{background:var(--yellow);grid-row:span 2}.numpad .space{font-size:19px;font-family:var(--body)}.flash{pointer-events:none;z-index:45;animation:.5s forwards flash;position:fixed;inset:0}.flash.good{background:radial-gradient(circle,#3ddc9780,#0000 70%)}.flash.bad{background:radial-gradient(circle,#ff3b5c80,#0000 70%)}@keyframes flash{to{opacity:0}}.feedback{font-family:var(--title);z-index:46;pointer-events:none;animation:fb .95s var(--pop) forwards;white-space:nowrap;-webkit-text-stroke:12px var(--ink);paint-order:stroke fill;text-shadow:0 7px 0 var(--ink);font-size:84px;position:fixed;top:36%;left:50%;transform:translate(-50%,-50%)}.feedback.good{color:var(--green)}.feedback.bad{color:var(--red);font-size:50px}@keyframes fb{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)rotate(-10deg)}30%{opacity:1;transform:translate(-50%,-50%)scale(1.15)rotate(-4deg)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-85%)scale(1)rotate(-4deg)}}.rps-buttons{grid-template-columns:repeat(3,1fr);gap:14px;width:100%;display:grid}.rps-buttons button{border:var(--line);box-shadow:var(--drop);transition:transform .2s var(--pop);background:#fff;border-radius:26px;padding:16px 0;font-size:76px}.rps-buttons button.on{background:var(--yellow);transform:scale(1.08)rotate(-4deg)}.preview{text-align:left;width:min(1200px,100%);max-height:92vh;animation:popIn .35s var(--pop);padding:20px;overflow:auto}.preview-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px;margin-top:16px;display:grid}.preview-item{border:3px solid var(--ink);background:#2a1a6b;border-radius:22px;flex-direction:column;gap:10px;padding:12px;display:flex}.preview-item .choice{min-height:60px}.preview-item .numpad{display:none}@media (width<=900px){.lobby,.result-cols,.final-grid,.modes,.arena-grid.focus-2{grid-template-columns:1fr}}@media (width<=560px){.choice{min-height:78px}.numpad button{min-height:58px}.battle-head .who .row1 span.n{display:none}.rank-row{grid-template-columns:34px 1fr auto;gap:8px;padding:8px 10px;font-size:17px;line-height:1.3}.rank-row .acc{display:none}.rank-row .addr{font-size:12px;display:block}.rank-no{font-size:22px}.rank-row .pw{white-space:nowrap;font-size:20px}.preview{padding:14px}.rank-head,.setup .row.rank-head{flex-wrap:wrap;gap:8px 10px}.rank-title{flex:1;font-size:28px}.rank-head .tabs{order:3;width:100%}.rank-head .spacer{display:none}.rank-head .pill{padding:5px 14px;font-size:16px}.rank-desc{margin:10px 0;font-size:14px}.rank-mine{padding:12px}.rank-mine-head{gap:12px}.rank-mine-head .big-rank{-webkit-text-stroke-width:6px;text-shadow:0 4px 0 var(--ink);font-size:46px}.rank-mine-name{font-size:21px}.rank-mine .muted{word-break:keep-all;font-size:14px}.rank-classes{gap:6px}.rank-classes .mini{padding:2px 10px;font-size:15px}}.solo-setup .setup-top{justify-content:flex-start}.solo-setup section{margin-top:20px;padding:22px}.solo-setup .go-bar{margin:10px 0 20px}.solo-entry{text-align:left;color:var(--ink);align-items:center;gap:12px;width:100%;padding:16px 18px;font-size:22px;display:flex}.solo-entry small{color:#6b5f8f;font-size:16px;display:block}.stage-dots{justify-content:center;gap:8px;display:flex}.stage-dots i{border:3px solid var(--ink);background:#fff;border-radius:50%;width:26px;height:26px}.stage-dots i.done{background:var(--green)}.stage-dots i.now{background:var(--yellow);transform:scale(1.2)}@media (height<=820px){.question{min-height:120px}.numpad-display{min-height:64px;font-size:42px}.numpad{gap:8px}.numpad button{min-height:48px}.phone{gap:10px}}@media (width<=560px){.wide-only{display:none}.setup{padding:12px 12px 60px}.setup-top{gap:6px}.btn{padding:10px 18px;font-size:19px}.btn.small{border-radius:12px;padding:6px 10px;font-size:15px}.btn.big{padding:12px 26px;font-size:24px}.hero{margin:4px 0 20px}.hero .title{font-size:44px}.hero .ribbon{font-size:16px}.setup section,.solo-setup section{margin-top:26px;margin-bottom:0;padding:16px 14px}.sec-head{margin:-36px 0 12px -4px}.sec-head .ribbon{padding:4px 16px;font-size:18px}.setup .row,.solo-setup .row{flex-wrap:nowrap;gap:8px}.label{flex:none;min-width:34px;font-size:16px}.pills{gap:6px}.pill{box-shadow:0 2px 0 var(--ink);border-width:2px;min-width:36px;padding:4px 9px;font-size:16px}.field{padding:10px 14px;font-size:18px}.school-picked{gap:8px;padding:8px 10px;font-size:19px}.school-picked>span:first-child{font-size:24px!important}.school-picked .addr{display:none}.units{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.unit{box-shadow:0 3px 0 var(--ink);border-width:2px;border-radius:14px;padding:8px 10px 32px;font-size:16px}.unit small{font-size:12px}.unit.on:after{border-width:2px;width:24px;height:24px;font-size:13px;top:-8px;right:-6px}.unit-wrap .peek{padding:1px 8px;font-size:12px;bottom:7px;left:10px}.modes{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mode{border-radius:16px;padding:10px 6px}.mode .icons{display:none}.mode b{word-break:keep-all;margin:0 0 2px;font-size:17px}.mode span.d{display:none}.mode.on{transform:translateY(-3px)}.opts{gap:10px 14px;margin-top:14px}.opts .row{gap:6px}.stepper button{width:30px;height:30px;font-size:18px}.stepper output{min-width:48px;font-size:18px}.go-bar{margin-top:22px}.modal{padding:18px 16px}}.paper{--ink:#1d2433;--shade:#ffb03a;--note:#fff4d6;--paper:#fffdf6;--rule:#c9d1e3;background:var(--paper);color:var(--ink);border-radius:18px;justify-content:center;padding:16px 18px;font-family:Noto Sans KR,sans-serif;display:flex;overflow-x:auto;box-shadow:0 6px #c7b98f,0 12px 30px #00000059}.paper svg text{font-family:Noto Sans KR,sans-serif}.paper .flex{display:flex}.paper .inline-flex{display:inline-flex}.paper .inline-block{display:inline-block}.paper .inline-grid{display:inline-grid}.paper .flex-1{flex:1}.paper .flex-col{flex-direction:column}.paper .items-center{align-items:center}.paper .justify-center{justify-content:center}.paper .justify-self-center{justify-self:center}.paper .self-center{align-self:center}.paper .self-end{align-self:end}.paper .align-middle{vertical-align:middle}.paper .border{border:1px solid}.paper .border-2{border-style:solid;border-width:2px}.paper .border-t-2{border-top:2px solid}.paper .border-b-2{border-bottom:2px solid}.paper .border-r-2{border-right:2px solid}.paper .border-current{border-color:currentColor}.paper .border-\[var\(--ink\)\]{border-color:var(--ink)}.paper .bg-\[var\(--note\)\]{background:var(--note)}.paper .border-collapse{border-collapse:collapse}.paper .rounded-none{border-radius:0}.paper .rounded-r-\[100\%\]{border-top-right-radius:100%;border-bottom-right-radius:100%}.paper .font-serif{font-family:Noto Serif KR,Times New Roman,serif}.paper .font-semibold{font-weight:600}.paper .tabular-nums{font-variant-numeric:tabular-nums}.paper .leading-none{line-height:1}.paper .leading-snug{line-height:1.375}.paper .text-lg{font-size:1.25rem}.paper .text-2xl,.paper .sm\:text-3xl{font-size:2rem}.paper .text-3xl{font-size:2.2rem}.paper .text-\[0\.65em\]{font-size:.65em}.paper .text-center{text-align:center}.paper .text-right{text-align:right}.paper .tracking-\[0\.35em\]{letter-spacing:.35em}.paper .tracking-wider{letter-spacing:.05em}.paper .whitespace-pre{white-space:pre}.paper .h-12{height:3rem}.paper .h-24{height:6rem}.paper .w-24{width:6rem}.paper .h-auto{height:auto}.paper .w-full{width:100%}.paper .w-\[0\.35em\]{width:.35em}.paper .max-w-xs{max-width:20rem}.paper .max-w-sm{max-width:24rem}.paper .max-w-xl{max-width:36rem}.paper .ml-\[0\.05em\]{margin-left:.05em}.paper .mt-1{margin-top:.25rem}.paper .mx-0\.5{margin:0 .125rem}.paper .pb-0\.5{padding-bottom:.125rem}.paper .pt-0\.5{padding-top:.125rem}.paper .pr-2{padding-right:.5rem}.paper .px-1{padding-left:.25rem;padding-right:.25rem}.paper .px-3{padding-left:.75rem;padding-right:.75rem}.paper .py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.mx-0\.5{margin:0 .125rem}.inline-flex.flex-col{flex-direction:column;display:inline-flex}.items-center{align-items:center}.align-middle{vertical-align:middle}.leading-none{line-height:1}.px-1{padding-left:.25rem;padding-right:.25rem}.pb-0\.5{padding-bottom:.1em}.pt-0\.5{padding-top:.1em}.w-full{width:100%}.border-t-2.border-current{border-top:2px solid}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}