:root{font-family:system-ui,'Segoe UI',sans-serif;color:#1d3850;background:#eef4f6}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}header{background:#112f49;color:white;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;gap:10px}header strong{font-size:22px}header b{color:#80e8df}header a{color:#c1f5e9}main{max-width:1150px;margin:24px auto;padding:0 16px}h1{margin:0 0 12px;font-size:clamp(24px,3vw,36px)}h2{margin:12px 0}p{line-height:1.5}.card{background:white;border:1px solid #d6e4e8;border-radius:17px;padding:20px;margin-bottom:16px;box-shadow:0 9px 24px #233f5014}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}label{display:block;font-size:13px;font-weight:700;color:#315c70;margin:12px 0 5px}input,select,textarea{width:100%;padding:11px;border:1px solid #a6c1ca;border-radius:9px;background:white;color:#203a4b}textarea{min-height:100px}button{background:#158f87;color:white;border:0;border-radius:10px;padding:11px 16px;font-weight:750}button.alt{background:#e2f1f2;color:#225369}button.dark{background:#173d5b}button:disabled{opacity:.5;cursor:default}.error{color:#aa3040;font-size:13px}.muted{color:#627c8b}.tag{display:inline-block;background:#dbf2ef;color:#126f66;padding:4px 10px;border-radius:30px;font-size:12px;font-weight:700}.hidden{display:none!important}.cases{display:grid;grid-template-columns:repeat(auto-fit,minmax(195px,1fr));gap:10px}.case{border:1px solid #d0e4e7;padding:12px;border-radius:12px;background:#f8fcfc}.case textarea{min-height:105px}.pin{font-size:clamp(30px,6vw,54px);font-weight:900;letter-spacing:8px;color:#0f4f6a}.stats{display:flex;flex-wrap:wrap;gap:10px}.stats>div{padding:10px 16px;background:#e9f4f5;border-radius:10px;flex:1;min-width:110px;text-align:center}.bar{height:7px;background:#dfedf0;border-radius:12px;overflow:hidden;margin:8px 0}.bar>div{height:100%;background:#1aa298}.avatarRow{display:flex;flex-wrap:wrap;gap:10px}.avatar{border:2px solid #d1e3e7;background:white;padding:10px;min-width:85px}.avatar.active{border-color:#049b9c;background:#dbf5ed}.gameFrame{width:100vw;height:100dvh;border:0;display:block}body.game{background:#0f2534;overflow:hidden}.floatHead{position:fixed;right:15px;top:75px;z-index:10;background:#163c56e9;color:white;border-radius:10px;padding:10px;font-size:12px;pointer-events:none;max-width:230px}.waiting{max-width:700px;margin:30px auto}.qr{width:210px;max-width:90%;image-rendering:auto}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.status{font-size:13px;padding:10px;background:#e6f6ed;border-radius:9px}a{color:#087f8c}@media(max-width:660px){.grid,.grid3{grid-template-columns:1fr}main{margin:12px auto}.card{padding:14px}header{padding:12px}header strong{font-size:18px}}

.ended{position:fixed;inset:0;background:#102c42ee;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;padding:24px}.ended a{background:#19a699;color:#fff;border-radius:10px;text-decoration:none;padding:12px 20px;font-weight:800;margin-top:12px}.ended h2{font-size:32px}

/* Symull — Identidade visual da plataforma (referência enviada pelo professor) */
:root{--blue:#075bd3;--navy:#062766;--sky:#13b8ff;--coral:#fd3154;--ink:#082e63;--paper:#f2f8ff;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--ink);background:linear-gradient(145deg,#e8f5ff,#f9fbff 52%,#e7f4ff)}
body{background:radial-gradient(circle at 100% 0%,#bfeaff 0%,transparent 35%),linear-gradient(155deg,#eff8ff,#fff 55%,#e6f1ff);min-height:100vh}
header{background:linear-gradient(110deg,#062f8e,#086fd6 70%,#08a5f0);box-shadow:0 8px 32px #043a9a30;min-height:82px;padding:8px 26px;border-bottom:3px solid #48caff}
.brandLink{display:inline-flex;align-items:center}.brandLink img{width:min(255px,46vw);height:66px;object-fit:contain;filter:drop-shadow(0 4px 6px #00266188)}
header a{color:#fff;font-weight:750;text-decoration:none}
main{max-width:1250px}.card{border:1px solid #9fd9ff;border-radius:23px;background:#fffffff2;box-shadow:0 14px 40px #0552a51c}.card h1,.card h2{color:#073789}.card h1{letter-spacing:-.035em}
button{border-radius:13px;background:linear-gradient(145deg,#087fff,#024bbd);box-shadow:0 5px 13px #074db52b;transition:filter .16s,transform .16s}button:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px)}button.dark{background:linear-gradient(140deg,#04296f,#074eb8)}button.alt{background:#e8f3ff;color:#074ab3;border:1px solid #b6dfff;box-shadow:none}
input,select,textarea{border-radius:12px;border:1.5px solid #b2dafa;background:#fff;color:#12366d}input:focus,select:focus,textarea:focus{outline:2px solid #3aa9ff;outline-offset:1px}label{color:#0a448d}.tag{background:#e4f3ff;color:#0851be}.pin{color:#0860d4;text-shadow:0 2px #d3ebff}
.case{background:linear-gradient(145deg,#f8fcff,#edf7ff);border:1px solid #b8dcff;border-radius:15px}.case strong{color:#074baf}
.stats>div{background:#e4f4ff}.bar{background:#d5eaff}.bar>div{background:linear-gradient(90deg,#058aff,#11c7ed)}
.avatarRow{display:grid;grid-template-columns:repeat(5,minmax(105px,1fr));gap:12px}.avatar{min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 7px 8px;background:linear-gradient(160deg,#e7f5ff,#fff);border:2px solid #bedcff;color:#10458b;box-shadow:none}.avatar img{height:118px;width:100%;object-fit:contain;filter:drop-shadow(0 5px 4px #004c9230)}.avatar span{font-size:13px}.avatar.active{border:3px solid #fd3154;background:linear-gradient(135deg,#fff0f5,#ecf6ff);box-shadow:0 0 0 3px #ffbdcd66}
.heroCard{min-height:430px;background:linear-gradient(90deg,#f6faff 0%,#f7fbffec 39%,#eff8ff73 72%),url('assets/symull-campus.webp') center right/cover no-repeat;display:flex;align-items:center}.heroText{max-width:650px;padding:clamp(12px,4vw,40px);background:#ffffffcc;border-radius:20px;backdrop-filter:blur(6px)}.heroCard h1{font-size:clamp(28px,4vw,55px);line-height:1.1}.heroCard p{color:#153f75;font-weight:550}.heroCard .row{margin-top:25px}
.entryLoader{position:fixed;inset:0;z-index:80;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:radial-gradient(circle at 50% 25%,#126cdb,#031b59 80%);color:white}.entryLoader img{width:min(70vw,400px);filter:drop-shadow(0 10px 30px #03153299)}.loadingSpin{width:56px;height:56px;border:5px solid #ffffff55;border-top-color:#ff3855;border-radius:50%;animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.ended{background:linear-gradient(135deg,#022a77ed,#096bd8f0)}.ended a{background:linear-gradient(135deg,#0875ef,#0446b6)}.floatHead{background:#053c94ed;border:1px solid #7fcaff}
@media(max-width:700px){.avatarRow{grid-template-columns:repeat(3,minmax(0,1fr))}.avatar img{height:94px}.heroCard{min-height:400px}.heroText{padding:18px}.brandLink img{width:180px;height:54px}header{min-height:67px}}