.live-entry,.live-lobby,.live-finished{max-width:1100px;margin:auto;padding:40px 28px 70px}.live-entry{max-width:850px}.live-entry h1,.live-lobby h1,.live-finished h1{font:clamp(45px,6vw,76px)/1.08 Hand,Arial;margin:18px 0 25px}.live-entry p{line-height:1.7}.live-form{background:white;border:2px solid #05194e;border-radius:22px 8px;padding:28px;margin:30px 0;display:grid;gap:16px}.live-form label{font-weight:bold}.live-form input:not([type=checkbox]),.live-form select{width:100%;min-height:56px;box-sizing:border-box;border:1.5px solid #7e8ba2;border-radius:9px;background:#fffdf6;color:#05194e;font:22px Arial;padding:14px}.live-form #room-pin{font:bold 42px Arial;letter-spacing:8px;text-align:center}.live-form small{font-size:13px;line-height:1.5}.live-form .button{min-height:54px;cursor:pointer}.live-form .sound-setting{font-weight:normal}.live-info{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;font-size:14px;margin:30px 0}.live-info b{font:30px Hand}.student-entry{text-align:center;max-width:650px}.student-entry .live-form{text-align:left}.live-entry-note{font-size:13px;color:#58657c}.live-error{font-size:14px;line-height:1.6;color:#a3223b;white-space:pre-wrap}.live-error:empty{display:none}.plain-back{border:0;background:transparent;padding:12px 0;color:#05194e;cursor:pointer;font-size:14px;min-height:44px}.monster-choice{text-align:center;margin:25px auto}.monster-choice h2{font:38px Hand;margin:10px 0}.monster-choice h1{font-size:48px}.monster-avatar{display:inline-block;flex:none;width:66px;height:66px;background-image:url('/assets/monsters.png');background-size:400% 300%;background-repeat:no-repeat;vertical-align:middle}.monster-large{width:210px;height:210px}.monster-choice-actions{display:grid;gap:14px;max-width:430px;margin:25px auto}.monster-choice-actions .button{min-height:54px;cursor:pointer;justify-content:center}.live-lobby{text-align:center}.live-lobby-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.live-lobby-top .music-toggle{color:#05194e;border-color:#05194e55;background:white}.join-address{font-size:clamp(14px,2vw,22px);font-weight:bold;overflow-wrap:anywhere}.room-pin{font:bold clamp(60px,12vw,150px)/1.2 Arial;color:#7a111b;letter-spacing:12px;margin:20px 0;white-space:nowrap}.live-lobby-actions{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin:25px 0}.live-lobby-actions .button{min-height:52px;cursor:pointer}.live-lobby-actions button:disabled{opacity:.5;cursor:default}.player-count{font-weight:bold;font-size:20px}.monster-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:16px;margin-top:30px}.monster-tile{background:white;border:1px solid #05194e25;border-radius:14px;padding:15px;display:flex;flex-direction:column;align-items:center;gap:8px}.monster-tile b{font-size:14px}.lobby-pulse{font-size:30px;letter-spacing:15px;color:#d48e3e}.live-playing .selected-answer{outline:4px solid white;outline-offset:-6px}.live-playing .answer:disabled:not(.is-muted){opacity:1}.live-playing .round-counter b{font-size:30px}.live-playing .live-error{color:#ffe488}.host-controls{display:flex;justify-content:center;margin:20px 0}.host-controls .button{cursor:pointer;min-height:48px}.answer-sent{padding:20px;text-align:center;font-size:20px;font-weight:bold;background:#ffffff16;border-radius:12px;margin:18px 0 0}.live-scoreboard{background:#fffdf6;color:#05194e;padding:28px;border-radius:15px;margin-top:25px}.live-scoreboard h2,.live-finished>h2{font:36px Hand;margin:0 0 20px}.live-ranking{padding:0;list-style:none;margin:0}.live-ranking li{display:flex;align-items:center;gap:16px;background:white;border-bottom:1px solid #05194e20;padding:12px 15px}.live-ranking li>span:not(.monster-avatar){font-weight:bold;flex:1}.live-ranking li strong{white-space:nowrap}.live-ranking small{font-size:12px;font-weight:normal}.rank-number{font:28px Hand;min-width:28px}.ranking-me{outline:2px solid #d48e3e;outline-offset:-2px}.my-live-score{font:bold 28px Arial}.live-finished{text-align:center}.live-finished .live-ranking{text-align:left}.live-entry a:not(.button),.live-lobby a:not(.button){min-height:44px;display:inline-flex;align-items:center}.live-playing .next-question{min-height:50px}
.monster-0{background-position:0.0% 0%}
.monster-1{background-position:33.333333333333336% 0%}
.monster-2{background-position:66.66666666666667% 0%}
.monster-3{background-position:100.0% 0%}
.monster-4{background-position:0.0% 50%}
.monster-5{background-position:33.333333333333336% 50%}
.monster-6{background-position:66.66666666666667% 50%}
.monster-7{background-position:100.0% 50%}
.monster-8{background-position:0.0% 100%}
.monster-9{background-position:33.333333333333336% 100%}
.monster-10{background-position:66.66666666666667% 100%}
.monster-11{background-position:100.0% 100%}
@media(max-width:760px){.live-entry,.live-lobby,.live-finished{padding:25px 16px 40px}.live-form{padding:22px 16px}.live-info{grid-template-columns:1fr;gap:4px}.live-entry h1,.live-lobby h1,.live-finished h1{font-size:44px}.room-pin{font-size:clamp(48px,13vw,80px);letter-spacing:5px}.live-lobby-actions{display:grid;gap:12px}.monster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.monster-tile{padding:12px 6px}.monster-tile b{font-size:12px}.monster-large{width:170px;height:170px}.live-ranking li{gap:9px;padding:10px 7px;font-size:13px}.live-ranking .monster-avatar{width:44px;height:44px}.rank-number{min-width:18px;font-size:24px}.live-ranking li strong{font-size:13px}.live-scoreboard{padding:20px 10px}.live-playing .game-status{font-size:11px;gap:8px}.live-lobby-top{font-size:13px}.my-live-score{font-size:23px}.monster-choice h2{font-size:32px}.live-form #room-pin{font-size:34px;letter-spacing:6px}.answer-sent{font-size:17px}.live-playing .game-brand{display:none}}

.live-form input:not([type=checkbox]),.live-form select{margin:0}.sound-setting input{min-height:22px;padding:0}

.monster-avatar{border-radius:14px;box-shadow:0 0 0 2px var(--monster-tone,#d48e3e)}.monster-family-0{--monster-tone:#d48e3e}.monster-family-1{--monster-tone:#a52755}.monster-family-2{--monster-tone:#152e70}.monster-family-3{--monster-tone:#7548a1}.monster-family-4{--monster-tone:#238481}
