:root{--ink:#1b1b36;--muted:#79798e;--line:#e8e7ef;--surface:#fff;--wash:#f7f6fb;--violet:#7156e8;--violet-dark:#5941ce;--lavender:#eeeaff;--orange:#ffad54;--green:#39b78a;--pink:#e77aa5;--shadow:0 14px 40px rgba(35,29,79,.07)}
*{box-sizing:border-box}html{min-width:320px}body{margin:0;background:var(--wash);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.center-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 12% 18%,#efeaff 0,transparent 34%),radial-gradient(ellipse at 83% 87%,#fff1df 0,transparent 32%),#faf9fd}.auth-layout{display:grid;grid-template-columns:minmax(380px,.92fr) 1.08fr;min-height:100vh;background:white}.auth-story{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:38px 9%;color:white;background:linear-gradient(145deg,#29234e,#5240a4 56%,#8263e8)}.auth-story:before,.auth-story:after{content:'';position:absolute;border:1px solid #ffffff1e;border-radius:50%;width:490px;height:490px;right:-225px;top:27%;box-shadow:0 0 0 55px #ffffff08,0 0 0 110px #ffffff05}.auth-story:after{width:280px;height:280px;right:-118px;top:40%;border-color:#ffffff31;box-shadow:none}.brand{display:flex;align-items:center;gap:11px;font-family:'Space Grotesk',sans-serif;font-weight:700;letter-spacing:.08em;font-size:14px}.brand-mark{display:inline-grid;place-items:center;width:36px;height:36px;color:#3d316f;background:#f7cd75;border-radius:12px;font-size:20px;box-shadow:0 6px 20px #17103344}.brand-dot{width:7px;height:7px;border-radius:50%;background:#f6cf72}.story-content{position:relative;z-index:1;max-width:440px;margin:20px auto}.eyebrow{font-size:10px;letter-spacing:.17em;font-weight:700;color:#9995af}.auth-story .eyebrow{color:#dbd3ff}.story-content h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(44px,5.3vw,76px);line-height:1.03;letter-spacing:-.055em;margin:19px 0 20px}.story-content h1 span{color:#ffd279}.story-content p{font-size:16px;line-height:1.75;color:#e1def1;max-width:350px}.story-stars{color:#ffd279;letter-spacing:.12em;font-size:18px;margin-top:36px}.story-footer,.auth-bottom{font-size:9px;letter-spacing:.18em;color:#cfcae4}.auth-main{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:42px 32px;position:relative}.auth-card{width:min(100%,410px);padding:28px 10px}.auth-card h1,.auth-card h2{font:700 31px 'Space Grotesk',sans-serif;letter-spacing:-.04em;margin:12px 0}.auth-card h1{font-size:36px}.muted{color:var(--muted);line-height:1.65}.auth-card .muted{margin-bottom:26px}.stack{display:flex;flex-direction:column;gap:18px;margin-top:28px}.stack label{display:flex;flex-direction:column;gap:8px;font-weight:600;font-size:12px;color:#46455c}.stack input,.stack textarea,.stack select{width:100%;border:1px solid #e3e1ec;background:#fff;color:var(--ink);padding:13px 14px;border-radius:10px;outline:none;transition:border .2s,box-shadow .2s}.stack input::placeholder,.stack textarea::placeholder{color:#aaa9b8}.stack input:focus,.stack textarea:focus,.stack select:focus{border-color:#9c88f1;box-shadow:0 0 0 3px #7656e81c}.stack textarea{resize:vertical}.btn{min-height:46px;border:0;border-radius:10px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:16px;font-weight:700;cursor:pointer;transition:transform .18s,box-shadow .18s,background .18s}.btn:hover{transform:translateY(-1px)}.btn span{font-size:18px}.btn.primary{background:var(--violet);color:white;box-shadow:0 8px 19px #7156e833}.btn.primary:hover{background:var(--violet-dark);box-shadow:0 10px 23px #7156e844}.btn.wide{width:100%;margin-top:6px}.white-btn{background:#fff;color:#513cbd;margin-top:15px;box-shadow:0 9px 25px #231a6544}.white-btn:hover{box-shadow:0 12px 29px #231a6558}.login-note{font-size:11px;color:#9291a3;text-align:center;margin-top:23px}.auth-bottom{position:absolute;bottom:27px;color:#a4a2b1;text-align:center}.auth-bottom span{color:#9b83ee;margin-left:5px}.notice{padding:12px 14px;border-radius:9px;font-size:12px;line-height:1.5;margin:15px 0}.notice.error{color:#a3374b;background:#fff0f2;border:1px solid #f5d6dc}.notice.success{color:#23775c;background:#e9f8f1;border:1px solid #caecdd}.notice code{background:#ffffffa1;padding:2px 5px;border-radius:4px}.page-notice{margin:0 0 20px}.app-shell{min-height:100vh;display:flex}.sidebar{width:245px;flex:0 0 245px;background:#19182e;color:#d4d3e3;display:flex;flex-direction:column;min-height:100vh;padding:23px 16px 17px;position:sticky;top:0;height:100vh}.sidebar-brand{font-size:13px;letter-spacing:.1em;color:#fff;padding:0 7px 29px;gap:10px}.sidebar-brand .brand-mark{flex:0 0 36px}.sidebar-brand small{display:block;font:600 8px 'DM Sans',sans-serif;letter-spacing:.15em;color:#89869f;margin-top:4px}.side-label{font-weight:700;font-size:9px;letter-spacing:.18em;color:#76738e;padding:0 12px;margin:0 0 9px}.side-spaced{margin-top:29px}.nav-links{display:flex;flex-direction:column;gap:4px}.nav-links a{height:42px;display:flex;align-items:center;gap:12px;padding:0 12px;border-radius:9px;color:#aaa8bf;font-size:12px;font-weight:600;transition:.18s}.nav-links a:hover{background:#ffffff0b;color:white}.nav-links a.active{background:#322a57;color:#fff;box-shadow:inset 2px 0 #a893ff}.nav-icon{width:18px;text-align:center;font-size:17px;color:#a49acb}.nav-links a.active .nav-icon{color:#ccbfff}.nav-arrow{margin-left:auto;color:#c2b5ff}.sidebar-bottom{margin-top:auto}.help-card{background:linear-gradient(135deg,#322b53,#26223f);border:1px solid #ffffff0c;border-radius:12px;padding:16px;margin:0 3px 16px;display:flex;flex-direction:column;gap:8px}.help-spark{color:#ffd279;font-size:16px}.help-card strong{font:600 12px/1.55 'Space Grotesk',sans-serif;color:#efedfa}.help-caption{font-size:10px;color:#9996b0}.profile{display:flex;align-items:center;gap:9px;border-top:1px solid #ffffff12;padding:15px 4px 0}.avatar,.top-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#826de1;color:#fff;font-weight:700}.profile-text{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.profile-text strong{font-size:11px;color:#efedf8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-text span{font-size:10px;color:#85829d}.logout{border:0;background:transparent;color:#9996b0;font-size:17px;cursor:pointer;padding:6px}.logout:hover{color:#fff}.main-area{min-width:0;flex:1}.topbar{height:99px;padding:0 clamp(23px,4vw,62px);display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #efedf4}.breadcrumb{font-size:9px;font-weight:700;letter-spacing:.14em;color:#9896a9}.breadcrumb span{padding:0 7px;color:#c6c3d1}.topbar h1{font:700 22px 'Space Grotesk',sans-serif;letter-spacing:-.03em;margin:7px 0 0}.top-actions{display:flex;align-items:center;gap:13px}.role-pill{display:flex;align-items:center;gap:7px;padding:8px 10px;border-radius:30px;background:#f5f3fc;color:#615d7e;font-size:9px;font-weight:700;letter-spacing:.06em}.role-pill i,.live-tag i,.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#41ba8e}.top-avatar{width:35px;height:35px;border-radius:50%;background:#ffe2be;color:#835321}.content-area{max-width:1430px;margin:0 auto;padding:30px clamp(23px,4vw,62px) 50px}.welcome-banner{position:relative;overflow:hidden;min-height:248px;border-radius:17px;padding:34px 38px;color:#fff;background:linear-gradient(115deg,#5142b2 0%,#7156dc 51%,#a17ce9 100%);box-shadow:0 12px 30px #6049c02a}.welcome-banner:after{content:'';position:absolute;width:320px;height:320px;border-radius:50%;right:11%;top:-180px;border:1px solid #ffffff25;box-shadow:0 0 0 30px #ffffff09,0 0 0 60px #ffffff06}.banner-copy{position:relative;z-index:2;max-width:560px}.banner-copy .eyebrow{color:#ddd6ff}.banner-copy .eyebrow span{color:#ffd279}.banner-copy h2{font:700 clamp(23px,2.6vw,34px)/1.2 'Space Grotesk',sans-serif;letter-spacing:-.045em;margin:12px 0 9px}.banner-copy p{max-width:460px;font-size:12px;line-height:1.65;color:#e4e0fb;margin:0}.banner-art{position:absolute;right:8%;top:50%;transform:translateY(-50%);height:180px;width:190px;display:grid;place-items:center}.trophy{z-index:2;font-size:85px;filter:drop-shadow(0 14px 10px #36226e54);animation:float 3.4s ease-in-out infinite}.orbit{position:absolute;border:1px solid #ffffff37;border-radius:50%;width:160px;height:160px}.orbit-two{width:115px;height:115px;border-color:#ffffff4a}.spark{position:absolute;color:#ffd279;font-size:23px;animation:twinkle 2.2s infinite}.s1{top:10px;left:20px}.s2{right:5px;top:45px;font-size:18px;animation-delay:.5s}.s3{bottom:12px;right:29px;animation-delay:1s}.s4{left:7px;bottom:43px;font-size:16px;animation-delay:.7s}@keyframes float{50%{transform:translateY(-9px) rotate(-4deg)}}@keyframes twinkle{50%{transform:scale(.7) rotate(35deg);opacity:.55}}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:30px 0 15px}.section-heading h2,.panel-head h2{font:700 19px 'Space Grotesk',sans-serif;letter-spacing:-.035em;margin:5px 0 0}.text-link{font-size:11px;font-weight:700;color:var(--violet)}.text-link span{font-size:15px;padding-left:5px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.stat-card,.panel,.group-card{background:#fff;border:1px solid #efedf4;border-radius:13px;box-shadow:0 4px 17px #26204405}.stat-card{position:relative;min-height:145px;padding:17px 17px 14px}.stat-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:15px;margin-bottom:12px}.stat-icon.violet{background:#f0edff;color:#755ce2}.stat-icon.orange{background:#fff2e2;color:#dd9746}.stat-icon.green{background:#e8f8f1;color:#31a77c}.stat-icon.pink{background:#fdf0f5;color:#d96f98}.stat-number{font:700 25px 'Space Grotesk',sans-serif;letter-spacing:-.05em;position:absolute;right:16px;top:21px}.stat-label{font-weight:700;font-size:11px}.stat-foot{color:#9b99aa;font-size:10px;margin-top:5px}.lower{margin-top:32px}.group-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.group-card{display:flex;align-items:flex-start;gap:12px;padding:15px;min-height:84px;transition:.18s}.group-card:hover{border-color:#d7cff8;transform:translateY(-2px);box-shadow:var(--shadow)}.group-symbol,.group-mini{display:grid;place-items:center;flex:0 0 33px;height:33px;border-radius:10px;background:#f0edff;color:#755ce2;font-size:15px}.group-card h3{font:700 12px 'Space Grotesk',sans-serif;margin:2px 0 5px}.group-card p{font-size:10px;color:#9694a5;margin:0;line-height:1.5}.card-arrow{margin-left:auto;color:#aaa6bc;font-size:16px}.empty-state{background:#fff;border:1px dashed #dbd7e9;border-radius:14px;padding:44px 20px;text-align:center}.empty-state>span{font-size:30px}.empty-state h3{font:700 18px 'Space Grotesk',sans-serif;margin:12px 0 7px}.empty-state p{font-size:12px;color:var(--muted);max-width:470px;margin:0 auto 18px;line-height:1.7}.page-intro{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:-5px 0 22px}.page-intro p{font-size:12px;color:var(--muted);line-height:1.6;max-width:730px;margin:0}.scale-chip,.mini-count{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid #eceaf2;border-radius:30px;padding:8px 11px;font-size:9px;font-weight:700;color:#706e83;white-space:nowrap}.scale-chip b{color:#c7c3d3}.evaluation-layout{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(420px,1.3fr);gap:17px;align-items:start}.panel{padding:21px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.select-group-list{display:flex;flex-direction:column;gap:8px}.select-group{display:flex;align-items:center;gap:11px;padding:11px;border:1px solid #efedf4;border-radius:10px;transition:.18s}.select-group:hover,.select-group.selected{background:#f8f6ff;border-color:#cfc4fb}.select-group .group-mini{width:32px;height:32px;flex-basis:32px}.select-group>span:nth-child(2){display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.select-group strong{font-size:11px}.select-group small{font-size:9px;color:#9a98a9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.select-check{color:#8273c5;font-size:16px}.live-tag{display:inline-flex;align-items:center;gap:6px;font-size:8px;font-weight:700;letter-spacing:.08em;color:#38a77f;background:#ebf8f2;padding:7px 9px;border-radius:30px}.panel-lead{font-size:11px;color:var(--muted);margin:0 0 15px}.criteria-list{border-top:1px solid #efedf4}.criterion-row{padding:15px 0 13px;border-bottom:1px solid #efedf4}.criterion-top{display:flex;align-items:center;gap:10px;margin-bottom:10px}.criterion-number{display:grid;place-items:center;flex:0 0 29px;height:29px;border-radius:9px;background:#f2efff;color:#7863d8;font:700 10px 'Space Grotesk',sans-serif}.criterion-copy{display:flex;flex-direction:column;gap:4px;flex:1}.criterion-copy strong{font-size:11px}.criterion-copy small{font-size:9px;color:#9c99aa}.weight{font-size:9px;color:#8d84b8;background:#f6f4fc;padding:5px 7px;border-radius:6px}.rating-scale{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:5px;padding-left:39px}.rating-option{cursor:pointer}.rating-option input{position:absolute;opacity:0;pointer-events:none}.rating-option span{display:grid;place-items:center;height:29px;border:1px solid #e9e7ef;border-radius:7px;color:#7d7a8e;font-size:10px;font-weight:600;transition:.15s}.rating-option:hover span{border-color:#bcb0f2;color:#634cd1}.rating-option.checked span,.rating-option input:checked+span{color:white;background:var(--violet);border-color:var(--violet);box-shadow:0 3px 8px #7156e844}.score-footer{padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.score-footer>span{font-size:9px;color:#9996a8;max-width:190px;line-height:1.5}.compact{margin-top:4px;gap:15px}.compact .btn{align-self:flex-start;margin-top:5px}.optional{display:inline;color:#aaa7b7;font-size:8px;letter-spacing:.1em;margin-left:4px}.management-layout{display:grid;grid-template-columns:minmax(270px,.76fr) minmax(380px,1.35fr);gap:17px;align-items:start}.list-panel{min-width:0}.management-list{display:flex;flex-direction:column}.management-item{display:flex;align-items:center;gap:11px;padding:12px 0;border-top:1px solid #efedf4;min-width:0}.item-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.item-copy strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-copy small{font-size:9px;color:#9996a8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status{font-size:8px;font-weight:700;border-radius:20px;padding:6px 8px}.status-on{background:#e9f8f0;color:#32966f}.status-off{background:#f2f1f5;color:#858294}.small-action{border:0;background:transparent;color:#7661d2;font-size:9px;font-weight:700;cursor:pointer;padding:6px}.small-action:hover{color:#4933ad}.small-number{font-size:14px}.small-avatar{width:31px;height:31px;flex-basis:31px;border-radius:50%;font-size:11px}.you-label{font-size:8px;letter-spacing:.08em;color:#9895a8}.podium-section{position:relative;overflow:hidden;padding:28px 20px 23px;border-radius:17px;background:radial-gradient(ellipse at 52% 100%,#4c34ad 0,#29234f 45%,#201d3e 100%);color:white;text-align:center}.podium-section:before{content:'';position:absolute;inset:0;opacity:.2;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:27px 27px;mask-image:linear-gradient(transparent,#000)}.podium-heading,.podium,.celebration-btn{position:relative;z-index:1}.podium-heading .eyebrow{color:#c3b6ff}.podium-heading h2{font:700 25px 'Space Grotesk',sans-serif;letter-spacing:-.04em;margin:8px 0 5px}.podium-heading p{font-size:11px;color:#bbb6d3;margin:0}.podium{max-width:670px;margin:27px auto 18px;display:flex;align-items:flex-end;justify-content:center;gap:12px;min-height:205px}.podium-card{position:relative;width:min(31%,195px);padding:15px 12px 0;border:1px solid #ffffff19;border-radius:13px 13px 0 0;background:linear-gradient(180deg,#ffffff16,#ffffff08);backdrop-filter:blur(4px);animation:rise .65s both;animation-delay:var(--delay)}@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.place-1{height:190px;border-color:#ffd27976;background:linear-gradient(180deg,#ffd27924,#ffffff0b)}.place-2{height:155px}.place-3{height:133px}.medal{font-size:26px;line-height:1.15}.place-label{display:block;font-size:8px;letter-spacing:.15em;color:#d4c9ff;font-weight:700;margin:5px 0}.place-1 .place-label{color:#ffda8b}.podium-card h3{font:600 13px 'Space Grotesk',sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:5px 0}.podium-score{font:700 24px 'Space Grotesk',sans-serif;color:#fff0c5;letter-spacing:-.04em}.podium-score small{font:500 9px 'DM Sans',sans-serif;color:#d0cce0;letter-spacing:0}.podium-base{position:absolute;bottom:0;left:0;right:0;height:26px;display:grid;place-items:center;background:#ffffff10;font-size:8px;color:#ccc8dd}.celebration-btn{background:#ffd279;color:#493710;font-size:10px;min-height:39px;box-shadow:0 6px 17px #100e283d}.celebration-btn:hover{background:#ffdf9c}.celebration-btn span{font-size:13px}.ranking-panel{margin-top:18px}.table-wrap{width:100%;overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:8px;letter-spacing:.1em;color:#9996aa;font-weight:700;padding:11px 12px;border-bottom:1px solid #efedf4;white-space:nowrap}td{padding:13px 12px;border-bottom:1px solid #f0eef4;font-size:10px;color:#777488}tbody tr:last-child td{border-bottom:0}td strong{color:#37354d}.rank-number{font:700 10px 'Space Grotesk',sans-serif;color:#aaa7b8}.rank-number.top-rank{color:#785fe1}.average-cell{color:#5143a1!important;font:700 13px 'Space Grotesk',sans-serif}.average-cell small{font:500 9px 'DM Sans',sans-serif;color:#9b98a9}.app-footer{padding:12px 25px 18px;text-align:center;color:#aaa7b8;font-size:8px;letter-spacing:.15em}.app-footer span{color:#9a83e8;padding:0 5px}#confetti{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:30}.live-dot{box-shadow:0 0 0 3px #41ba8e20}
@media(max-width:1060px){.sidebar{width:215px;flex-basis:215px}.content-area{padding-left:25px;padding-right:25px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.evaluation-layout,.management-layout{grid-template-columns:1fr 1.35fr;gap:12px}.panel{padding:17px}.rating-scale{gap:3px}.rating-option span{height:27px}}
@media(max-width:760px){.auth-layout{grid-template-columns:1fr}.auth-story{min-height:240px;padding:21px 7%}.story-content{margin:33px 0 20px}.story-content h1{font-size:44px;margin:11px 0}.story-content p{font-size:13px;margin:0}.story-stars{display:none}.story-footer{font-size:8px}.auth-main{min-height:55vh;padding:20px}.auth-bottom{position:static;margin:24px 0 2px}.app-shell{display:block}.sidebar{position:relative;width:100%;height:auto;min-height:0;padding:11px 14px;display:block}.sidebar-brand{padding:0 2px 9px}.sidebar-brand .brand-mark{width:30px;height:30px;flex-basis:30px}.sidebar-brand small{display:none}.sidebar .side-label,.sidebar-bottom{display:none}.nav-links{flex-direction:row;gap:5px;overflow-x:auto;padding-bottom:2px}.nav-links a{height:36px;padding:0 10px;font-size:10px;white-space:nowrap}.nav-icon{font-size:14px}.nav-arrow{display:none}.topbar{height:78px;padding:0 18px}.topbar h1{font-size:19px}.breadcrumb{font-size:8px}.role-pill{font-size:0;padding:8px}.role-pill i{width:8px;height:8px}.top-avatar{width:31px;height:31px}.content-area{padding:20px 16px 34px}.welcome-banner{min-height:226px;padding:23px 20px}.banner-copy{max-width:70%}.banner-copy h2{font-size:23px}.banner-copy p{font-size:10px}.banner-art{right:-16px;opacity:.82;transform:translateY(-50%) scale(.77)}.stat-grid{gap:9px}.stat-card{min-height:126px;padding:14px}.stat-number{font-size:22px;right:13px;top:19px}.stat-label{font-size:10px}.stat-foot{font-size:9px}.group-grid{gap:8px}.group-card{padding:11px;gap:8px}.group-card p{font-size:9px}.page-intro{align-items:flex-start;flex-direction:column;gap:10px}.page-intro p{font-size:11px}.evaluation-layout,.management-layout{grid-template-columns:1fr;gap:11px}.panel{padding:16px}.score-footer{align-items:flex-start;flex-direction:column}.score-footer .btn{width:100%}.podium-section{padding:24px 9px 18px}.podium{gap:6px;min-height:184px;margin:23px auto 16px}.podium-card{padding:12px 7px 0;width:32%}.place-1{height:172px}.place-2{height:144px}.place-3{height:126px}.medal{font-size:22px}.podium-card h3{font-size:10px}.podium-score{font-size:20px}.place-label{font-size:7px}.podium-heading h2{font-size:22px}.podium-heading p{font-size:10px}.table-wrap{margin:0 -7px;width:calc(100% + 14px)}th,td{padding:10px 8px}.app-footer{font-size:7px}}
@media(max-width:390px){.content-area{padding-left:12px;padding-right:12px}.stat-card{padding:11px}.stat-number{right:10px}.group-card{flex-direction:column;position:relative}.card-arrow{position:absolute;right:10px;top:9px}.welcome-banner{padding:20px 14px}.banner-copy{max-width:78%}.banner-copy h2{font-size:21px}.banner-art{right:-42px;opacity:.65}.auth-main{padding:14px}.scale-chip{font-size:8px}.rating-scale{padding-left:0}.criterion-top{gap:7px}}

/* XP ARENA: neon arcade skin */
:root{--ink:#f4f1ff;--muted:#aaa5c7;--line:#373052;--surface:#19162f;--wash:#100e20;--violet:#8c5cff;--violet-dark:#7345ee;--lavender:#2b2149;--shadow:0 12px 32px #05040e70}
body{background:#100e20;color:#f4f1ff}
.auth-layout{background:#100e20}
.auth-story{background:radial-gradient(ellipse at 78% 74%,#184459 0,transparent 32%),linear-gradient(145deg,#100d26,#29205d 60%,#462477);isolation:isolate}
.auth-story:before{border-color:#8d69ff35;box-shadow:0 0 0 55px #00e7ff08,0 0 0 110px #bb5dff08}
.auth-story:after{border-color:#09e7ff4d}
.brand-mark{background:#b5ff68;color:#15132a;box-shadow:0 0 22px #b5ff6844}
.brand-dot{background:#b5ff68;box-shadow:0 0 12px #b5ff68}
.story-content h1 span{color:#b5ff68}
.story-stars{color:#4ceeff;text-shadow:0 0 16px #4ceeff99}
.auth-gamepad{display:flex;align-items:center;gap:11px;margin-top:30px;font:700 10px 'Space Grotesk',sans-serif;letter-spacing:.2em;color:#b5ff68;text-shadow:0 0 15px #b5ff6888;animation:readyBlink 1.5s steps(2,end) infinite}
.auth-gamepad:first-letter{font-size:35px}
.auth-main{background:radial-gradient(ellipse at 80% 15%,#211743 0,transparent 40%),#100e20}
.auth-card{padding:28px 25px;border:1px solid #ffffff12;border-radius:18px;background:#17142b;box-shadow:0 24px 70px #06050e70}
.auth-card h1,.auth-card h2{color:#f5f2ff}
.auth-card .muted,.login-note{color:#aaa5c7}
.auth-card .eyebrow,.eyebrow{color:#9087b4}
.auth-bottom{color:#77718f}
.stack label{color:#d0cce5}
.stack input,.stack textarea,.stack select{border-color:#37324f;background:#100e20;color:#f5f2ff}
.stack input::placeholder,.stack textarea::placeholder{color:#726d89}
.stack input:focus,.stack textarea:focus,.stack select:focus{border-color:#9a67ff;box-shadow:0 0 0 3px #9a67ff25}
.btn.primary{background:linear-gradient(100deg,#8955ff,#b34eff);color:#fff;box-shadow:0 0 22px #8c5cff45;border:1px solid #bc8cff55}
.btn.primary:hover{background:linear-gradient(100deg,#9e70ff,#c766ff);box-shadow:0 0 28px #a756ff77}
.center-screen{background:radial-gradient(ellipse at 12% 18%,#231542 0,transparent 34%),radial-gradient(ellipse at 83% 87%,#103c4b 0,transparent 32%),#100e20}
.app-shell{background:#100e20}
.sidebar{background:#100e20;border-right:1px solid #ffffff10;color:#d4d3e3}
.sidebar-brand .brand-mark{background:#b5ff68}
.sidebar-brand small{color:#817a9d}
.side-label{color:#77718f}
.nav-links a{color:#aaa5c7}
.nav-links a:hover{background:#ffffff0a;color:#fff;box-shadow:inset 0 0 18px #835aff12}
.nav-links a.active{background:linear-gradient(90deg,#44247980,#25203d);color:#fff;box-shadow:inset 2px 0 #b5ff68,0 0 19px #8155ff17}
.nav-links a.active .nav-icon{filter:drop-shadow(0 0 6px #50eaff88)}
.nav-icon{width:24px;font-size:16px;filter:saturate(1.2)}
.help-card{background:linear-gradient(145deg,#201a3d,#151329);border-color:#ffffff13;box-shadow:inset 0 1px #ffffff08}
.help-spark{color:#b5ff68;text-shadow:0 0 9px #b5ff68}
.help-card strong{color:#eeeaff}
.profile{border-color:#ffffff14}
.profile-text strong{color:#efedfa}
.profile-text span{color:#8983a2}
.main-area{position:relative;isolation:isolate;background-color:#100e20;background-image:linear-gradient(#a891ff08 1px,transparent 1px),linear-gradient(90deg,#a891ff08 1px,transparent 1px),radial-gradient(ellipse at 78% 12%,#27164b 0,transparent 42%);background-size:34px 34px,34px 34px,auto}
.main-area:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,transparent 0%,#15dbff08 50%,transparent 100%);background-size:100% 260px;animation:scanline 12s linear infinite}
.topbar{background:#100e20e8;border-bottom:1px solid #ffffff12;backdrop-filter:blur(14px)}
.breadcrumb{color:#817b9c}
.breadcrumb span{color:#504968}
.topbar h1{color:#f5f2ff}
.role-pill{background:#24203b;color:#d1c6ff;border:1px solid #ffffff0c}
.role-pill i{background:#b5ff68;box-shadow:0 0 9px #b5ff68}
.top-avatar,.avatar{background:linear-gradient(140deg,#a856ff,#4e69ff);color:#fff;box-shadow:0 0 14px #895bff3d}
.welcome-banner{border:1px solid #ae8aff50;background:radial-gradient(ellipse at 80% 20%,#8d56ff 0,transparent 35%),linear-gradient(105deg,#282050,#42247b 58%,#1b6174);box-shadow:0 15px 38px #08071180,inset 0 1px #ffffff35;animation:bannerEntry .7s both;}
.welcome-banner:after{border-color:#bc9fff40;box-shadow:0 0 0 30px #31e9ff0d,0 0 0 60px #cb80ff0b}
.banner-copy .eyebrow{color:#c8b5ff}
.banner-copy .eyebrow span{color:#b5ff68;text-shadow:0 0 13px #b5ff68}
.banner-copy h2{color:#fff;text-shadow:0 2px 14px #17112e65}
.banner-copy p{color:#e0d9f8}
.white-btn{background:#b5ff68;color:#17142b;box-shadow:0 0 22px #b5ff6855}
.white-btn:hover{background:#c7ff8a;box-shadow:0 0 28px #b5ff6888}
.banner-art{right:9%;}
.trophy{filter:drop-shadow(0 0 18px #51eaff88);animation:float 3.4s ease-in-out infinite,controllerGlow 2s ease-in-out infinite alternate}
.orbit{border-color:#80efff55;box-shadow:0 0 20px #33dbff17}
.orbit-two{border-color:#dd9cff6e}
.spark{color:#b5ff68;text-shadow:0 0 12px currentColor}
.arcade-badge{position:absolute;right:-53px;bottom:2px;padding:7px 10px;border:1px solid #99ff6755;border-radius:5px;background:#13152cd9;color:#b5ff68;font:700 8px 'Space Grotesk',sans-serif;letter-spacing:.12em;box-shadow:0 0 18px #b5ff6822;transform:rotate(-4deg);animation:badgeFloat 3s ease-in-out infinite}
.arcade-badge span{display:block;color:#46edff;margin-top:4px;font-size:7px}
.section-heading h2,.panel-head h2{color:#f5f2ff}
.section-heading .eyebrow{color:#827ba2}
.text-link{color:#69e9ff;text-shadow:0 0 12px #33daff44}
.stat-card,.panel,.group-card{background:linear-gradient(145deg,#1b1833,#151329);border:1px solid #ffffff12;box-shadow:0 8px 24px #07061055,inset 0 1px #ffffff08}
.stat-card{animation:cardEntry .55s both;transition:transform .2s,border-color .2s,box-shadow .2s}
.stat-card:nth-child(2){animation-delay:70ms}.stat-card:nth-child(3){animation-delay:140ms}.stat-card:nth-child(4){animation-delay:210ms}
.stat-card:hover,.group-card:hover{transform:translateY(-3px);border-color:#9b6aff77;box-shadow:0 10px 30px #8b4dff19,0 0 18px #66dfff12}
.stat-icon.violet{background:#362362;color:#c3a0ff}.stat-icon.orange{background:#3b2d2c;color:#ffbd66}.stat-icon.green{background:#1c393b;color:#62f1c2}.stat-icon.pink{background:#3b2545;color:#ff9dea}
.stat-number{color:#fff;text-shadow:0 0 16px #ad8cff4c}
.stat-label{color:#e7e2f7}.stat-foot{color:#9690af}
.group-card{transition:transform .2s,border-color .2s,box-shadow .2s;animation:cardEntry .55s both}
.group-card:nth-child(2){animation-delay:60ms}.group-card:nth-child(3){animation-delay:120ms}.group-card:nth-child(4){animation-delay:180ms}.group-card:nth-child(5){animation-delay:240ms}.group-card:nth-child(6){animation-delay:300ms}
.group-symbol,.group-mini{background:#292248;color:#b7a0ff;border:1px solid #9473ff30}
.group-card h3{color:#f1edff}.group-card p{color:#a29db8}.card-arrow{color:#55eaff}
.empty-state{background:#19162f;border:1px dashed #65528a;color:#f4f1ff;box-shadow:inset 0 0 30px #8c5cff0b}
.empty-state h3{color:#fff}.empty-state p{color:#aaa5c7}
.page-intro p{color:#aaa5c7}
.scale-chip,.mini-count{background:#1b1833;border-color:#ffffff16;color:#c2bdd5}
.panel{box-shadow:0 8px 25px #08071155,inset 0 1px #ffffff08}
.panel-head h2{color:#f5f2ff}
.select-group{border-color:#ffffff12;background:#17142b}
.select-group:hover,.select-group.selected{background:#282044;border-color:#9d75ff88;box-shadow:0 0 16px #815aff1b}
.select-group strong{color:#eeeaff}.select-group small{color:#9892ad}.select-check{color:#b5ff68}
.live-tag{color:#8dffcc;background:#17322f;border:1px solid #57edb62a}
.live-tag i{background:#b5ff68;box-shadow:0 0 8px #b5ff68}
.panel-lead{color:#aaa5c7}
.criteria-list,.criterion-row{border-color:#ffffff12}
.criterion-number{background:#292147;color:#ba9cff;border:1px solid #a374ff2b}
.criterion-copy strong{color:#f1edff}.criterion-copy small{color:#9892ad}
.weight{color:#d5bcff;background:#302345}
.rating-option span{background:#111022;border-color:#403958;color:#aaa4bf}
.rating-option:hover span{border-color:#61e9ff;color:#70edff;box-shadow:0 0 12px #35ddff24}
.rating-option.checked span,.rating-option input:checked+span{color:#111022;background:#b5ff68;border-color:#b5ff68;box-shadow:0 0 15px #b5ff6866}
.score-footer{border-top:1px solid #ffffff10;margin-top:13px}.score-footer>span{color:#918ba8}
.stack label{color:#d0cce5}.stack input,.stack textarea,.stack select{border-color:#393451;background:#100e20;color:#f5f2ff}
.compact .btn{box-shadow:0 0 18px #8c5cff2c}
.optional{color:#8b85a2}
.management-item{border-color:#ffffff12}.item-copy strong{color:#f1edff}.item-copy small{color:#9892ad}
.status-on{background:#16362f;color:#75f1bc}.status-off{background:#2b2938;color:#a39eb0}
.small-action{color:#71eaff}.small-action:hover{color:#c2ff6e}.you-label{color:#958fa8}
.podium-section{border:1px solid #7957c777;background:radial-gradient(ellipse at 52% 100%,#453078 0,#211b3c 47%,#151329 100%);box-shadow:0 16px 38px #07061070,inset 0 1px #ffffff19}
.podium-section:before{opacity:.36;background-image:radial-gradient(#d8ceff 1px,transparent 1px);background-size:31px 31px}
.podium-heading .eyebrow{color:#58e8ff}.podium-heading h2{color:#fff;text-shadow:0 0 18px #af79ff77}.podium-heading p{color:#b8b1d0}
.podium-card{border-color:#ffffff22;background:linear-gradient(180deg,#7160a838,#ffffff09);box-shadow:inset 0 1px #ffffff22,0 0 20px #9a66ff12}
.place-1{border-color:#b5ff6880;background:linear-gradient(180deg,#b5ff6824,#ffffff08);box-shadow:inset 0 1px #e5ffb84d,0 0 25px #b5ff6817}
.place-label{color:#bdb5dd}.place-1 .place-label{color:#caff8b}.podium-card h3{color:#fff}.podium-score{color:#c7ff7c;text-shadow:0 0 14px #b5ff6850}.podium-score small{color:#bbb4d2}
.podium-base{background:#ffffff12;color:#d5cdea;border-top:1px solid #ffffff10}
.podium-card.no-podium-base{border-radius:13px}
.celebration-btn{background:#b5ff68;color:#141329;box-shadow:0 0 22px #b5ff6840}.celebration-btn:hover{background:#ceff99;box-shadow:0 0 30px #b5ff6888}
.ranking-panel{border-color:#ffffff14}.ranking-panel th{color:#8f89aa;border-color:#ffffff16}.ranking-panel td{color:#aaa5c2;border-color:#ffffff10}.ranking-panel td strong{color:#f3efff}.rank-number{color:#8e88a5}.rank-number.top-rank{color:#b5ff68;text-shadow:0 0 10px #b5ff6866}.average-cell{color:#c6ff7e!important;text-shadow:0 0 11px #b5ff6833}.average-cell small{color:#a49dbb}
.app-footer{color:#726c8c}.app-footer span{color:#63eaff;text-shadow:0 0 12px #63eaff}
.notice.error{color:#ffc2d0;background:#341c31;border-color:#67334f}.notice.success{color:#a2ffd9;background:#17332d;border-color:#285c4a}
@keyframes scanline{from{background-position:0 -260px}to{background-position:0 100vh}}
@keyframes bannerEntry{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes cardEntry{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@keyframes controllerGlow{from{filter:drop-shadow(0 0 10px #51eaff55)}to{filter:drop-shadow(0 0 22px #ba78ffcc)}}
@keyframes badgeFloat{50%{transform:translateY(-4px) rotate(-2deg)}}
@keyframes readyBlink{50%{opacity:.55}}
@media(max-width:760px){.sidebar{background:#100e20;border-bottom:1px solid #ffffff12}.sidebar-brand{padding-bottom:9px}.nav-links a.active{box-shadow:inset 0 -2px #b5ff68;background:#292044}.main-area{background-size:28px 28px,28px 28px,auto}.topbar{background:#100e20e8}.arcade-badge{right:-45px;bottom:-9px;transform:scale(.88) rotate(-4deg)}.auth-card{padding:24px 20px}.auth-gamepad{margin-top:18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
/* Mobile evaluation: tap-sized score controls and an always reachable save action. */
.rating-progress{margin:0 0 10px;padding:9px 0 13px}
.rating-progress-copy{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px;font-size:8px;letter-spacing:.12em;color:#8f89aa;font-weight:700}
.rating-progress-copy strong{font:700 10px 'Space Grotesk',sans-serif;letter-spacing:0;color:#b5ff68}
.rating-progress-track{height:5px;border-radius:9px;background:#312b46;overflow:hidden}
.rating-progress-track span{display:block;width:0;height:100%;border-radius:9px;background:linear-gradient(90deg,#52eaff,#b5ff68);box-shadow:0 0 12px #66f2ff80;transition:width .25s ease}
@media(max-width:760px){
  .evaluation-layout{display:flex;flex-direction:column;gap:12px}
  .evaluation-layout>section{width:100%;min-width:0}
  .evaluation-layout>section:first-child .panel{padding:13px}
  .evaluation-layout>section:first-child .panel-head{margin-bottom:10px}
  .select-group-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .select-group{min-height:54px;padding:8px;gap:7px;border-radius:9px}
  .select-group .group-mini{height:30px;flex-basis:30px}
  .select-group strong{font-size:10px}
  .select-group small{display:none}
  .select-check{font-size:14px}
  .score-panel{scroll-margin-top:12px;padding:15px 13px 0}
  .score-panel .panel-head{align-items:flex-start;margin-bottom:11px}
  .score-panel .panel-head h2{font-size:18px;max-width:230px;overflow-wrap:anywhere}
  .score-panel .live-tag{font-size:7px;white-space:nowrap;padding:7px}
  .panel-lead{font-size:11px;margin-bottom:4px}
  .rating-progress{margin-bottom:7px}
  .criteria-list{border:0}
  .criterion-row{padding:13px 10px 12px;margin:0 0 9px;border:1px solid #ffffff13;border-radius:11px;background:linear-gradient(145deg,#1e1a37,#151329);box-shadow:inset 0 1px #ffffff08}
  .criterion-top{gap:9px;margin-bottom:11px}
  .criterion-number{width:31px;height:31px;flex-basis:31px}
  .criterion-copy strong{font-size:12px;line-height:1.35}
  .criterion-copy small{font-size:9px;line-height:1.35}
  .weight{font-size:9px;padding:6px 8px}
  .rating-scale{padding-left:0;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
  .rating-option{min-width:0}
  .rating-option span{height:42px;border-radius:9px;font-size:13px;font-weight:700}
  .rating-option.checked span,.rating-option input:checked+span{color:#111022;background:#b5ff68;border-color:#b5ff68;box-shadow:0 0 17px #b5ff6870;transform:scale(1.03)}
  .score-footer{position:sticky;bottom:0;z-index:5;display:flex;flex-direction:column;align-items:stretch;gap:8px;margin:2px -13px 0;padding:11px 13px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #8d75c944;background:#151329ed;backdrop-filter:blur(14px);box-shadow:0 -10px 22px #0d0b1dc9}
  .score-footer>span{text-align:center;max-width:none;font-size:9px}
  .score-footer .btn{width:100%;min-height:49px;border-radius:11px;font-size:13px}
  .page-intro{margin-bottom:14px}
}
@media(max-width:380px){
  .select-group-list{grid-template-columns:1fr}
  .select-group{min-height:45px}
  .select-group small{display:block}
  .rating-scale{gap:5px}
  .rating-option span{height:40px}
}
.score-entry{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-left:39px}
.score-point-label{display:flex;flex-direction:column;gap:4px;font-size:10px;font-weight:700;color:#e8e4f8}
.score-point-label span{font-size:9px;font-weight:500;color:#a19ab7}
.score-field{display:flex;align-items:center;gap:8px}
.score-field input{width:105px;height:39px;padding:6px 10px;border:1px solid #544677;border-radius:9px;outline:none;background:#100e20;color:#f7f3ff;font:700 16px 'Space Grotesk',sans-serif;text-align:center}
.score-field input:focus{border-color:#65eaff;box-shadow:0 0 0 3px #65eaff20}
.score-field>span{font-size:9px;color:#aaa3c0;white-space:nowrap}
.weight-summary{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin:-5px 0 20px;padding:14px 16px 18px;overflow:hidden;border:1px solid #ffffff16;border-radius:12px;background:#19162f}
.weight-summary>span{font-size:9px;letter-spacing:.11em;font-weight:700;color:#a29bb7}
.weight-summary>strong{font:700 15px 'Space Grotesk',sans-serif;color:#ffc45c}
.weight-summary>i{position:absolute;left:0;bottom:0;width:100%;height:4px;background:#332b47}
.weight-summary>i:after{content:"";display:block;width:var(--weight-progress);height:100%;background:linear-gradient(90deg,#55eaff,#b5ff68);box-shadow:0 0 13px #69edff88}
.weight-summary>small{flex-basis:100%;font-size:10px;color:#a8a1bb}
.weight-summary.ready>strong{color:#b5ff68}
.criterion-admin-card,.user-admin-card{padding:14px 0;border-top:1px solid #ffffff12}
.criterion-admin-heading,.user-admin-heading{display:flex;align-items:center;gap:9px}
.criterion-admin-heading>strong{flex:1;font-size:11px;color:#f1edff}
.criterion-edit-form{display:grid;grid-template-columns:1fr 1fr .7fr;gap:9px;margin:12px 0 5px}
.criterion-edit-form label{display:flex;flex-direction:column;gap:5px;color:#aaa5c7;font-size:9px;font-weight:700}
.criterion-edit-form input,.criterion-edit-form textarea{width:100%;padding:9px 10px;border:1px solid #393451;border-radius:8px;background:#100e20;color:#f5f2ff;outline:none;font:500 11px 'DM Sans',sans-serif}
.criterion-edit-form input:focus,.criterion-edit-form textarea:focus{border-color:#9a67ff;box-shadow:0 0 0 2px #9a67ff25}
.criterion-edit-form .btn{grid-column:1/-1;justify-self:start;min-height:35px;font-size:10px}
.criterion-admin-actions,.user-admin-actions{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:8px}
.criterion-admin-actions form,.user-admin-actions form{display:inline-flex}
.danger-action{color:#ff8da6}.danger-action:hover{color:#ffb0c0}
.user-admin-card{padding:12px 0}
.user-admin-heading .item-copy{flex:1}
.field-hint{font-size:9px;color:#9a94ac;font-weight:400}
@media(max-width:760px){
  .score-entry{padding-left:0;display:block}
  .score-point-label{flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:7px;font-size:11px}
  .score-point-label span{font-size:10px}
  .score-field{gap:8px}
  .score-field input{width:100%;height:48px;font-size:18px}
  .score-field>span{min-width:67px;text-align:right;font-size:10px}
  .weight-summary{margin:-3px 0 14px;padding:12px 13px 17px}
  .weight-summary>strong{font-size:14px}
  .criterion-edit-form{grid-template-columns:1fr 105px}
  .criterion-edit-form label:nth-child(2){grid-column:1/-1;grid-row:2}
  .criterion-edit-form label:nth-child(3){grid-column:2;grid-row:1}
  .criterion-edit-form .btn{grid-column:1/-1;width:100%;min-height:42px}
  .criterion-admin-actions,.user-admin-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}
  .criterion-admin-actions form,.user-admin-actions form{width:100%}
  .criterion-admin-actions .small-action,.user-admin-actions .small-action{width:100%;min-height:39px;padding:8px 5px;border:1px solid #ffffff15;border-radius:8px;background:#211c39;font-size:9px}
  .user-admin-actions form:last-child{grid-column:1/-1}
  .criterion-admin-actions form:last-child{grid-column:1/-1}
  .management-item{flex-wrap:wrap;gap:8px}
  .management-item form{margin-left:auto}
}

/* Apresentação do ranking: modo palco disponível somente na conta admin. */
.ranking-presentation{position:fixed;inset:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(16px,3vh,32px);padding:clamp(18px,4vw,54px);overflow:auto;background:radial-gradient(ellipse at 50% 75%,#3d2b81 0,#201a43 48%,#100f22 100%);color:#fff;opacity:0;visibility:hidden;transform:scale(.97);transition:opacity .28s ease,transform .28s ease,visibility .28s}
.ranking-presentation:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.24;background-image:radial-gradient(#d8ceff 1px,transparent 1px);background-size:29px 29px;mask-image:linear-gradient(transparent,#000)}
.ranking-presentation.is-open{opacity:1;visibility:visible;transform:scale(1)}
.presentation-active{overflow:hidden}
.presentation-top,.presentation-copy,#presentation-podium,.presentation-footer{position:relative;z-index:1}
.presentation-top{position:absolute;top:clamp(16px,3vw,32px);left:clamp(18px,4vw,54px);right:clamp(18px,4vw,54px);display:flex;align-items:center;justify-content:space-between}
.presentation-top .brand{display:flex;align-items:center;gap:9px;font:700 13px 'Space Grotesk',sans-serif;letter-spacing:.08em}
.presentation-top .brand-mark{display:grid;place-items:center;width:36px;height:36px;border:1px solid #ffffff28;border-radius:11px;background:#ffffff12;font-size:18px}
.presentation-top .brand small{display:block;margin-left:5px;color:#a9a2c8;font:600 8px 'DM Sans',sans-serif;letter-spacing:.14em}
.presentation-close{display:flex;align-items:center;gap:8px;min-height:40px;padding:0 13px;border:1px solid #ffffff28;border-radius:9px;background:#ffffff12;color:#fff;font-size:10px;font-weight:700;cursor:pointer}
.presentation-close:hover{background:#ffffff22}
.presentation-close span{font-size:8px;letter-spacing:.1em}
.presentation-copy{text-align:center;margin-top:45px}
.presentation-copy>span{color:#caff8b;font-size:10px;font-weight:800;letter-spacing:.24em}
.presentation-copy h1{margin:10px 0 7px;font:700 clamp(32px,6vw,66px)/1 'Space Grotesk',sans-serif;letter-spacing:-.06em;text-shadow:0 0 32px #a78bfa55}
.presentation-copy p{margin:0;color:#c6bfdc;font-size:clamp(11px,1.5vw,15px)}
#presentation-podium{width:min(900px,100%)}
#presentation-podium .podium{max-width:850px;min-height:clamp(230px,35vh,340px);gap:clamp(10px,2.5vw,26px);margin:0 auto}
#presentation-podium .podium-card{width:min(31%,245px);padding:20px 14px 0}
#presentation-podium .place-1{height:clamp(205px,29vh,280px)}
#presentation-podium .place-2{height:clamp(170px,24vh,235px)}
#presentation-podium .place-3{height:clamp(150px,21vh,210px)}
#presentation-podium .medal{font-size:clamp(28px,4vw,46px)}
#presentation-podium .place-label{font-size:clamp(8px,1vw,11px)}
#presentation-podium .podium-card h3{font-size:clamp(12px,1.7vw,19px)}
#presentation-podium .podium-score{font-size:clamp(22px,3vw,34px)}
#presentation-podium .podium-base{height:34px;font-size:clamp(8px,1vw,10px)}
.presentation-footer{color:#aaa2c8;font-size:9px;font-weight:700;letter-spacing:.2em}
.presentation-footer span{padding-left:7px;color:#caff8b}
@media(max-width:600px){.ranking-presentation{justify-content:center;gap:18px;padding:74px 12px 20px}.presentation-top{top:13px;left:13px;right:13px}.presentation-top .brand{font-size:10px}.presentation-top .brand-mark{width:31px;height:31px}.presentation-top .brand small{display:none}.presentation-close{min-height:35px;padding:0 10px}.presentation-copy{margin-top:0}.presentation-copy h1{font-size:37px}.presentation-copy p{font-size:10px}.#presentation-podium .podium{gap:5px;min-height:208px}.#presentation-podium .podium-card{width:32%;padding:13px 5px 0}.#presentation-podium .place-1{height:190px}#presentation-podium .place-2{height:158px}#presentation-podium .place-3{height:140px}#presentation-podium .medal{font-size:25px}#presentation-podium .podium-card h3{font-size:10px}#presentation-podium .podium-score{font-size:20px}#presentation-podium .podium-base{height:26px;font-size:7px}.presentation-footer{font-size:8px}}
.ranking-access-control{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;border-color:#b5ff6855;background:linear-gradient(120deg,#211d3a,#292443)}
.ranking-access-control .eyebrow{color:#b5ff68}
.ranking-access-control h2{margin:6px 0;font:700 17px 'Space Grotesk',sans-serif;color:#fff}
.ranking-access-control p{margin:0;color:#bcb6d1;font-size:11px;line-height:1.5}
.ranking-access-control .btn{flex:0 0 auto;white-space:nowrap}
.btn.secondary-btn{background:#37324e;color:#e8e3f7;border:1px solid #ffffff20}
.btn.secondary-btn:hover{background:#443d60}
.ranking-waiting{margin-top:8px}
@media(max-width:600px){.ranking-access-control{align-items:stretch;flex-direction:column;gap:13px;padding:16px}.ranking-access-control .btn{width:100%;min-height:45px}}
.presentation-launch{display:grid;grid-template-columns:1fr auto;gap:7px 16px;align-items:center;padding:17px 20px;margin:0 0 18px;border:1px solid #ffffff17;border-radius:13px;background:linear-gradient(110deg,#211d3a,#292443);color:#fff}
.presentation-launch>span{font:700 12px 'Space Grotesk',sans-serif}.presentation-launch>small{grid-column:1;color:#aaa4c3;font-size:10px;line-height:1.5}.presentation-launch .btn{grid-column:2;grid-row:1/3;background:#b5ff68;color:#141329;box-shadow:0 0 18px #b5ff6833}.presentation-launch .btn:hover{background:#ceff99}
.place-1{height:216px}.place-2{height:181px}.place-3{height:161px}
.podium-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:5px 0 31px;color:#d6d0e8;font-size:8px;line-height:1.35;overflow-wrap:anywhere}
.public-podium .podium-card h3{margin-bottom:4px}.public-podium .podium-description{margin-bottom:31px;color:#d7d0ec}
.ranking-presentation{gap:clamp(14px,2.5vh,26px)}
.presentation-waiting{color:#b5ff68;font-size:9px;font-weight:800;letter-spacing:.17em}
.presentation-copy{width:min(900px,100%);margin-top:30px}
.presentation-copy h1{font-size:clamp(28px,5vw,54px)}
.presentation-stage{display:grid;place-items:center;min-height:clamp(230px,48vh,470px);width:100%;padding:14px}
.presentation-stage>p{color:#c6bfdc;font-size:clamp(14px,2vw,20px);text-align:center}
.reveal-card{width:min(700px,100%);min-height:clamp(220px,42vh,410px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(22px,5vw,54px);border:1px solid #ffffff28;border-radius:24px;background:linear-gradient(145deg,#ffffff1c,#ffffff08);box-shadow:0 24px 90px #0005,inset 0 1px #ffffff30;animation:reveal-pop .6s cubic-bezier(.2,.85,.25,1.2) both;text-align:center}
.reveal-card.place-1{border-color:#caff8b99;background:radial-gradient(ellipse at 50% 0,#b5ff6826,transparent 60%),linear-gradient(145deg,#ffffff20,#ffffff09);box-shadow:0 0 55px #b5ff6822,0 24px 90px #0005}
.reveal-medal{font-size:clamp(56px,10vw,100px);line-height:1;filter:drop-shadow(0 10px 24px #0006);animation:reveal-float 2.5s ease-in-out infinite}
.reveal-card h2{margin:20px 0 10px;color:#fff;font:700 clamp(25px,5vw,52px)/1.1 'Space Grotesk',sans-serif;letter-spacing:-.045em;overflow-wrap:anywhere}
.reveal-description{max-width:600px;margin:0;color:#d9d4e8;font-size:clamp(12px,1.6vw,17px);line-height:1.6;white-space:pre-line;overflow-wrap:anywhere}
.presentation-controls{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}
.presentation-control,.presentation-stop{margin:0}
.presentation-control .btn{min-width:min(300px,80vw);min-height:52px;background:#b5ff68;color:#141329;box-shadow:0 0 30px #b5ff6855}
.presentation-control .btn:hover{background:#ceff99;box-shadow:0 0 40px #b5ff6888}
@keyframes reveal-pop{from{opacity:0;transform:translateY(35px) scale(.92);filter:blur(8px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
@keyframes reveal-float{50%{transform:translateY(-9px) rotate(-3deg)}}
@media(max-width:600px){.presentation-launch{grid-template-columns:1fr;gap:8px;padding:15px}.presentation-launch>small,.presentation-launch .btn{grid-column:1;grid-row:auto}.presentation-launch .btn{width:100%;min-height:44px}.place-1{height:196px}.place-2{height:168px}.place-3{height:150px}.podium-description{font-size:7px;margin-top:4px}.ranking-presentation{gap:7px;padding:70px 12px 16px}.presentation-top{top:12px;left:13px;right:13px}.presentation-copy{margin-top:6px}.presentation-copy h1{font-size:30px}.presentation-stage{min-height:42vh;padding:6px}.reveal-card{min-height:36vh;border-radius:18px;padding:20px 14px}.reveal-medal{font-size:62px}.reveal-card h2{font-size:29px;margin:15px 0 8px}.reveal-description{font-size:12px;line-height:1.5}.presentation-controls{gap:7px}.presentation-control .btn,.presentation-stop .btn{min-height:48px;padding:0 12px}.presentation-footer{font-size:7px}}
/* Auditoria detalhada para identificar totais individuais e médias finais. */
.evaluator-audit{margin-top:18px}.evaluator-audit .panel-head{align-items:flex-start}.evaluator-audit .panel-head>div{min-width:0}.evaluator-audit .panel-head h2{margin-bottom:7px}.audit-explainer{font-size:11px;color:#aaa5c2;line-height:1.6;max-width:760px;margin:0}.audit-score-details{min-width:260px;max-width:560px;line-height:1.6}.audit-incomplete{color:#ffca75;font-weight:700;font-size:10px}@media(max-width:760px){.evaluator-audit .panel-head{flex-direction:column}.audit-score-details{min-width:220px;max-width:320px;white-space:normal}}
.viewer-evaluations{display:grid;gap:11px}.viewer-evaluation-card{border:1px solid #ffffff14;border-radius:12px;background:#ffffff07;padding:13px}.viewer-evaluation-heading{display:flex;align-items:center;gap:9px;padding-bottom:10px;border-bottom:1px solid #ffffff12}.viewer-evaluation-heading>div{display:flex;flex-direction:column;gap:3px}.viewer-evaluation-heading strong{font-size:11px;color:#f4f0ff}.viewer-evaluation-heading small{font-size:9px;color:#a9a3c0}.viewer-evaluation-scores{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding-top:9px}.viewer-evaluation-score{min-width:0;padding:9px;border-radius:9px;background:#ffffff08;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 8px}.viewer-evaluation-score>span{font-size:10px;color:#c9c3dd;overflow-wrap:anywhere}.viewer-evaluation-score>strong{font:700 13px 'Space Grotesk',sans-serif;color:#baff72;white-space:nowrap}.viewer-evaluation-score>strong small{font:500 8px 'DM Sans',sans-serif;color:#aaa5c2}.viewer-evaluation-score time{grid-column:1/-1;font-size:8px;color:#9993af}.viewer-no-evaluations{padding:25px 12px;background:#ffffff05;border-color:#ffffff18}.viewer-no-evaluations h3{font-size:14px}.viewer-no-evaluations p{font-size:10px;color:#aaa5c2;margin-bottom:0}@media(max-width:600px){.viewer-evaluations{gap:9px}.viewer-evaluation-card{padding:10px}.viewer-evaluation-scores{grid-template-columns:1fr}.viewer-evaluation-score{padding:10px}.viewer-evaluation-score>span{font-size:11px}}
.podium-card{display:flex;flex-direction:column;align-items:center;height:auto;padding-bottom:38px;min-height:161px}.podium-card.place-1{min-height:216px}.podium-card.place-2{min-height:181px}.podium-card.place-3{min-height:161px}.podium-card h3{white-space:normal;overflow:visible;text-overflow:unset;overflow-wrap:anywhere;line-height:1.25}.podium-description{display:block;-webkit-line-clamp:unset;-webkit-box-orient:initial;overflow:visible;text-overflow:unset;white-space:normal;overflow-wrap:anywhere;word-break:normal;margin:5px 0 12px;max-width:100%;line-height:1.4}.podium-score{margin-top:auto;max-width:100%;overflow-wrap:anywhere;text-align:center}.podium-base{height:27px}@media(max-width:760px){.podium-card{padding-left:6px;padding-right:6px;padding-bottom:37px}.podium-description{font-size:8px;line-height:1.35}}@media(max-width:600px){.podium-card{height:auto;min-height:126px;padding-bottom:37px}.podium-card.place-1{height:auto;min-height:172px}.podium-card.place-2{height:auto;min-height:144px}.podium-card.place-3{height:auto;min-height:126px}.podium-description{font-size:7px;line-height:1.3;margin:4px 0 10px}.podium-base{height:27px;font-size:7px}.podium-score{font-size:clamp(15px,4.5vw,20px)}}
.podium-heading-row{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:850px;margin:0 auto}.podium-heading-row .podium-heading{flex:1}.fullscreen-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 12px;border:1px solid #ffffff30;border-radius:9px;background:#ffffff12;color:#fff;font-size:10px;font-weight:700;white-space:nowrap;cursor:pointer;transition:background .18s,border-color .18s}.fullscreen-toggle:hover,.fullscreen-toggle[aria-pressed="true"]{background:#ffffff24;border-color:#b5ff68;color:#d7ffab}.fullscreen-toggle>span:first-child{font-size:17px;line-height:1}.presentation-top-actions{display:flex;align-items:center;gap:12px}.presentation-top-actions .fullscreen-toggle{min-height:34px;padding:0 10px;background:#ffffff12}.podium-section:fullscreen,.podium-section:-webkit-full-screen{width:100vw;height:100vh;min-height:100vh;display:flex;flex-direction:column;justify-content:center;overflow:auto;border-radius:0;padding:clamp(22px,4vw,56px);background:radial-gradient(ellipse at 50% 100%,#4c34ad 0,#29234f 48%,#100e20 100%)}.podium-section:fullscreen .podium,.podium-section:-webkit-full-screen .podium{width:min(1000px,100%);max-width:1000px;min-height:0;margin:clamp(20px,5vh,50px) auto;gap:clamp(12px,2.5vw,28px)}.podium-section:fullscreen .podium-card,.podium-section:-webkit-full-screen .podium-card{width:min(31%,300px);flex-shrink:0}.ranking-presentation:fullscreen,.ranking-presentation:-webkit-full-screen{position:fixed;inset:0;width:100vw;height:100vh;max-width:none;max-height:none;overflow:auto}@media(max-width:600px){.podium-heading-row{align-items:flex-start;flex-direction:column}.podium-heading-row .podium-heading{width:100%}.podium-heading-row .fullscreen-toggle{align-self:center;margin:12px 0 0}.presentation-top-actions{gap:6px}.presentation-top-actions .presentation-waiting{display:none}.presentation-top-actions .fullscreen-toggle{font-size:8px;min-height:32px;padding:0 8px}.podium-section:fullscreen,.podium-section:-webkit-full-screen{justify-content:flex-start;padding:18px 12px}.podium-section:fullscreen .podium,.podium-section:-webkit-full-screen .podium{gap:6px;margin:22px auto}.podium-section:fullscreen .podium-card,.podium-section:-webkit-full-screen .podium-card{width:32%}}
.results-intro .fullscreen-toggle{flex:0 0 auto}.results-intro .fullscreen-toggle:hover{color:#d7ffab}@media(max-width:760px){.results-intro .fullscreen-toggle{align-self:flex-start;margin-top:2px}}