@import"https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700;800&display=swap";:root{font-family:Cairo,Arial,sans-serif;color:#1d1d1b;background:#f6f6f6;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #1d1d1b;--muted: #62666a;--blue-950: #003a5d;--blue-700: #006fad;--blue-300: #6fa1ce;--blue-100: #dce9f3;--green: #afca0b;--green-soft: #edf3c4;--gray-050: #f6f6f6;--gray-100: #efedec;--gray-200: #e0dcd8;--gray-300: #d1cbc7;--white: #ffffff;--red: #a72d2d;--red-soft: #f7e3e3;--border: #e0dcd8;--shadow: 0 14px 38px rgba(0, 58, 93, .08)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,rgba(111,161,206,.08) 0 12%,transparent 12% 100%),var(--gray-050)}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Cairo,Arial,sans-serif;line-height:1.08}h1{margin-bottom:.75rem;font-size:clamp(2rem,6vw,3.6rem);font-weight:700;letter-spacing:-.035em}h2{font-weight:700;letter-spacing:-.02em}p{line-height:1.55}.app-shell{min-height:100vh;padding-bottom:6rem}.topbar{height:82px;max-width:1160px;margin:0 auto;padding:0 1.25rem;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:1rem;min-width:0}.brand img{display:block;width:172px;height:auto}.event-name{display:flex;flex-direction:column;padding-left:1rem;border-left:1px solid var(--gray-300);line-height:1.03}.event-name strong{color:var(--blue-950);font-size:.96rem;font-weight:700}.event-name small{color:var(--muted);font-size:.69rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase}.text-link,.back-link{color:var(--blue-700);font-weight:700}.text-link{padding:.45rem .15rem}.text-link:hover,.back-link:hover{color:var(--blue-950)}.back-link{display:inline-flex;align-items:center;gap:.4rem}.page{max-width:1120px;margin:0 auto;padding:2.5rem 1.25rem 4rem}.narrow{width:min(100%,680px);margin:0 auto}.stack-lg>*+*{margin-top:1.5rem}.intro{padding:1.2rem 0;text-align:center}.intro p:last-child,.page-heading p,.admin-header p{max-width:650px;color:var(--muted)}.intro p:last-child{margin:0 auto}.eyebrow{margin-bottom:.65rem;color:var(--blue-700);font-size:.77rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.card{background:#fffffff5;border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow)}.button{min-height:45px;padding:.72rem 1.05rem;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;border:0;border-radius:4px;cursor:pointer;font-weight:700;transition:transform .15s,background .15s,opacity .15s}.button:hover:not(:disabled){transform:translateY(-1px)}.button:focus-visible,.icon-button:focus-visible,.segmented button:focus-visible,.game-card-toggle:focus-visible{outline:3px solid rgba(0,111,173,.28);outline-offset:2px}.button:disabled{cursor:wait;opacity:.58}.button.primary{background:var(--blue-950);color:#fff}.button.primary:hover:not(:disabled){background:var(--blue-700)}.button.secondary{background:var(--blue-100);color:var(--blue-950)}.button.ghost{background:var(--gray-100);color:var(--blue-950)}.button.light{background:var(--white);color:var(--blue-950)}.button.danger{background:var(--red);color:#fff}.button.danger:hover:not(:disabled){background:#842424}.button.full{width:100%}.button.small{min-height:36px;padding:.5rem .8rem;font-size:.86rem}.icon-button{width:42px;aspect-ratio:1;display:inline-grid;place-items:center;flex:0 0 auto;border:0;border-radius:4px;background:var(--gray-100);color:var(--blue-950);cursor:pointer}.icon-button.danger{background:var(--red-soft);color:var(--red)}.bottom-nav{position:fixed;z-index:20;left:50%;bottom:max(1rem,env(safe-area-inset-bottom));transform:translate(-50%);width:min(calc(100% - 2rem),520px);padding:.45rem;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(255,255,255,.15);border-radius:8px;background:#003a5df7;color:#ffffffa6;box-shadow:0 16px 40px #003a5d40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.bottom-nav a{padding:.43rem;display:flex;flex-direction:column;align-items:center;gap:.16rem;border-radius:3px;font-size:.7rem;font-weight:700}.bottom-nav a.active{background:#ffffff24;color:#fff}.segmented{padding:.3rem;display:grid;grid-template-columns:1fr 1fr;border-radius:6px;background:var(--gray-200)}.segmented button{padding:.72rem;display:flex;align-items:center;justify-content:center;gap:.5rem;border:0;border-radius:3px;background:transparent;color:var(--muted);cursor:pointer;font-weight:700}.segmented button.active{background:var(--white);color:var(--blue-950);box-shadow:0 3px 12px #003a5d14}.form-card,.edit-panel{padding:clamp(1.25rem,4vw,2rem)}form label{display:flex;flex-direction:column;gap:.4rem;font-size:.86rem;font-weight:700}form label+label,form>label+div,form>div+label,form>label+p{margin-top:1rem}input,textarea{width:100%;padding:.76rem .82rem;border:1px solid var(--border);border-radius:4px;outline:none;background:#fff;color:var(--ink)}input:focus,textarea:focus{border-color:var(--blue-700);box-shadow:0 0 0 3px #006fad1f}input:disabled{background:var(--gray-100);color:var(--muted);cursor:not-allowed}textarea{resize:vertical}.two-cols,.three-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.three-cols{grid-template-columns:2fr 1fr 1fr}.two-cols>label,.three-cols>label{margin-top:0}.field-hint{margin:.5rem 0 1rem;color:var(--muted);font-size:.78rem}.form-card .button{margin-top:1.25rem}.check-label{flex-direction:row;align-items:center;font-weight:600}.check-label input{width:18px;height:18px;accent-color:var(--blue-700)}.message{margin-top:.85rem;padding:.75rem .85rem;display:flex;align-items:flex-start;gap:.55rem;border-radius:4px;font-size:.85rem;line-height:1.35}.message.error{background:var(--red-soft);color:#7b2421}.message.success{background:var(--green-soft);color:#435000}.hero-card{position:relative;overflow:hidden;padding:clamp(2rem,7vw,4.5rem);border-radius:8px;background:var(--blue-950);color:#fff;box-shadow:0 22px 55px #003a5d33}.hero-card:before{content:"";position:absolute;top:0;right:8%;width:min(35vw,340px);height:100%;background:#006fad8f;clip-path:polygon(38% 0,100% 0,62% 100%,0 100%)}.hero-card:after{content:"";position:absolute;top:0;right:-5%;width:min(27vw,260px);height:100%;background:#6fa1ce52;clip-path:polygon(42% 0,100% 0,100% 100%,0 100%)}.hero-card>*{position:relative;z-index:2}.hero-card h1{max-width:720px;margin-bottom:.8rem;font-size:clamp(2.6rem,9vw,5rem)}.hero-card .eyebrow{color:#fff}.hero-accent{position:absolute;z-index:3;top:clamp(1.4rem,4vw,3rem);right:clamp(1.4rem,4vw,3rem);width:20px;aspect-ratio:1;border-radius:50%;background:var(--green)}.team-members{display:flex;align-items:center;gap:.5rem;color:#ffffffc7}.hero-card .button{margin-top:1.25rem}.welcome-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.action-card{padding:1.3rem;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;border:1px solid var(--border);border-radius:6px;background:var(--white);box-shadow:0 8px 25px #003a5d0a;transition:border-color .15s,transform .15s}.action-card:hover{transform:translateY(-1px);border-color:var(--blue-300)}.action-card>span:nth-child(2){display:flex;flex-direction:column}.action-card small{margin-top:.2rem;color:var(--muted)}.icon-bubble{width:52px;aspect-ratio:1;display:grid;place-items:center;border-radius:4px;background:var(--blue-100);color:var(--blue-950)}.icon-bubble.green{background:var(--blue-100)}.icon-bubble.accent{background:var(--green-soft);color:var(--blue-950)}.page-heading,.admin-header{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem}.page-heading h1,.admin-header h1{margin-bottom:.5rem;color:var(--blue-950)}.page-heading p,.admin-header p{margin-bottom:0}.progress-ring{width:82px;aspect-ratio:1;display:flex;flex:0 0 auto;flex-direction:column;align-items:center;justify-content:center;border:7px solid var(--blue-100);border-top-color:var(--blue-700);border-radius:50%;background:var(--white)}.progress-ring strong{color:var(--blue-950);font-weight:800}.progress-ring span{color:var(--muted);font-size:.68rem;text-transform:uppercase}.games-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.game-card{padding:0;overflow:hidden;transition:border-color .2s}.game-card.completed{border-color:var(--green)}.game-card-toggle{width:100%;padding:1.2rem 1.3rem;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:.85rem;border:0;background:transparent;text-align:left;cursor:pointer}.game-card-toggle:hover{background:#dce9f359}.game-number{padding-top:.3rem;color:var(--blue-700);font-size:.76rem;font-weight:800;letter-spacing:.08em}.game-card h2{margin:0;color:var(--blue-950);font-size:1.2rem}.game-card-title{min-width:0;display:flex;flex-direction:column;gap:.25rem}.game-card-title small{overflow:hidden;color:var(--muted);font-size:.78rem;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.game-card-chevron{color:var(--muted);transition:transform .2s ease}.game-card-chevron.expanded{transform:rotate(180deg)}.game-card-body{padding:1.15rem 1.3rem 1.3rem;border-top:1px solid var(--border)}.game-card-description{margin-bottom:1rem;color:var(--muted);font-size:.84rem;line-height:1.45}.done-mark{width:30px;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:var(--green);color:var(--blue-950)}.input-unit{position:relative}.input-unit input{padding-right:5rem}.input-unit span{position:absolute;top:50%;right:.85rem;transform:translateY(-50%);color:var(--muted);font-size:.8rem}.points-result{margin:.8rem 0 0;padding:.7rem .85rem;display:flex;align-items:center;justify-content:space-between;border-radius:4px;background:var(--blue-950);color:#fff}.points-result span{color:#ffffffad;font-size:.78rem}.game-card .button{margin-top:.9rem}.locked-hint{margin-bottom:0}.ranking-heading{align-items:center}.ranking-list{display:flex;flex-direction:column;gap:.65rem}.ranking-row{padding:1.05rem 1.25rem;display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:1rem;border:1px solid var(--border);border-radius:5px;background:var(--white)}.ranking-row.rank-1{padding-block:1.35rem;border-color:var(--blue-950);background:var(--blue-950);color:#fff}.ranking-row.rank-1 .rank-team small,.ranking-row.rank-1 .rank-points small{color:#ffffffa3}.ranking-row.rank-1 .rank-number{color:var(--green)}.ranking-row.rank-2 .rank-number{color:var(--blue-700)}.ranking-row.rank-3 .rank-number{color:var(--blue-300)}.rank-number{display:grid;place-items:center;font-size:1.1rem;font-weight:800}.rank-team,.rank-points{display:flex;flex-direction:column}.rank-team small,.rank-points small{margin-top:.15rem;color:var(--muted);font-size:.76rem}.rank-points{text-align:right}.rank-points strong{color:inherit;font-size:1.35rem;font-weight:800}.empty-state{padding:3rem 1.5rem;text-align:center;color:var(--muted)}.empty-state svg{margin-bottom:.6rem;color:var(--blue-700)}.empty-state h1,.empty-state h2{color:var(--blue-950)}.empty-state .button{margin-top:.6rem}.inline-loader,.splash{min-height:45vh;display:flex;align-items:center;justify-content:center;gap:.8rem;color:var(--muted)}.splash{min-height:100vh;flex-direction:column}.spinner{width:28px;aspect-ratio:1;border:3px solid var(--gray-200);border-top-color:var(--blue-700);border-radius:50%;animation:spin .8s linear infinite}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.setup-page{min-height:100vh;padding:1.25rem;display:grid;place-items:center}.setup-card{width:min(100%,570px);padding:clamp(1.5rem,6vw,3rem);border:1px solid var(--border);border-radius:8px;background:var(--white);box-shadow:var(--shadow)}.setup-card code{margin:0 .2rem;padding:.15rem .35rem;border-radius:3px;background:var(--gray-100)}.setup-card .button{margin-top:1rem}.admin-page{padding-bottom:2rem}.admin-actions{display:flex;flex:0 0 auto;gap:.5rem}.admin-toolbar{padding:1rem 1.2rem;display:flex;align-items:center;justify-content:space-between;border-block:1px solid var(--border)}.admin-toolbar>div{display:flex;flex-direction:column}.admin-toolbar small{color:var(--muted)}.admin-game-list{display:flex;flex-direction:column;gap:.75rem}.admin-danger-zone{padding:1.1rem 1.2rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;border-color:#e5b9b9;box-shadow:none}.admin-danger-zone>div{display:flex;flex-direction:column}.admin-danger-zone strong{color:var(--red)}.admin-danger-zone small{margin-top:.15rem;color:var(--muted)}.admin-game{overflow:hidden}.admin-game-row{padding:.9rem;display:grid;grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:.6rem}.expand-button{width:36px;height:36px;border:0;background:transparent;color:var(--blue-950);cursor:pointer}.admin-game-title{display:flex;flex-direction:column}.admin-game-title small{margin-top:.12rem;color:var(--muted)}.status-pill{padding:.3rem .55rem;border-radius:999px;background:var(--gray-100);color:var(--muted);font-size:.7rem;font-weight:800}.status-pill.active{background:var(--green-soft);color:#435000}.panel-title,.form-actions,.rules-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.panel-title h2{margin:0;color:var(--blue-950)}.form-actions{justify-content:flex-end;margin-top:1.2rem}.rules-panel{padding:1.2rem;border-top:1px solid var(--border);background:var(--gray-050)}.rules-head>div{display:flex;flex-direction:column}.rules-head small{color:var(--muted)}.rules-list{margin-top:1rem;display:flex;flex-direction:column;gap:.45rem}.rule-row{padding:.7rem;display:grid;grid-template-columns:32px 1fr auto auto auto;align-items:center;gap:.55rem;border:1px solid var(--border);border-radius:4px;background:#fff}.rule-order{width:26px;aspect-ratio:1;display:grid;place-items:center;border-radius:3px;background:var(--blue-100);color:var(--blue-950);font-size:.72rem;font-weight:800}.rule-row>div{display:flex;flex-direction:column}.rule-row small{color:var(--muted)}.rule-points{color:var(--blue-700)}.rule-row .icon-button{width:34px;border-radius:3px}.rule-form{margin-top:1rem;padding:1rem;border:1px solid var(--blue-300);border-radius:4px;background:#fff}.boundary-grid{margin-top:1rem;display:grid;grid-template-columns:1fr auto 1fr auto;align-items:end;gap:.6rem}.check-label.compact{padding-bottom:.75rem;white-space:nowrap}.muted{color:var(--muted)}.modal-backdrop{position:fixed;z-index:100;inset:0;padding:1rem;display:grid;place-items:center;overflow-y:auto;background:#002a43b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.confirm-modal{width:min(100%,540px);padding:clamp(1.25rem,5vw,2rem);display:grid;grid-template-columns:auto 1fr;gap:1.1rem;border:1px solid #e5b9b9;border-radius:8px;background:var(--white);box-shadow:0 24px 70px #001f324d}.modal-warning{width:48px;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:var(--red-soft);color:var(--red)}.confirm-modal h2{margin-bottom:.6rem;color:var(--blue-950)}.confirm-modal p:last-child{margin-bottom:0;color:var(--muted)}.confirm-modal>label,.modal-actions{grid-column:1 / -1}.confirm-modal>label{display:flex;flex-direction:column;gap:.45rem;font-size:.86rem;font-weight:600}.modal-actions{display:flex;justify-content:flex-end;gap:.6rem}@media(max-width:720px){.page{padding-top:1.5rem}.two-cols,.three-cols,.games-grid,.welcome-grid{grid-template-columns:1fr}.page-heading,.admin-header{align-items:flex-start}.admin-header{flex-direction:column}.admin-danger-zone{align-items:flex-start;flex-direction:column}.progress-ring{width:70px}.admin-game-row{grid-template-columns:auto 1fr auto auto}.status-pill{display:none}.boundary-grid{grid-template-columns:1fr auto}}@media(max-width:540px){.topbar{height:72px;padding-inline:.9rem}.brand img{width:145px}.event-name{display:none}.page{padding-inline:.85rem}.segmented button{font-size:.78rem}.hero-card{padding:2rem 1.35rem}.hero-card:before{right:-5%;width:46%;opacity:.6}.hero-card:after{right:-18%;width:38%}.hero-accent{width:16px}.action-card{grid-template-columns:auto 1fr}.action-card>svg{display:none}.page-heading{align-items:flex-start}.page-heading:not(.ranking-heading){flex-direction:column;gap:1rem}.ranking-row{grid-template-columns:38px 1fr auto;padding-inline:.8rem;gap:.65rem}.admin-toolbar{align-items:flex-start;gap:.8rem}.admin-toolbar .button{width:44px;padding:0;gap:0;font-size:0}.admin-toolbar .button svg{margin:0}.admin-actions .button{padding-inline:.7rem;font-size:.75rem}.admin-danger-zone .button{width:100%}.confirm-modal{grid-template-columns:1fr}.modal-warning{width:42px}.confirm-modal>label,.modal-actions{grid-column:1}.modal-actions{flex-direction:column-reverse}.modal-actions .button{width:100%}.rule-row{grid-template-columns:27px 1fr auto auto}.rule-row .rule-points{grid-column:2}.rule-row .icon-button{grid-row:1}.rule-row .icon-button:nth-last-child(2){grid-column:3}.rule-row .icon-button:last-child{grid-column:4}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}