:root{font-family:'Segoe UI',system-ui,sans-serif;color:#fff;font-synthesis:none;--ink:#152b43;--mint:#75efd5;--muted:#b5c9dd;--coral:#ff7294;--panel:rgba(21,43,67,.95)}
*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#a5d9f3}button,input{font:inherit}button{cursor:pointer;border:0}button:disabled{opacity:.55;cursor:wait}button:focus-visible,input:focus-visible{outline:3px solid #fff;outline-offset:4px}#world{display:block;position:fixed;inset:0;width:100%;height:100%}#app{position:fixed;inset:0;pointer-events:none}.header{position:absolute;top:24px;left:30px;right:30px;display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:auto}.brand{font-size:34px;font-weight:850;letter-spacing:-1.5px;display:flex;align-items:center;gap:10px;text-shadow:0 2px 9px #345c8120}.brand svg{width:46px;height:46px}.soft-btn{background:rgba(21,43,67,.78);color:white;padding:12px 22px;border-radius:18px;font-size:16px;font-weight:650}.header-actions{display:flex;gap:8px}.panel{background:var(--panel);border:1px solid #ffffff20;box-shadow:0 16px 44px #18395425;border-radius:26px;padding:30px;pointer-events:auto;backdrop-filter:blur(16px)}.entry{position:absolute;left:28px;top:112px;width:424px;max-height:calc(100dvh - 208px);overflow:auto}.entry h1{font-size:48px;line-height:1.05;letter-spacing:-1.6px;margin:4px 0 10px;font-weight:800}.subtitle{font-size:23px;line-height:1.4;font-weight:650;margin:0 0 25px}.tabs{display:flex;border:1px solid #688ba3;border-radius:12px;overflow:hidden;margin-bottom:22px}.tabs button{flex:1;background:transparent;color:var(--muted);font-weight:700;font-size:16px;padding:14px 8px}.tabs .active{background:var(--mint);color:var(--ink)}label{display:block;font-size:16px;font-weight:700;margin:18px 0 10px}input{display:block;width:100%;color:white;background:#ffffff06;border:1px solid #7691ad;border-radius:12px;font-size:17px;padding:15px 17px}input::placeholder{color:#bbcddd}.subjects{display:flex;gap:8px}.subjects button{flex:1;color:white;border:1px solid #6687a3;background:#ffffff05;border-radius:11px;padding:13px 5px;font-size:14px;font-weight:650}.subjects .active{background:var(--mint);border-color:var(--mint);color:var(--ink)}.primary{display:block;width:100%;background:var(--mint);color:#102c3c;border-radius:14px;font-size:21px;font-weight:800;padding:18px;margin-top:26px}.entry-foot{text-align:center;color:var(--muted);font-size:14px;margin:19px 0 0}.error{color:#ffd0dc;font-size:14px;min-height:18px;margin-top:10px}.control-strip{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);background:rgba(21,43,67,.88);border:1px solid #ffffff20;border-radius:20px;padding:14px 24px;display:flex;align-items:center;gap:22px;white-space:nowrap;font-size:14px;pointer-events:auto}.control-strip span{display:flex;align-items:center;gap:8px}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:29px;padding:4px 6px;min-height:28px;border:1px solid #b3c6d9;border-radius:5px;font:700 12px 'Segoe UI',sans-serif;background:#ffffff0b}.room-title{font-size:29px;margin:0 0 8px;letter-spacing:-.6px}.room-code{font-size:39px;letter-spacing:6px;color:var(--mint);font-weight:800;margin:0 0 6px}.muted{color:var(--muted);font-size:14px;line-height:1.5}.join-url{background:#ffffff08;border-radius:10px;padding:12px;font-size:13px;overflow-wrap:anywhere;color:var(--mint);margin:10px 0}.row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #ffffff16;font-size:15px}.row:last-child{border:0}.dot{width:12px;height:12px;border-radius:50%;display:inline-block;flex-shrink:0}.row-name{display:flex;align-items:center;gap:10px}.tag{font-size:12px;color:var(--muted)}.players{max-height:150px;overflow-y:auto;margin-top:16px}.small-btn{background:#ffffff0e;color:#fff;padding:9px 12px;border:1px solid #ffffff24;border-radius:9px;font-size:13px;font-weight:650}.host-tools{display:flex;gap:8px;margin-top:15px}.hud{position:absolute;top:100px;left:30px;width:295px;background:rgba(21,43,67,.88);border-radius:20px;padding:20px;pointer-events:auto}.hud h2{margin:0 0 4px;font-size:22px}.progress{height:7px;background:#ffffff20;border-radius:7px;overflow:hidden;margin:16px 0 8px}.progress>div{height:100%;background:var(--mint);transition:width .2s}.hud-meta{display:flex;justify-content:space-between;font-size:13px;color:var(--muted)}.item-label{margin-top:15px;font-size:15px;font-weight:700}.fuel{height:5px;background:#ffffff20;margin-top:7px;border-radius:7px;overflow:hidden}.fuel>div{height:100%;background:#ffbb66}.scoreboard{position:absolute;right:30px;top:100px;width:220px;background:rgba(21,43,67,.88);border-radius:20px;padding:18px;pointer-events:auto}.scoreboard h3{font-size:16px;margin:0 0 10px}.scoreboard .row{font-size:13px;padding:7px 0}.machine-tip{position:absolute;left:50%;bottom:105px;transform:translateX(-50%);padding:12px 20px;border-radius:14px;background:var(--panel);font-size:16px;font-weight:650;text-align:center;max-width:90vw}.veil{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(10,28,49,.4);backdrop-filter:blur(5px);pointer-events:auto;padding:20px}.quiz{width:600px;max-height:90dvh;overflow:auto;padding:32px}.quiz-type{color:var(--mint);font-size:15px;font-weight:750;margin-bottom:14px}.quiz h2{font-size:27px;line-height:1.3;margin:0 0 20px;letter-spacing:-.6px}.quiz-note{font-size:14px;color:var(--muted);line-height:1.55;margin:0 0 20px}.answers{display:grid;gap:10px}.answer{display:flex;align-items:center;gap:15px;width:100%;text-align:left;background:#ffffff08;color:#fff;border:1px solid #ffffff30;border-radius:13px;padding:15px;font-size:16px;line-height:1.4}.answer:hover,.answer:focus{border-color:var(--mint);background:#75efd516}.answer-number{color:var(--mint);font-weight:750;border:1px solid #75efd555;border-radius:7px;padding:4px 8px}.feedback-mark{font-size:42px;color:var(--mint);font-weight:800;margin-bottom:10px}.feedback-mark.wrong{color:#ffbb66}.explanation{font-size:16px;line-height:1.6;color:#dfebf5;background:#ffffff08;padding:16px;border-radius:12px}.item-options{display:grid;gap:10px;margin-top:20px}.item-option{width:100%;text-align:left;background:#ffffff08;color:white;border:1px solid #6687a3;border-radius:13px;padding:15px;font-size:16px}.item-option strong{display:block;color:var(--mint);margin-bottom:6px}.item-option span{display:block;font-size:14px;color:var(--muted);line-height:1.45}.help-list{padding-left:22px;font-size:16px;line-height:1.65}.help-list li{padding-bottom:12px}.results-table{width:100%;border-collapse:collapse;font-size:15px}.results-table td,.results-table th{text-align:left;padding:12px 5px;border-bottom:1px solid #ffffff22}.results-table th{font-size:12px;color:var(--muted)}#toast{position:fixed;bottom:104px;left:50%;transform:translateX(-50%);background:var(--ink);padding:13px 22px;border-radius:12px;z-index:10;font-size:14px;display:none}.touch{display:none;pointer-events:auto}.connection{position:absolute;top:77px;right:30px;font-size:12px;color:#122c43;background:#ffffffbb;padding:5px 10px;border-radius:8px}.pause-banner{position:absolute;top:24px;left:50%;transform:translateX(-50%);padding:12px 22px;border-radius:14px;background:var(--ink);color:var(--mint);font-size:17px;font-weight:700}.finished-note{position:absolute;bottom:120px;left:50%;transform:translateX(-50%);text-align:center;background:var(--panel);padding:20px;border-radius:20px;width:350px;pointer-events:auto}.finished-note h2{margin:0 0 8px}.mobile-hint{display:none}
.header{z-index:4}.veil{z-index:3}.pause-banner{z-index:4}
@media(min-width:1100px) and (min-height:850px){.entry{top:126px;width:464px;padding:32px}.entry h1{font-size:54px}.subtitle{font-size:27px;margin-bottom:32px}.brand{font-size:38px}.primary{font-size:24px;padding:20px}.subjects button{font-size:16px;padding:15px 5px}label{font-size:18px}.control-strip{font-size:16px;gap:25px;padding:17px 27px}.entry-foot{font-size:16px}}
@media(max-height:800px) and (min-width:701px){.entry{top:94px;max-height:calc(100dvh - 173px);padding:24px}.entry h1{font-size:42px}.subtitle{font-size:20px;margin-bottom:18px}.tabs{margin-bottom:14px}.tabs button{padding:11px 8px}label{margin:12px 0 8px}input{padding:12px 15px}.subjects button{padding:11px 5px}.primary{margin-top:19px;padding:15px}.entry-foot{margin-top:14px}.control-strip{bottom:17px}}
@media(max-width:700px){.header{top:15px;left:16px;right:16px}.brand{font-size:26px;letter-spacing:-1px}.brand svg{width:34px;height:34px}.soft-btn{padding:9px 13px;font-size:13px;border-radius:12px}.entry{left:16px;right:16px;top:82px;width:auto;max-height:calc(100dvh - 110px);padding:24px}.entry h1{font-size:38px}.subtitle{font-size:20px;margin-bottom:22px}.control-strip{display:none}.connection{top:58px;right:16px}.hud{top:76px;left:16px;width:210px;padding:13px}.hud h2{font-size:18px}.scoreboard{display:none}.progress{margin:10px 0 7px}.hud-meta{font-size:11px}.item-label{font-size:13px;margin-top:9px}.touch{display:flex;position:absolute;bottom:24px;left:16px;right:16px;justify-content:space-between;align-items:flex-end}.dpad{display:grid;grid-template-columns:repeat(3,48px);grid-template-rows:repeat(2,48px);gap:5px}.dpad button,.touch-actions button{color:white;background:rgba(21,43,67,.88);border:1px solid #ffffff40;border-radius:13px;font-size:16px;font-weight:700;touch-action:none;user-select:none}.dpad .up{grid-column:2}.dpad .left{grid-column:1;grid-row:2}.dpad .down{grid-column:2;grid-row:2}.dpad .right{grid-column:3;grid-row:2}.touch-actions{display:grid;grid-template-columns:repeat(2,65px);gap:6px}.touch-actions button{padding:13px 7px;font-size:12px}.machine-tip{bottom:143px;font-size:13px;min-width:210px}.veil{padding:14px}.quiz{padding:23px;max-height:90dvh}.quiz h2{font-size:22px}.answer{font-size:14px;padding:12px;gap:10px}.pause-banner{top:212px;font-size:14px}.header-actions{gap:4px}.header-actions .small-btn{font-size:11px;padding:8px}.finished-note{bottom:153px;width:calc(100% - 32px)}.results-table{font-size:13px}.room-code{font-size:34px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto;transition:none!important}}