@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/outfit-latin-ext-wght-normal-DdQaqQDo.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/outfit-latin-wght-normal-Bc-8i84L.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-hebrew-wght-normal-DdnsCkLr.woff2) format("woff2-variations");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-latin-ext-wght-normal-CYrqKuxd.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-latin-wght-normal-DM6njrJ3.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/anton-vietnamese-400-normal-CkBxLiRJ.woff2) format("woff2"),url(/assets/anton-vietnamese-400-normal-2FfR1wHA.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/anton-latin-ext-400-normal-SyiqE2Jt.woff2) format("woff2"),url(/assets/anton-latin-ext-400-normal-BMODBQc6.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/anton-latin-400-normal-Byf51wtH.woff2) format("woff2"),url(/assets/anton-latin-400-normal-AUNGEG_V.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #A6D9B0;--bg-secondary: #FBF6E9;--bg-tint: #F0EAD6;--sidebar: #1E3A2B;--sidebar-text: #FBF6E9;--dot: rgba(30, 58, 43, .16);--kawaii-pink: #F4A6A0;--kawaii-lavender: #BDB5E3;--kawaii-peach: #F6C08A;--kawaii-lemon: #FFE77A;--kawaii-sky: #A7D3F0;--kawaii-mint: #B9E5C0;--text: #1E3A2B;--text-secondary: #355544;--muted: #4A6656;--primary: #C7321F;--primary-rgb: 199, 50, 31;--on-primary: #FFF8EC;--secondary: #4F9FD6;--good: #23744A;--warn: #FFD84A;--error: #B83224;--on-error: #FFFFFF;--accent-glow: rgba(199, 50, 31, .25);--traffic-green: #4CC27A;--traffic-yellow: #FFD84A;--traffic-red: #EF5A48;--line: #1E3A2B;--line-soft: rgba(30, 58, 43, .22);--ink-shadow: #1E3A2B;--glass: #FBF6E9;--radius: 6px;--radius-sm: 6px;--radius-pill: 999px;--border-ink: 2.5px;--on-signal: #1A1A1A;--on-good: #FFFFFF;--fs-sm: .875rem;--fs-base: 1rem;--fs-md: 1.25rem;--fs-lg: 1.563rem;--fs-xl: 2.441rem;--fs-display: clamp(4rem, 18vmin, 14rem);--font-display: "Anton", "Impact", "Arial Narrow", sans-serif;--font-body: "Outfit Variable", system-ui, -apple-system, sans-serif;--panel: rgba(251, 246, 233, .92);--panel-border: var(--line);font-family:var(--font-body)}.theme-lila{--bg: #CDB7D0;--bg-secondary: #F7F0F4;--bg-tint: #EDE2EA;--sidebar: #2C4535;--dot: rgba(44, 69, 53, .18);--text: #2C4535;--text-secondary: #43604D;--muted: #55685C;--primary: #3D6B4D;--primary-rgb: 61, 107, 77;--secondary: #8E5BA0;--good: #3D6B4D;--warn: #F2D36B;--error: #A63A42;--line: #2C4535;--line-soft: rgba(44, 69, 53, .22);--ink-shadow: #2C4535;--kawaii-pink: #E3B6CB;--kawaii-lavender: #C8B2DA;--kawaii-peach: #E9C9B6;--kawaii-lemon: #EFE0A6;--kawaii-sky: #B9CFE0;--kawaii-mint: #B8D6C0;--glass: #F7F0F4;--panel: rgba(247, 240, 244, .92)}.theme-kraft{--bg: #C49C77;--bg-secondary: #F4E8D6;--bg-tint: #EADBC4;--sidebar: #2A231E;--dot: rgba(42, 35, 30, .16);--text: #2A231E;--text-secondary: #4A3E35;--muted: #665849;--primary: #2F5873;--primary-rgb: 47, 88, 115;--secondary: #9FBBCB;--good: #3F6841;--warn: #D9B23A;--error: #9C3C29;--line: #2A231E;--line-soft: rgba(42, 35, 30, .22);--ink-shadow: #2A231E;--kawaii-pink: #E8BBA6;--kawaii-lavender: #C9BBD3;--kawaii-peach: #EDC79C;--kawaii-lemon: #EBD58C;--kawaii-sky: #B7CCD8;--kawaii-mint: #BFD3B4;--glass: #F4E8D6;--panel: rgba(244, 232, 214, .92)}.theme-neza{--bg: #F3F1EA;--bg-secondary: #FFFFFF;--bg-tint: #F4F2EC;--sidebar: #D51B24;--sidebar-text: #FFFFFF;--dot: rgba(232, 32, 42, .14);--text: #1C1C1C;--text-secondary: #3B3B3B;--muted: #6B6B6B;--primary: #D51B24;--primary-rgb: 213, 27, 36;--on-primary: #FFFFFF;--secondary: #6FC3E6;--good: #1A7A45;--warn: #FFE14D;--error: #D11A23;--line: #1C1C1C;--line-soft: rgba(28, 28, 28, .2);--ink-shadow: #D51B24;--kawaii-pink: #F7B2B4;--kawaii-lavender: #C9C4EC;--kawaii-peach: #F9C79A;--kawaii-lemon: #FFEE8F;--kawaii-sky: #A9DDF2;--kawaii-mint: #BDE6CC;--glass: #FFFFFF;--panel: rgba(255, 255, 255, .94)}.theme-noche{--bg: #0E1411;--bg-secondary: #18221D;--bg-tint: #202D26;--sidebar: #0A0F0C;--sidebar-text: #E3E8C6;--dot: rgba(217, 229, 140, .07);--text: #E3E8C6;--text-secondary: #BFC9A4;--muted: #8A957C;--primary: #D9E58C;--primary-rgb: 217, 229, 140;--on-primary: #121A10;--secondary: #7FA8A0;--good: #8FC07E;--on-good: #121A10;--warn: #E8C766;--error: #E07A5F;--on-error: #121A10;--line: #A9B87A;--line-soft: rgba(227, 232, 198, .16);--ink-shadow: #000000;--kawaii-pink: #5E3A3A;--kawaii-lavender: #3F3B5C;--kawaii-peach: #5E4A33;--kawaii-lemon: #5A5730;--kawaii-sky: #2C4A55;--kawaii-mint: #2E5040;--glass: #18221D;--panel: rgba(14, 20, 17, .92);color-scheme:dark}.theme-memphis{--bg: #FFD6E0;--bg-secondary: #FFF9F4;--bg-tint: #FFF0F3;--sidebar: #5A3A4B;--dot: rgba(90, 58, 75, .14);--text: #4A2E3D;--text-secondary: #6B4A5B;--muted: #7A5A6A;--primary: #C73E6E;--primary-rgb: 199, 62, 110;--on-primary: #FFFFFF;--secondary: #5FB8D6;--good: #1F7A57;--warn: #FFD873;--error: #B8335A;--line: #4A2E3D;--line-soft: rgba(74, 46, 61, .2);--ink-shadow: #4A2E3D;--kawaii-pink: #FF9FBD;--kawaii-lavender: #C2B2F2;--kawaii-peach: #FFC2A8;--kawaii-lemon: #FFE59E;--kawaii-sky: #9FDCF0;--kawaii-mint: #A3E8C8;--glass: #FFF9F4;--panel: rgba(255, 249, 244, .92);--radius: 14px;--font-display: "Fredoka Variable", "Outfit Variable", system-ui, sans-serif}body,.app-container{--memphis-magenta: var(--primary);--memphis-cyan: var(--secondary);--memphis-yellow: var(--warn);--memphis-orange: var(--kawaii-peach);--memphis-lime: var(--good);--memphis-purple: var(--secondary);--memphis-coral: var(--error);--memphis-mint: var(--good);--glass-border: var(--line);--shadow-sm: 3px 3px 0 var(--ink-shadow);--shadow-md: 5px 5px 0 var(--ink-shadow);--shadow-lg: 7px 7px 0 var(--ink-shadow)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);background-image:radial-gradient(var(--dot) 1.1px,transparent 1.5px);background-size:9px 9px;color:var(--text);min-height:100vh;overflow-x:hidden;line-height:1.5;touch-action:pan-y;overscroll-behavior-y:contain;font-family:var(--font-body);-webkit-font-smoothing:antialiased}body:after{content:"";position:fixed;inset:0;z-index:9998;pointer-events:none;opacity:.18;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.theme-noche body:after,body.theme-noche:after{mix-blend-mode:screen;opacity:.08}#root{position:relative;z-index:1;min-height:100vh}h1,h2,h3,h4{font-family:var(--font-display);color:var(--text);line-height:1.1;font-weight:400}h2{font-size:var(--fs-lg);letter-spacing:.01em;margin-bottom:.9rem}h3{font-size:var(--fs-md);letter-spacing:.01em}h4{letter-spacing:.01em}.theme-memphis h1,.theme-memphis h2,.theme-memphis h3,.theme-memphis h4{font-weight:700}.app-shell{display:grid;grid-template-columns:252px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:1.4rem;padding:1.3rem .9rem 1rem;background:var(--sidebar);color:var(--sidebar-text, #FBF6E9);border-right:var(--border-ink) solid var(--line);overflow-y:auto}.brand{display:flex;align-items:center;gap:.55rem;padding:.2rem .5rem .4rem;color:var(--warn)}.brand-name{font-family:var(--font-display);font-size:var(--fs-md);line-height:1;letter-spacing:.02em;color:var(--sidebar-text, #FBF6E9)}.pulse-mark{width:44px;height:22px;flex:none;overflow:visible}.pulse-mark path{fill:none;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:120;stroke-dashoffset:120;animation:pulse-draw 1.4s cubic-bezier(.65,0,.35,1) .15s forwards}@keyframes pulse-draw{to{stroke-dashoffset:0}}.sidebar nav{display:flex;flex-direction:column;gap:1.2rem}.nav-group{display:flex;flex-direction:column;gap:3px}.nav-group-label{font-family:var(--font-display);font-size:var(--fs-base);letter-spacing:.04em;color:var(--sidebar-text, #FBF6E9);opacity:.55;padding:0 .6rem .3rem}.tab{display:flex;align-items:center;gap:.7rem;width:100%;padding:.5rem .65rem;border:2px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--sidebar-text, #FBF6E9);font-family:var(--font-body);font-weight:500;font-size:var(--fs-base);text-align:left;cursor:pointer;white-space:nowrap;opacity:.86;transition:background .12s ease,opacity .12s ease,transform .12s ease}.tab svg{flex:none}.tab:hover{opacity:1;background:#ffffff14}.tab.active{opacity:1;background:var(--warn);color:#1e1e1e;font-weight:700;border-color:#1e1e1e;box-shadow:3px 3px #00000073;transform:rotate(-1.2deg)}.sidebar-foot{margin-top:auto;display:flex;flex-direction:column;gap:.7rem;padding-top:.9rem;border-top:2px dashed rgba(255,255,255,.25)}.theme-picker{display:flex;flex-direction:column;gap:.3rem;padding:0 .6rem;font-family:var(--font-display);font-size:var(--fs-base);letter-spacing:.04em;color:var(--sidebar-text, #FBF6E9);opacity:.9}.workspace{min-width:0;display:flex;flex-direction:column}.topbar{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;padding:1.4rem 2rem 1.2rem}.course-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem .8rem}.course-title{display:inline-block;padding:.2rem .65rem;background:var(--text);color:var(--bg-secondary);font-weight:700;font-size:var(--fs-sm);letter-spacing:.02em}.subtitle{font-weight:600;font-size:var(--fs-sm);color:var(--text-secondary)}.title{font-family:var(--font-display);font-size:clamp(2.2rem,4.2vw,3.6rem);font-weight:400;text-transform:uppercase;letter-spacing:.01em;line-height:1;color:var(--text);text-shadow:3px 3px 0 var(--primary);max-width:100%;overflow-wrap:anywhere}.theme-memphis .title{font-weight:700;text-transform:none}main{width:100%;max-width:1300px;padding:0 2rem 3rem}.card{background:var(--bg-secondary);color:var(--text);border:var(--border-ink) solid var(--line);border-radius:var(--radius);padding:1.35rem;margin-bottom:1.2rem;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.card.card-main{box-shadow:var(--shadow-lg)}.card.card-quiet{box-shadow:none}.card .card{box-shadow:var(--shadow-sm)}.grid.live-grid{grid-template-columns:minmax(0,2fr) minmax(280px,1fr)}.live-main{grid-row:span 2;display:flex;flex-direction:column}.live-main .traffic-row{flex:1}.live-main .traffic-btn{justify-content:center}.live-main .traffic-label{font-size:var(--fs-xl)}.live-main .traffic-icon{width:48px;height:48px}.live-main .traffic-hint{font-size:var(--fs-base)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.3rem}.grid>.card{margin-bottom:0}.row{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center}.btn{padding:.6rem 1.05rem;min-height:42px;border-radius:var(--radius-sm);border:2px solid var(--line);background:var(--bg-secondary);color:var(--text);font-family:var(--font-body);font-weight:700;font-size:var(--fs-base);cursor:pointer;transition:transform .08s ease,box-shadow .08s ease,background .12s ease;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;box-shadow:var(--shadow-sm);text-decoration:none}.btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink-shadow)}.btn:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--ink-shadow)}.btn:disabled,.btn[disabled]{opacity:.45;cursor:not-allowed;transform:none;box-shadow:var(--shadow-sm)}.btn.primary{background:var(--primary);color:var(--on-primary)}.btn.primary.good{background:var(--good);color:var(--on-good)}.btn.good{color:var(--good)}.btn.warn{background:var(--bg-secondary);color:var(--text)}.btn.danger,.btn.error{color:var(--error);background:var(--bg-secondary)}.btn.primary.danger,.btn.primary.error{background:var(--error);color:var(--on-error)}.btn.selected{background:var(--warn);color:var(--on-signal)}.btn.btn-sm{min-height:36px;padding:.35rem .75rem;font-size:var(--fs-sm)}.empty-hint{font-family:var(--font-body);font-size:var(--fs-base);font-weight:600;color:var(--muted)}.btn:focus-visible,.tab:focus-visible,.traffic-btn:focus-visible,.pill:focus-visible,select.pill:focus-visible,[contenteditable]:focus-visible{outline:3px dashed var(--primary);outline-offset:3px}.pill{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .7rem;background:var(--bg-secondary);border:2px solid var(--line);border-radius:var(--radius-pill);font-size:var(--fs-sm);font-weight:700;color:var(--text)}.out{font-family:var(--font-display);font-size:5.5rem;font-weight:400;text-align:center;padding:1rem 0;letter-spacing:.01em;font-variant-numeric:tabular-nums;line-height:1}.smallout{font-size:var(--fs-base);color:var(--text-secondary);padding:.7rem .9rem;background:var(--bg-tint);border:2px dashed var(--line-soft);border-radius:var(--radius-sm);font-weight:500}.divider{height:0;border-top:2px dashed var(--line-soft);margin:1.25rem 0}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),textarea,select{font-family:var(--font-body);font-size:var(--fs-base);font-weight:500;color:var(--text);background:var(--bg-secondary);border:2px solid var(--line);border-radius:var(--radius-sm);padding:.5rem .75rem;min-height:42px;transition:box-shadow .12s ease;outline:none;accent-color:var(--primary)}select{cursor:pointer}textarea{line-height:1.55;resize:vertical;min-height:2.6rem}input:not([type=checkbox]):not([type=radio]):not([type=range]):focus,textarea:focus,select:focus{box-shadow:3px 3px 0 var(--primary)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.85}input[type=checkbox],input[type=radio],input[type=range]{accent-color:var(--primary);cursor:pointer}label{color:var(--text-secondary);font-size:var(--fs-base);font-weight:600}.sidebar select{background:var(--bg-secondary);color:var(--text);border-color:#1e1e1e}.fs-card:fullscreen{background:var(--bg);overflow-y:auto;display:flex;flex-direction:column;justify-content:center;padding:3vmin;border-radius:0}.fs-card:fullscreen canvas{width:min(82vmin,720px)!important;height:min(82vmin,720px)!important}.fs-card:fullscreen .out{font-size:clamp(6rem,30vmin,22rem)}.fs-card:fullscreen .bingo-number{font-size:clamp(8rem,30vmin,20rem)!important}@media(max-width:900px){.app-shell{grid-template-columns:minmax(0,1fr)}.sidebar{position:sticky;top:0;z-index:50;min-width:0;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center;gap:.5rem;row-gap:.5rem;padding:.6rem .75rem .65rem;border-right:none;border-bottom:var(--border-ink) solid var(--line);overflow:visible}.brand{padding:0 .25rem}.brand-name{display:none}.sidebar nav{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;flex-direction:row;gap:.25rem;overflow-x:auto;scrollbar-width:none;padding:.4rem .5rem calc(.4rem + env(safe-area-inset-bottom));background:var(--sidebar);border-top:var(--border-ink) solid var(--line)}.sidebar nav::-webkit-scrollbar{display:none}.nav-group{flex-direction:row;flex-wrap:nowrap;gap:.25rem}.nav-group+.nav-group{padding-left:.3rem;border-left:2px dashed rgba(255,255,255,.25)}.nav-group-label{display:none}.sidebar nav .tab{flex-direction:column;gap:.15rem;width:auto;min-width:76px;min-height:52px;padding:.35rem .4rem;font-size:var(--fs-sm);text-align:center;justify-content:center}.sidebar nav .tab.active{transform:none}.sidebar-foot{margin:0 0 0 auto;padding:0;border:none;flex-direction:row;align-items:center}.sidebar-foot .tab span,.theme-picker span{display:none}.theme-picker{padding:0}.theme-picker select{width:104px;min-height:36px;padding:.3rem .5rem;font-size:var(--fs-sm)!important}.topbar{padding:1.2rem 1rem 1rem}main{padding:0 1rem calc(5.5rem + env(safe-area-inset-bottom))}.card{box-shadow:var(--shadow-sm)}}@media(prefers-reduced-motion:reduce){.pulse-mark path{animation:none;stroke-dashoffset:0}.btn,.tab{transition:none}}.health-container{height:28px;background:var(--bg-tint);border:2px solid var(--line);border-radius:var(--radius-pill);overflow:hidden;position:relative}.health-bar{height:100%;background-color:var(--good);background-image:radial-gradient(rgba(255,255,255,.35) 1.2px,transparent 1.6px);background-size:6px 6px;transition:width .5s cubic-bezier(.175,.885,.32,1.275)}.health-value{padding:0 .55rem;border-radius:var(--radius-pill);background:var(--bg-secondary);color:var(--text)}.health-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:var(--fs-sm);font-weight:700;font-variant-numeric:tabular-nums;color:var(--text);mix-blend-mode:normal}.badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:.75rem}.badge{aspect-ratio:1;background:var(--bg-tint);border:2px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:var(--fs-xl);opacity:.4;filter:grayscale(1);cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:var(--shadow-sm);padding:.4rem;text-align:center}.badge.unlocked{opacity:1;filter:grayscale(0);border-color:var(--warn);box-shadow:0 8px 20px #f2b65a4d;background:var(--bg-secondary)}.badge-name{font-size:var(--fs-sm);line-height:1.15;font-weight:600;margin-top:.5rem;color:var(--text)}.traffic-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;padding:.5rem 0}.traffic-row.compact{gap:.6rem}.traffic-btn{--signal: var(--traffic-green);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.3rem;min-height:132px;padding:1rem .5rem .8rem;border-radius:var(--radius);border:2px solid var(--line);border-top:12px solid var(--signal);background:var(--bg-secondary);color:var(--text);cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease}.traffic-row.compact .traffic-btn{min-height:96px;border-top-width:10px}.traffic-btn[data-state=yellow]{--signal: var(--traffic-yellow)}.traffic-btn[data-state=red]{--signal: var(--traffic-red)}.traffic-icon{color:var(--text)}.traffic-label{font-family:var(--font-display);font-size:var(--fs-md);letter-spacing:.02em;line-height:1}.traffic-row.compact .traffic-label{font-size:var(--fs-base)}.traffic-hint{font-size:var(--fs-sm);font-weight:600;color:var(--text-secondary);text-align:center}.traffic-btn:hover{transform:translate(-1px,-1px);box-shadow:var(--shadow-md)}.traffic-btn:active{transform:translate(2px,2px);box-shadow:none}.traffic-btn.active{background:var(--signal);border-top-color:var(--line);border-width:3px;color:var(--on-signal);box-shadow:var(--shadow-md);transform:translateY(-3px)}.traffic-btn.active .traffic-icon,.traffic-btn.active .traffic-hint{color:var(--on-signal)}.traffic-caption{margin-top:.8rem;text-align:center;font-weight:700;font-size:var(--fs-base)}.quick-timer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem}.quick-timer-label{display:inline-flex;align-items:center;gap:.4rem;font-weight:700;color:var(--text)}.quick-timer-options{display:flex;flex-wrap:wrap;gap:.6rem}.quick-timer-options .btn{min-width:72px}.orderlist{display:flex;flex-direction:column;gap:.75rem}.orderitem{padding:1rem;background:var(--bg);color:var(--text);border:2px solid transparent;border-radius:var(--radius);display:flex;justify-content:space-between;align-items:center;transition:all .2s ease;margin-bottom:.5rem}.orderitem:hover{border-color:var(--secondary);background:var(--bg-secondary);box-shadow:var(--shadow-sm)}.orderitem.active{background:var(--bg-secondary);border-color:var(--secondary);box-shadow:var(--shadow-md);font-weight:700}.score-item{display:flex;justify-content:space-between;padding:.75rem;border-bottom:1px solid var(--line)}.score-item.active{color:var(--primary);font-weight:700}@media(max-width:768px){.grid{grid-template-columns:1fr;gap:1rem}.grid.live-grid{grid-template-columns:1fr}.live-main{grid-row:auto}.live-main .traffic-label{font-size:var(--fs-md)}.live-main .traffic-icon{width:32px;height:32px}.quick-timer-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}.quick-timer-options .btn{min-width:0;padding-inline:.3rem;white-space:nowrap}.grid>.full-width,.grid>[style*="span 2"]{grid-column:1 / -1!important}.game-dashboard{grid-template-columns:1fr!important;grid-template-areas:"rank" "board" "main"!important}input,textarea,select{font-size:16px!important}.card{padding:1rem}.row{flex-direction:column;align-items:stretch}.row>.pill{align-self:flex-start}.traffic-row{gap:.5rem}.traffic-btn{min-height:104px}.traffic-hint{display:none}.btn{width:100%;justify-content:center}.out{font-size:4rem;word-break:break-word}}@media(max-width:480px){.badge-grid{grid-template-columns:repeat(2,1fr)}.out{font-size:3rem}}.mono{font-family:var(--font-display);font-variant-numeric:tabular-nums}.muted{color:var(--muted);font-size:var(--fs-sm)}.editable-text{cursor:pointer;transition:all .2s ease;border-radius:var(--radius);outline:none}.editable-text:hover{background:rgba(var(--primary-rgb),.07);box-shadow:0 0 0 4px rgba(var(--primary-rgb),.07)}.promotion-overlay{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;background:#000000bf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer}.promotion-content{text-align:center;z-index:1}.promotion-badge{filter:drop-shadow(0 0 15px var(--primary))}.promotion-title{font-size:clamp(1.5rem,6vw,2.5rem);font-weight:900;letter-spacing:.15em;color:var(--primary);text-shadow:1px 1px 0px var(--secondary),2px 2px 0px var(--warn);text-transform:uppercase}.promotion-rank{font-size:clamp(1.2rem,4vw,2rem);font-weight:900;color:var(--secondary);margin:.75rem 0 1rem;text-shadow:1px 1px 0px var(--primary);text-transform:uppercase;letter-spacing:.1em}.code-red{border-color:var(--error)!important;box-shadow:0 0 0 3px #ff8fa059,0 12px 30px #ff8fa059!important;animation:code-red-pulse 1s ease-in-out infinite}@keyframes code-red-pulse{0%,to{box-shadow:0 0 0 3px #ff8fa04d,0 12px 30px #ff8fa047}50%{box-shadow:0 0 0 5px #ff8fa073,0 16px 40px #ff8fa066}}.exam-content{margin-top:1rem}.exam-question{font-size:clamp(.85rem,1.5vw,1.1rem);font-weight:700;line-height:1.5;margin-bottom:clamp(.5rem,1vh,1.5rem);padding:clamp(.6rem,1.2vw,1rem);background:var(--bg-tint);border-radius:var(--radius);border-left:5px solid var(--primary);box-shadow:var(--shadow-sm)}.exam-options{display:grid;grid-template-columns:1fr 1fr;gap:clamp(5px,.7vh,.75rem)}.exam-option{padding:clamp(.5rem,1vh,.9rem) clamp(.6rem,1vw,1rem);text-align:left;height:auto;white-space:normal;line-height:1.4;border:2px solid var(--line-soft);border-radius:var(--radius);background:var(--bg-secondary);transition:all .2s ease;cursor:pointer;font-weight:600;color:var(--text);box-shadow:var(--shadow-sm)}.exam-option:hover{border-color:var(--secondary);box-shadow:0 8px 18px var(--accent-glow);transform:translateY(-2px)}.exam-option.correct{background:#57c99a24!important;border-color:var(--good)!important;color:var(--text)!important;box-shadow:0 8px 20px #57c99a4d;font-weight:700}.smallout.correct{background:#57c99a24;border:2px solid var(--good);color:var(--text);font-weight:700;box-shadow:0 6px 16px #57c99a38}.smallout.incorrect{background:#ff8fa024;border:2px solid var(--error);color:var(--error);font-weight:700;box-shadow:0 6px 16px #ff8fa038}.win-text{color:var(--primary);font-weight:700}.help-guide{display:flex;flex-direction:column;gap:1.25rem}.help-hero{text-align:center;padding:2rem 1.5rem}.help-hero-emoji{font-size:var(--fs-xl);line-height:1;margin-bottom:.5rem}.help-hero h2{margin-bottom:.6rem;color:var(--primary)}.help-hero>p{color:var(--text-secondary);max-width:46ch;margin:0 auto 1.25rem}.help-index{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.help-index-chip{padding:.5rem .95rem;border-radius:var(--radius-pill);border:1.5px solid var(--line-soft);background:var(--bg-tint);color:var(--text-secondary);font-family:var(--font-display);font-weight:500;font-size:var(--fs-sm);cursor:pointer;transition:all .18s ease;box-shadow:var(--shadow-sm)}.help-index-chip:hover{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--primary),var(--kawaii-lavender));transform:translateY(-2px);box-shadow:0 6px 16px var(--accent-glow)}.help-group-title{font-family:var(--font-display);font-size:var(--fs-md);font-weight:700;color:var(--text);display:flex;align-items:center;gap:.55rem;margin:.75rem 0 .25rem;padding-left:.25rem}.help-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem}.help-item{background:var(--bg-secondary);border:2px solid var(--line-soft);border-radius:var(--radius);padding:1.35rem 1.4rem;box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:transform .25s cubic-bezier(.175,.885,.32,1.275),box-shadow .25s ease;scroll-margin-top:6.5rem}.help-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,var(--primary),var(--kawaii-lavender),var(--secondary))}.help-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.help-item-head{display:flex;align-items:center;gap:.6rem;margin-bottom:.6rem;flex-wrap:wrap}.help-item-icon{font-size:var(--fs-lg);width:2.4rem;height:2.4rem;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-tint);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-shrink:0}.help-item-head h3{font-family:var(--font-display);font-size:var(--fs-md);font-weight:700;color:var(--text);margin:0}.help-item-tag{margin-left:auto;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--primary);background:var(--bg-tint);padding:.25rem .6rem;border-radius:var(--radius-pill)}.help-item-what{color:var(--text-secondary);font-size:var(--fs-base);margin-bottom:.85rem}.help-steps{list-style:none;counter-reset:help-step;display:flex;flex-direction:column;gap:.5rem;margin:0 0 .9rem;padding:0}.help-steps li{counter-increment:help-step;position:relative;padding-left:2.1rem;font-size:var(--fs-base);line-height:1.45;color:var(--text)}.help-steps li:before{content:counter(help-step);position:absolute;left:0;top:0;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),var(--kawaii-lavender));color:#fff;border-radius:50%;font-family:var(--font-display);font-weight:700;font-size:var(--fs-sm)}.help-tip{font-size:var(--fs-sm);color:var(--text-secondary);background:var(--bg-tint);border-radius:var(--radius);padding:.6rem .8rem;border:1px solid var(--line-soft)}.help-extras{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.1rem}.help-extra{display:flex;gap:.85rem;align-items:flex-start}.help-extra-icon{font-size:var(--fs-lg);width:2.6rem;height:2.6rem;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-tint);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-shrink:0}.help-extra strong{font-family:var(--font-display);font-size:var(--fs-base);color:var(--text);display:block;margin-bottom:.2rem}.help-extra p{font-size:var(--fs-sm);color:var(--text-secondary);margin:0}.help-foot{text-align:center}@media(max-width:480px){.exam-options{grid-template-columns:1fr}}@media(max-height:820px){main{padding:1rem 2rem}header{padding:1rem 0}.tabs{margin-bottom:1rem}.card{padding:1rem}}.floating-traffic-bar{position:fixed;top:0;left:0;right:0;height:8px;z-index:10000;transition:background .4s ease,box-shadow .4s ease}.floating-traffic-bar.active-green{background:var(--traffic-green);box-shadow:0 2px 10px var(--traffic-green)}.floating-traffic-bar.active-yellow{background:var(--traffic-yellow);box-shadow:0 2px 10px var(--traffic-yellow)}.floating-traffic-bar.active-red{background:var(--traffic-red);box-shadow:0 2px 15px var(--traffic-red);animation:bar-pulse 1s infinite}@keyframes bar-pulse{0%,to{opacity:1;transform:scaleY(1)}50%{opacity:.8;transform:scaleY(1.5)}}.red-code-overlay{position:fixed;inset:0;background:#000000d9;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;pointer-events:none;opacity:0;transition:opacity .5s ease}.red-code-overlay.active{pointer-events:all;opacity:1}.giant-timer{font-size:clamp(8rem,25vw,18rem);font-weight:900;font-family:var(--font-display);line-height:1;text-shadow:0 0 50px var(--traffic-red);margin-bottom:2rem}.red-code-label{font-size:var(--fs-xl);text-transform:uppercase;letter-spacing:.5em;color:var(--traffic-red);font-weight:900;animation:text-pulse 1s infinite}@keyframes text-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.quick-dice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:.5rem;margin-top:1rem}.btn-quick-dice{padding:.5rem;font-size:var(--fs-sm);background:var(--bg)}@media(max-width:768px){.giant-timer{font-size:10rem}}.touch-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:2.25rem;margin-bottom:.9rem}.touch-head h2{margin:0}.touch-stage{display:flex;flex-direction:column;gap:.6rem}.touch-bar{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.touch-round{font-size:var(--fs-sm);font-weight:700;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.touch-actions{display:flex;gap:.35rem;margin-left:auto}.touch-label-input{width:8.5rem;padding:.35rem .7rem!important;font-size:var(--fs-sm)!important;border-radius:var(--radius-pill)!important}.touch-pad{position:relative;height:clamp(300px,56vh,620px);border-radius:var(--radius);overflow:hidden;background:radial-gradient(120% 110% at 50% -10%,#272341,#16151f 55%,#0e0d15);border:1px solid rgba(255,255,255,.09);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:crosshair;transition:box-shadow .25s ease}.touch-pad.is-counting{box-shadow:inset 0 0 0 2px rgba(var(--primary-rgb),.55)}.touch-pad.is-done{box-shadow:inset 0 0 0 2px #ffffff38}.touch-stage.is-immersive,.touch-stage:fullscreen{position:fixed;top:0;left:0;right:0;height:100vh;height:100dvh;z-index:9500;background:#0b0a11;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-left)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-right));gap:6px}.touch-stage.is-immersive .touch-pad,.touch-stage:fullscreen .touch-pad{flex:1;height:auto;min-height:0;border-radius:var(--radius)}.touch-stage.is-immersive .touch-hint,.touch-stage:fullscreen .touch-hint{display:none}.touch-stage.is-immersive .touch-round{color:#ffffff80}.touch-stage.is-immersive .seg{background:#ffffff14;border-color:#ffffff24}.touch-stage.is-immersive .seg button{color:#ffffffb8}.touch-stage.is-immersive .seg button.on{background:var(--primary);color:#fff}.touch-stage.is-immersive .icon-btn{background:#ffffff14;border-color:#ffffff29;color:#fff}.touch-stage.is-immersive .touch-label-input{background:#ffffff14!important;border-color:#ffffff2e!important;color:#fff!important}.touch-countdown{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:clamp(6rem,26vmin,16rem);font-weight:700;line-height:1;color:#ffffff12;pointer-events:none;z-index:1}.touch-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;text-align:center;padding:1rem;pointer-events:none;color:#ffffff8c}.touch-empty strong{font-family:var(--font-display);font-size:var(--fs-base);color:#ffffffe6}.touch-empty span{font-size:var(--fs-sm)}.touch-empty-icon{font-size:3rem;line-height:1;margin-bottom:.2rem}.touch-dot{position:absolute;border-radius:50%;border:3px solid rgba(255,255,255,.4);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;pointer-events:none;translate:-50% -50%}.touch-dot.is-first{animation:touch-first-pulse 1.8s ease-in-out infinite}.touch-num{font-family:var(--font-display);font-weight:700;color:#fff;line-height:1;text-align:center}.touch-ring{position:absolute;inset:-12px;transform:rotate(-90deg);pointer-events:none;overflow:visible}.touch-again{position:absolute;left:50%;bottom:14px;transform:translate(-50%);z-index:6;padding:.45rem 1.1rem;border-radius:var(--radius-pill);border:1px solid rgba(255,255,255,.25);background:#ffffff1f;color:#fff;font-family:var(--font-display);font-weight:600;font-size:var(--fs-sm);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.touch-again:hover{background:#fff3}.touch-hint{min-height:1.6rem;font-size:var(--fs-sm);color:var(--text-secondary);margin:0}@keyframes touch-first-pulse{0%,to{box-shadow:0 0 30px currentColor}50%{box-shadow:0 0 60px currentColor}}@media(max-width:768px){.touch-head .btn,.touch-bar .btn{width:auto}.touch-label-input{font-size:16px!important}.touch-pad{height:min(58dvh,460px)}.touch-bar{gap:.4rem}}@media(max-width:480px){.seg button{padding:.34rem .62rem;font-size:var(--fs-sm)}.touch-label-input{width:6.5rem}.touch-round{display:none}.touch-head h2{font-size:var(--fs-base)}}@media(prefers-reduced-motion:reduce){.touch-dot.is-first{animation:none}}.seg{display:inline-flex;gap:2px;padding:3px;background:var(--bg-tint);border:1px solid var(--line-soft);border-radius:var(--radius-pill)}.seg button{border:none;background:transparent;color:var(--text-secondary);font-family:var(--font-display);font-weight:600;font-size:var(--fs-sm);padding:.38rem .9rem;border-radius:var(--radius-pill);cursor:pointer;transition:background .18s ease,color .18s ease}.seg button:hover{color:var(--primary)}.seg button.on{background:var(--primary);color:#fff}.icon-btn{width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--line-soft);background:var(--bg-secondary);color:var(--text-secondary);font-size:var(--fs-base);cursor:pointer;transition:border-color .18s ease,background .18s ease}.icon-btn:hover{border-color:var(--primary)}.btn.subtle{padding:.35rem .85rem;font-size:var(--fs-sm);box-shadow:none;background:transparent;color:var(--text-secondary)}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}@keyframes winner-glow-pulsar{0%,to{box-shadow:0 0 40px var(--primary),inset 0 0 20px #fff3;transform:translate(-50%,-50%) scale(1)}50%{box-shadow:0 0 80px var(--secondary),inset 0 0 40px #fff6;transform:translate(-50%,-50%) scale(1.05)}}.podium-overlay{animation:slideInDown .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes slideInDown{0%{transform:translate(-50%,-100%);opacity:0}to{transform:translate(-50%);opacity:1}}@keyframes badge-spin{0%{transform:scale(.5) rotate(0)}50%{transform:scale(1.2) rotate(180deg)}to{transform:scale(1) rotate(360deg)}}@keyframes text-pulse-bright{0%,to{filter:brightness(1)}50%{filter:brightness(1.5)}}.btn.exam-option:disabled{opacity:1;cursor:default}.module-pane[hidden]{display:none!important}.module-pane:not([hidden]){animation:pane-in .18s ease-out}@keyframes pane-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.module-pane:not([hidden]){animation:none}}.help-index-chip{border:2px solid var(--line);background:var(--bg-secondary);color:var(--text);font-family:var(--font-body);font-weight:600;box-shadow:var(--shadow-sm)}.help-index-chip:hover{background:var(--primary);color:var(--on-primary);border-color:var(--line);transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink-shadow)}.help-item{border:var(--border-ink) solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-md)}.help-item:before{display:none}.help-item:hover{transform:none;box-shadow:var(--shadow-md)}.help-item-icon,.help-extra-icon{border:2px solid var(--line);border-radius:var(--radius-sm);box-shadow:none}.help-item-head h3{font-weight:400}.help-item-tag{text-transform:none;letter-spacing:0;font-size:var(--fs-sm);color:#1e1e1e;background:var(--warn);border:1.5px solid var(--line)}.help-steps li:before{background:var(--primary);color:var(--on-primary);border:1.5px solid var(--line);font-weight:400}.help-tip{border:2px dashed var(--line-soft);border-radius:var(--radius-sm)}.notification{background:var(--bg-secondary);border:2px solid var(--line);border-left:8px solid var(--secondary);border-radius:var(--radius);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:none;backdrop-filter:none}.notification.xp{border-left-color:var(--good)}.notification.achievement{border-left-color:var(--warn);background:var(--bg-secondary)}.notification-title{font-family:var(--font-display);font-weight:400;text-transform:none;font-size:var(--fs-base);letter-spacing:.02em;opacity:.75}.dialog-panel{position:relative;width:100%;max-width:420px;background:var(--bg-secondary);color:var(--text);border:var(--border-ink) solid var(--line);border-radius:var(--radius);padding:1.75rem;box-shadow:var(--shadow-lg);pointer-events:auto;text-align:center}.dialog-panel h2{font-size:var(--fs-lg);margin-bottom:.6rem}.dialog-panel p{color:var(--text-secondary);line-height:1.55;margin-bottom:1.5rem;font-size:var(--fs-base)}.dialog-icon{font-size:var(--fs-xl);margin-bottom:.6rem}.dialog-actions{display:flex;gap:.75rem;justify-content:center}.dialog-actions .btn{flex:1}.dialog-backdrop{position:absolute;inset:0;background:#1418148c;pointer-events:auto}button.badge{font:inherit;color:inherit}button.badge:focus-visible{outline:3px dashed var(--primary);outline-offset:3px}.seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;border:2px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;box-shadow:var(--shadow-sm);background:var(--bg-secondary)}.seg button{border-radius:0;box-shadow:none;transform:none;min-height:42px;padding:.5rem 1rem;border:0;background:transparent;color:var(--text);font-family:var(--font-body);font-weight:700;font-size:var(--fs-base);cursor:pointer}.seg button+button{border-left:2px solid var(--line)}.seg button:hover,.seg button:active{transform:none;box-shadow:none}.seg button[aria-pressed=true]{background:var(--text);color:var(--bg-secondary)}.seg button:focus-visible{outline:3px solid var(--secondary);outline-offset:-3px}.mec-card{margin-top:1rem;padding:.9rem 1rem .5rem;border:2px solid var(--line);border-left-width:8px;border-radius:var(--radius-sm);background:var(--bg-tint)}.mec-card.critica{border-left-color:var(--primary)}.mec-card.sintesis{border-left-color:var(--secondary)}.mec-card.simulacion{border-left-color:var(--good)}.mec-card.debate{border-left-color:var(--warn)}.mec-meta{font-size:var(--fs-sm);font-weight:700;color:var(--muted);letter-spacing:.02em;text-transform:uppercase}.mec-card h3{margin:.2rem 0 .5rem;font-size:var(--fs-lg)}.mec-consigna{font-size:var(--fs-md);line-height:1.5;margin:0 0 .6rem}.mec-arranque{color:var(--text-secondary);font-style:italic;margin:0 0 .6rem}.mec-nota{color:var(--muted);font-size:var(--fs-base);margin:0 0 .6rem}.mec-alumno{font-weight:800;font-size:var(--fs-md);margin:0 0 .6rem}.mec-timer{margin-top:.75rem;padding:.4rem .75rem;border:2px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-secondary);text-align:center}.mec-timer .mec-fase{font-size:var(--fs-sm);font-weight:700;text-transform:uppercase;color:var(--muted);letter-spacing:.04em}.mec-timer .mec-tiempo{font-family:var(--font-display);font-size:var(--fs-xl);line-height:1.1;font-variant-numeric:tabular-nums}.mec-timer.piensa{border-color:var(--secondary)}.mec-timer.piensa .mec-tiempo{color:var(--secondary)}.mec-timer.fin{border-color:var(--error);background:var(--error)}.mec-timer.fin .mec-fase,.mec-timer.fin .mec-tiempo{color:#fff}.mec-acciones{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.75rem}.mec-acciones .btn{flex:1 1 7.5rem}.mec-config label{display:flex;align-items:center;gap:.5rem;padding:.3rem 0;cursor:pointer}.mec-config input[type=checkbox]{width:1.1rem;height:1.1rem;flex:none}.mec-config .mec-grupo{margin:.9rem 0 .2rem;font-size:var(--fs-sm);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}details>summary{cursor:pointer;padding:.3rem 0}.exam-duration{grid-column:1 / -1;display:flex;align-items:center;gap:.75rem}.exam-duration input[type=range]{flex:1;margin:0}.exam-duration span{min-width:3.2rem;text-align:right;font-weight:700;font-variant-numeric:tabular-nums}.setting-hint{display:block;font-weight:400;font-size:var(--fs-sm);color:var(--muted)}@media(max-width:480px){.title{font-size:var(--fs-xl)}.mec-card h3{font-size:var(--fs-md)}}.exam-stage{position:fixed!important;inset:0;z-index:800;width:auto!important;max-width:none!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow-y:auto;padding:clamp(.6rem,1.4vw,1.6rem)!important;background-color:var(--bg)!important;background-image:radial-gradient(var(--dot) 1.2px,transparent 1.2px)!important;background-size:16px 16px!important}.exam-stage>.row h2{font-size:clamp(1.4rem,2.4vw,2.6rem);background:var(--text);color:var(--bg-secondary);padding:.15em .6em;border-radius:var(--radius-sm)}.exam-stage{display:flex;flex-direction:column;height:100vh;height:100dvh}.exam-stage>.row{flex:none;margin-bottom:.4rem!important}.exam-stage .game-dashboard{flex:1 1 auto;min-height:0}.exam-main>.card,.exam-main>.smallout{flex-shrink:0}.board-slot{flex:1 1 auto;min-height:0;container-type:size;display:flex;align-items:center;justify-content:center}.board-frame{flex:none;width:min(100cqw,100cqh);background:var(--bg-secondary);padding:5px;border-radius:var(--radius);border:4px solid var(--line);box-shadow:0 10px 25px #0003}.exam-clock{padding:.35rem .8rem .5rem;background:var(--bg-secondary);color:var(--text);border:4px solid var(--line);border-radius:var(--radius);box-shadow:5px 5px 0 var(--ink-shadow)}.exam-clock-row{display:flex;align-items:center;gap:.8rem}.exam-clock-label{font-weight:800;text-transform:uppercase;letter-spacing:.05em;font-size:clamp(.8rem,1.2vw,1.3rem)}.exam-clock-digits{flex:1;text-align:center;font-family:var(--font-display);font-size:clamp(2.6rem,8.5vh,6.5rem);line-height:1.05;font-variant-numeric:tabular-nums}.exam-clock-plus{padding:4px 12px;font-size:var(--fs-base);font-weight:900;color:var(--primary);border-color:var(--primary)}.exam-clock-bar{height:clamp(10px,1.6vh,16px);background:#0000001f;border:2px solid var(--line);border-radius:var(--radius-pill);overflow:hidden}.exam-clock.urgent{background:var(--error);color:#fff;animation:clock-pulse .8s ease-in-out infinite}.exam-clock.urgent .exam-clock-plus{background:var(--bg-secondary)}@keyframes clock-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.025)}}@media(prefers-reduced-motion:reduce){.exam-clock.urgent{animation:none}}@media(max-width:900px){.exam-stage{display:block;height:auto;min-height:100dvh;overflow-y:auto}.exam-stage .game-dashboard{grid-template-columns:1fr!important;grid-template-rows:auto!important;grid-template-areas:"clock" "main" "board" "rank"!important}.board-slot{container-type:normal;flex:none}.board-frame{width:min(100%,70vh)}.exam-stage .exam-question,.exam-stage .exam-options{flex:none!important}}.board-zoom{position:fixed;inset:0;z-index:950;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(.6rem,2vh,1.6rem);padding:1rem;background:#0f1c15d1;cursor:pointer}.board-zoom-caption{max-width:min(94vw,1100px);padding:.35em .9em;background:var(--bg-secondary);color:var(--text);border:3px solid var(--line);border-radius:var(--radius);box-shadow:6px 6px 0 var(--ink-shadow);font-family:var(--font-display);font-size:clamp(1.5rem,4vw,3.4rem);line-height:1.15;text-align:center;text-transform:uppercase}.board-zoom-board{position:relative;width:min(74vh,90vw);border:5px solid var(--line);border-radius:var(--radius);box-shadow:10px 10px 0 var(--ink-shadow);background:var(--bg-secondary)}.board-zoom-event{position:absolute;inset:50% auto auto 50%;translate:-50% -50%;display:flex;flex-direction:column;align-items:center;gap:.1em;padding:.5em 1.1em;background:var(--warn);color:#1e1e1e;border:4px solid var(--line);border-radius:var(--radius);box-shadow:8px 8px 0 var(--ink-shadow);font-family:var(--font-display);font-size:clamp(1.8rem,5vw,4rem);text-align:center;white-space:nowrap}.board-zoom-event small{font-family:var(--font-body);font-weight:800;font-size:.38em;white-space:normal;max-width:18em}.board-zoom-event-emoji{font-size:1.6em;line-height:1}.board-zoom-hint{color:#ffffffb3;font-size:var(--fs-base);font-weight:600}.golden-ribbon{margin-bottom:.5rem;padding:.35em .8em;text-align:center;font-family:var(--font-display);font-size:clamp(1.1rem,2.2vw,2.2rem);letter-spacing:.04em;color:#3a2a00;border:3px solid var(--line);border-radius:var(--radius-sm);background:linear-gradient(100deg,#ffd84a,#fff3a8 45%,#ffd84a 55%,#f4b400);background-size:220% 100%;box-shadow:5px 5px 0 var(--ink-shadow);animation:golden-shimmer 2.4s linear infinite}@keyframes golden-shimmer{0%{background-position:120% 0}to{background-position:-100% 0}}.surprise-tile{animation:surprise-bob 1.8s ease-in-out infinite}@keyframes surprise-bob{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@media(prefers-reduced-motion:reduce){.golden-ribbon,.surprise-tile{animation:none}}.notification-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.notification{background:var(--glass);border:2px solid var(--line-soft);border-left:5px solid var(--secondary);border-radius:var(--radius);padding:12px 20px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow-md);min-width:200px;pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.notification.xp{border-left-color:var(--kawaii-peach)}.notification.achievement{border-left-color:var(--warn);background:var(--glass)}.notification-icon{font-size:1.5rem}.notification-content{display:flex;flex-direction:column}.notification-title{font-size:.75rem;font-weight:800;text-transform:uppercase;opacity:.7}.notification-msg{font-size:1rem;font-weight:600}.promotion-stars{position:absolute;width:100%;height:100%;overflow:hidden;pointer-events:none}.star{position:absolute;color:var(--memphis-yellow);font-size:1.5rem;opacity:0}