:root{--wine:#B31265;--pink:#DB2F70;--medium:#DB6396;--soft:#F6AFCA;--pale:#FCE7F2;--ink:#602F42;--white:#fff;--gold:#ECB277;--success:#176b42;--danger:#a51d35}*{box-sizing:border-box}body{background:var(--pale);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif}.app-nav{background:var(--wine)}.navbar-brand{font-weight:800;letter-spacing:-.02em}.btn-primary{background:var(--wine);border-color:var(--wine)}.btn-primary:hover,.btn-primary:focus{background:#89104e;border-color:#89104e}.btn-outline-primary{color:var(--wine);border-color:var(--wine)}.btn-outline-primary:hover{background:var(--wine);border-color:var(--wine)}.card{border:0;border-radius:1rem;box-shadow:0 .3rem 1.5rem rgba(96,47,66,.08);overflow:hidden}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.page-heading h1,.game-header h1{font-size:clamp(1.65rem,4vw,2.25rem);font-weight:750;letter-spacing:-.035em;margin:0}.eyebrow{font-size:.72rem;letter-spacing:.12em;font-weight:800;color:var(--wine);margin:0 0 .4rem}.hero-card{background:linear-gradient(112deg,var(--wine),var(--pink));border-radius:1rem;padding:2.2rem;color:#fff;box-shadow:0 .6rem 2rem rgba(179,18,101,.22)}.hero-card .eyebrow{color:#ffd3e4}.hero-card h1{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;letter-spacing:-.04em}.activity-card{transition:transform .2s,box-shadow .2s}.activity-card:hover{transform:translateY(-3px);box-shadow:0 .6rem 1.5rem rgba(96,47,66,.14)}.badge-type{background:var(--pale);color:var(--wine);font-weight:700}.podium-card .podium-row{display:grid;grid-template-columns:2rem 1fr auto;padding:.55rem 0;border-bottom:1px solid #f1e5ea}.podium-row strong{color:var(--wine)}.metric-card{background:#fff;padding:1.25rem;border-radius:1rem;box-shadow:0 .3rem 1.5rem rgba(96,47,66,.08)}.metric-card span{display:block;color:#765464;font-size:.88rem}.metric-card strong{display:block;font-size:2.1rem;margin-top:.25rem;color:var(--wine)}.planner-row{padding:.8rem 0;border-bottom:1px solid #f0e6ea;display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.planner-row strong{min-width:7rem}.status-dot{padding:.2rem .5rem;border-radius:100px;background:#eee;color:#777;font-size:.75rem}.status-dot.complete{background:#d9f2e4;color:#176b42}.filter-bar{display:flex;gap:.5rem;max-width:750px}.filter-bar .form-control{flex:1}.narrow-card{max-width:520px;margin:4rem auto}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;margin:0 -12px}.login-art{background:radial-gradient(circle at 75% 25%,#f8aaca 0 10%,transparent 10.5%),radial-gradient(circle at 25% 80%,#db2f70 0 14%,transparent 14.5%),linear-gradient(135deg,#8e0d50,var(--wine) 55%,#d82c70);color:#fff;padding:clamp(2rem,8vw,7rem);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.login-art .eyebrow{color:#fed3e4}.login-art h1{font-size:clamp(2.5rem,6vw,4.8rem);font-weight:800;letter-spacing:-.06em;max-width:700px}.login-art p:not(.eyebrow){max-width:34rem;font-size:1.12rem}.ribbon{font-size:1rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800;border:1px solid #fff;border-radius:100%;width:7rem;height:7rem;display:grid;place-items:center;text-align:center;transform:rotate(-12deg)}.login-panel{display:grid;place-items:center;padding:2rem;background:var(--pale)}.login-card{width:min(100%,420px);padding:2rem;background:#fff;border-radius:1rem;box-shadow:0 .5rem 2rem rgba(96,47,66,.13)}.brand-logo{max-height:80px;max-width:100%;width:auto;object-fit:contain;margin-bottom:1.5rem}.game-header{display:flex;justify-content:space-between;gap:1rem;align-items:start;margin-bottom:1.5rem}.timer-card{background:var(--ink);color:#fff;padding:.8rem 1rem;border-radius:.75rem;text-align:right;min-width:145px}.timer-card span{display:block;font-size:.75rem}.timer-card strong{font-size:1.5rem}.question-block{border:0;border-bottom:1px solid #efe4e9;padding:1.2rem 0;margin:0}.answer-option{display:block;padding:.65rem .75rem;margin:.45rem 0;background:#fff4f8;border-radius:.5rem;cursor:pointer}.answer-option:hover{background:#fce3ed}.word-game-layout{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:1.5rem}.word-grid{display:grid;grid-template-columns:repeat(var(--grid-size),1fr);gap:3px;touch-action:none;user-select:none;max-width:680px}.grid-cell{aspect-ratio:1;border:0;border-radius:4px;background:#fce7f2;color:var(--ink);font-weight:800;min-width:0;padding:0}.grid-cell.selecting{background:var(--soft)}.grid-cell.found{background:var(--wine);color:#fff}.word-list{border-left:1px solid #eee;padding-left:1rem}.word-entry{padding:.35rem 0;font-weight:650}.word-entry.found{text-decoration:line-through;color:#47755e}.paused-card{max-width:650px;margin:3rem auto}.podium{display:flex;align-items:end;justify-content:center;gap:1rem;min-height:175px}.podium-place{background:#fff;border-radius:.75rem .75rem 0 0;padding:1rem;display:flex;flex-direction:column;align-items:center;min-width:120px;box-shadow:0 .3rem 1rem rgba(96,47,66,.08)}.podium-place span{font-size:1.4rem;font-weight:800;color:var(--wine)}.place-1{order:2;min-height:160px;background:linear-gradient(#fff,#fff6ed);border-top:5px solid var(--gold)}.place-2{order:1;min-height:125px}.place-3{order:3;min-height:105px}.position-pill{background:var(--wine);color:#fff;padding:.6rem 1rem;border-radius:100px;font-weight:700}.error-page{max-width:600px;margin:10vh auto}.error-page .display-2{color:var(--pink)}
@media(max-width:767px){.login-shell{grid-template-columns:1fr;margin:0 -12px}.login-art{min-height:240px;padding:2rem}.login-art h1{font-size:2rem}.login-art p:not(.eyebrow){display:none}.ribbon{width:4.5rem;height:4.5rem;font-size:.67rem}.login-panel{padding:1.5rem}.game-header{align-items:stretch;flex-direction:column}.timer-card{text-align:left}.word-game-layout{grid-template-columns:1fr}.word-list{border-left:0;border-top:1px solid #eee;padding:1rem 0 0}.filter-bar{flex-wrap:wrap}.filter-bar>*{min-width:calc(50% - .5rem)}.page-heading{align-items:flex-start;flex-direction:column}.podium{gap:.35rem}.podium-place{min-width:0;flex:1;font-size:.85rem;padding:.6rem}.table{font-size:.86rem}}