:root{--bg: #FFF8F3;--bg-secondary: #FFE5CC;--memphis-magenta: #FF006E;--memphis-cyan: #00D9FF;--memphis-yellow: #FFD60A;--memphis-orange: #FF9500;--memphis-lime: #CCFF00;--memphis-purple: #8338EC;--memphis-coral: #FF6B9D;--memphis-mint: #38B6A8;--text: #000000;--text-secondary: #222222;--muted: #444444;--primary: #FF006E;--primary-rgb: 255, 0, 110;--secondary: #00D9FF;--good: #CCFF00;--warn: #FFD60A;--error: #FF6B9D;--accent-glow: rgba(255, 0, 110, .4);--traffic-green: #22c55e;--traffic-yellow: #FFD60A;--traffic-red: #ef4444;--line: #000000;--glass: rgba(255, 255, 255, .95);--glass-border: #000000;font-family:Poppins,Outfit,Inter,system-ui,-apple-system,sans-serif}.theme-lipari,.theme-tokyo,.theme-lisbon{--memphis-magenta: var(--primary);--memphis-cyan: var(--secondary);--memphis-yellow: var(--warn);--memphis-orange: var(--warn);--memphis-lime: var(--good);--memphis-purple: var(--primary);--memphis-coral: var(--error);--memphis-mint: var(--good)}.theme-lipari{--bg: #010c1a;--bg-secondary: #001d3d;--text: #fdf0d5;--text-secondary: #ffc300;--muted: #ffb703;--primary: #fb8500;--primary-rgb: 251, 133, 0;--secondary: #219ebc;--good: #8ecae6;--warn: #ffb703;--error: #fb8500;--line: #ffc300;--glass: rgba(0, 53, 102, .9);--accent-glow: rgba(251, 133, 0, .5);--traffic-green: #80ed99;--traffic-yellow: #ffd60a;--traffic-red: #ef233c}.theme-tokyo{--bg: #0f111a;--bg-secondary: #1a1b26;--text: #c0caf5;--text-secondary: #7aa2f7;--muted: #565f89;--primary: #bb9af7;--primary-rgb: 187, 154, 247;--secondary: #7dcfff;--good: #9ece6a;--warn: #e0af68;--error: #f7768e;--line: #7aa2f7;--glass: rgba(36, 40, 59, .9);--accent-glow: rgba(187, 154, 247, .5);--traffic-green: #9ece6a;--traffic-yellow: #e0af68;--traffic-red: #f7768e}.theme-lisbon{--bg: #f8f9fa;--bg-secondary: #e9ecef;--text: #212529;--text-secondary: #495057;--muted: #6c757d;--primary: #0077b6;--primary-rgb: 0, 119, 182;--secondary: #00b4d8;--good: #2a9d8f;--warn: #e9c46a;--error: #e76f51;--line: #adb5bd;--glass: rgba(233, 236, 239, .9);--accent-glow: rgba(0, 119, 182, .4);--traffic-green: #2a9d8f;--traffic-yellow: #e9c46a;--traffic-red: #e76f51}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden;line-height:1.5;touch-action:pan-y;font-family:Outfit,sans-serif}#root{position:relative;z-index:1;min-height:100vh}main{max-width:1200px;margin:0 auto;padding:2rem}header{padding:2rem 0;text-align:center}.title{font-size:clamp(2.5rem,10vw,4.5rem);font-weight:900;color:var(--primary);margin-bottom:.5rem;line-height:1.1;letter-spacing:-.03em;position:relative;text-transform:uppercase}.card{background:var(--bg-secondary);color:var(--text);border:4px solid var(--line);border-radius:24px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:8px 8px 0 var(--line);transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.theme-lipari .card,.theme-tokyo .card,.theme-lisbon .card{box-shadow:0 10px 30px #0000004d;border:1px solid var(--line)}.card:hover{transform:translateY(-5px);box-shadow:12px 12px 0 var(--line)}.theme-lipari .card:hover,.theme-tokyo .card:hover,.theme-lisbon .card:hover{box-shadow:0 15px 40px var(--accent-glow);transform:translateY(-8px)}h2{font-size:1.4rem;font-weight:900;margin-bottom:1.5rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.row{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.btn{padding:.7rem 1.4rem;border-radius:16px;border:3px solid var(--line);background:transparent;color:var(--text);font-weight:800;font-size:.9rem;text-transform:uppercase;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:4px 4px 0 var(--line)}.theme-lipari .btn,.theme-tokyo .btn,.theme-lisbon .btn{box-shadow:0 4px 10px #0003;border:1px solid var(--line)}.btn:focus-visible,.tab:focus-visible{outline:3px solid var(--primary);outline-offset:4px}.btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--line)}.btn:hover{border-color:var(--primary);filter:brightness(1.1);transform:translateY(-2px)}.btn.primary{background:var(--primary);border-color:var(--line);color:#fff;box-shadow:4px 4px 0 var(--line)}.theme-lipari .btn.primary,.theme-tokyo .btn.primary,.theme-lisbon .btn.primary{box-shadow:0 6px 15px var(--accent-glow)}.btn.primary:hover{transform:translateY(-2px);filter:brightness(1.2)}.btn.good{background:transparent;color:var(--good);border-color:var(--good);box-shadow:4px 4px #cf03}.theme-memphis .btn.good{color:#556b2f;border-color:#556b2f}.btn.good:hover{box-shadow:6px 6px #ccff004d}.btn.warn{background:transparent;color:var(--warn);border-color:var(--warn);box-shadow:4px 4px #ffd60a33}.btn.warn:hover{box-shadow:6px 6px #ffd60a4d}.pill{padding:.4rem .9rem;background:var(--bg-secondary);border:2px solid var(--line);border-radius:20px;font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--text);box-shadow:3px 3px 0 var(--line)}.theme-lipari .pill,.theme-tokyo .pill,.theme-lisbon .pill{box-shadow:0 4px 8px #0003}.out{font-size:5rem;font-weight:900;text-align:center;padding:1rem 0;letter-spacing:-.02em}.smallout{font-size:1rem;color:var(--text);padding:1rem;background:var(--bg-secondary);border:2px solid var(--line);border-radius:12px;font-weight:600}.divider{height:1px;background:var(--line);margin:1.5rem 0;opacity:.2}.tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;padding:.5rem .25rem}.tabs::-webkit-scrollbar{height:4px;display:block}.tabs::-webkit-scrollbar-thumb{background:var(--line);border-radius:10px}.tab{padding:.75rem 1.5rem;border-radius:14px;border:2px solid transparent;background:transparent;color:var(--muted);font-weight:800;font-size:.85rem;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:all .2s ease}.tab:hover{color:var(--primary);border-color:var(--primary);background:var(--bg-secondary)}.tab.active{background:var(--primary);color:#fff;border-color:var(--line);box-shadow:4px 4px 0 var(--line);font-weight:900}.theme-lipari .tab.active,.theme-tokyo .tab.active,.theme-lisbon .tab.active{box-shadow:0 4px 15px var(--accent-glow)}.health-container{height:32px;background:#0000001a;border:3px solid var(--line);border-radius:999px;overflow:hidden;position:relative;box-shadow:4px 4px 0 var(--line)}.health-bar{height:100%;background:linear-gradient(90deg,#ff006e,#ff9500,#cf0);transition:width .5s cubic-bezier(.175,.885,.32,1.275)}.health-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;color:#fff;text-shadow:1px 1px 2px black}.badge-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.badge{aspect-ratio:1;background:var(--bg);border:3px solid var(--line);border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:2.5rem;opacity:.3;filter:grayscale(1);cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:4px 4px 0 var(--line)}.badge.unlocked{opacity:1;filter:grayscale(0);border-color:var(--warn);box-shadow:6px 6px 0 var(--line);background:var(--bg-secondary)}.badge-name{font-size:.75rem;font-weight:800;margin-top:.5rem;color:var(--text);text-transform:uppercase}.traffic-row{display:flex;gap:1.5rem;padding:1rem 0}.traffic-btn{flex:1;height:80px;border-radius:20px;border:4px solid var(--line);opacity:.4;transition:all .4s cubic-bezier(.175,.885,.32,1.275);font-weight:900;text-transform:uppercase;font-size:.9rem;background:transparent;cursor:pointer;position:relative;box-shadow:4px 4px 0 var(--line)}.traffic-btn.active{opacity:1;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5);box-shadow:8px 8px 0 var(--line);transform:translateY(-5px) scale(1.05)}.traffic-btn.active:before{content:"";position:absolute;inset:-10px;border:2px solid currentColor;border-radius:25px;animation:traffic-ring 1.5s infinite;pointer-events:none}@keyframes traffic-ring{0%{transform:scale(.9);opacity:1}to{transform:scale(1.2);opacity:0}}.traffic-btn[data-state=green].active{background-color:var(--traffic-green)}.traffic-btn[data-state=yellow].active{background-color:var(--traffic-yellow);color:#000}.traffic-btn[data-state=red].active{background-color:var(--traffic-red)}.orderlist{display:flex;flex-direction:column;gap:.75rem}.orderitem{padding:1rem;background:var(--bg);color:var(--text);border:2px solid transparent;border-radius:14px;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:3px 3px 0 var(--accent-glow)}.orderitem.active{background:var(--bg-secondary);border-color:var(--secondary);box-shadow:4px 4px 0 var(--accent-glow);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){main{padding:1rem}header{padding:1.5rem 0}.grid{grid-template-columns:1fr;gap:1rem}.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;border-radius:20px;border-width:3px}.row{flex-direction:column;align-items:stretch}.btn{width:100%;justify-content:center}.traffic-btn{height:80px;font-size:.8rem}.out{font-size:4rem;word-break:break-word}}@media(max-width:480px){.badge-grid{grid-template-columns:repeat(2,1fr)}.out{font-size:3rem}.title{font-size:clamp(2rem,9vw,3rem)}header .row{flex-direction:row;flex-wrap:wrap;justify-content:center}header .row>*{width:auto}.traffic-row{gap:.75rem}}@keyframes pulse-winner{0%,to{box-shadow:8px 8px 0 var(--primary)}50%{box-shadow:12px 12px 0 var(--secondary)}}@keyframes memphis-glow{0%,to{box-shadow:4px 4px 0 var(--primary)}50%{box-shadow:6px 6px 0 var(--primary)}}@keyframes memphis-glow-yellow{0%,to{box-shadow:4px 4px 0 var(--warn),8px 8px 0 var(--warn)}50%{box-shadow:5px 5px 0 var(--warn),10px 10px 0 var(--warn)}}@keyframes memphis-pulse{0%{box-shadow:4px 4px 0 var(--primary)}25%{box-shadow:6px 6px 0 var(--secondary)}50%{box-shadow:4px 4px 0 var(--warn)}75%{box-shadow:6px 6px 0 var(--good)}to{box-shadow:4px 4px 0 var(--primary)}}@keyframes memphis-traffic-pulse{0%,to{opacity:1}50%{opacity:.9}}.mono{font-family:Courier New,Courier,monospace;font-variant-numeric:tabular-nums}.muted{color:var(--muted);font-size:.85rem}.editable-text{cursor:pointer;transition:all .2s ease;border-bottom:2px dashed transparent}.editable-text:hover{border-bottom-color:var(--primary);opacity:.8}.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:4px 4px 0 var(--primary),8px 8px 0 var(--error)!important;animation:code-red-pulse 1s ease-in-out infinite}@keyframes code-red-pulse{0%,to{box-shadow:4px 4px 0 var(--error),8px 8px 0 var(--line)}50%{box-shadow:5px 5px 0 var(--primary),10px 10px 0 var(--line)}}.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-secondary);border-radius:14px;border-left:5px solid var(--primary);box-shadow:4px 4px 0 var(--line)}.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);border-radius:12px;background:var(--bg);transition:all .2s ease;cursor:pointer;font-weight:600;color:var(--text)}.exam-option:hover{border-color:var(--secondary);box-shadow:3px 3px 0 var(--accent-glow);transform:translateY(-2px)}.exam-option.correct{background:#ccff001f!important;border-color:var(--good)!important;color:var(--text)!important;box-shadow:4px 4px #cf06;font-weight:700}.smallout.correct{background:#ccff001f;border:2px solid var(--good);color:var(--text);font-weight:700;box-shadow:3px 3px #ccff004d}.smallout.incorrect{background:#ff6b9d1f;border:2px solid var(--error);color:var(--error);font-weight:700;box-shadow:3px 3px #ff6b9d4d}.win-text{color:var(--primary);font-weight:700}@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:Fredoka,sans-serif;line-height:1;text-shadow:0 0 50px var(--traffic-red);margin-bottom:2rem}.red-code-label{font-size:2rem;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)}}.tab-categories{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.tab-category-title{font-size:.7rem;text-transform:uppercase;font-weight:900;color:var(--muted);margin-bottom:.5rem;letter-spacing:.1em;display:flex;align-items:center;gap:.5rem}.tab-category-title:after{content:"";flex:1;height:2px;background:var(--line);opacity:.1}.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:.8rem;background:var(--bg)}@media(max-width:768px){.giant-timer{font-size:10rem}}.podium-overlay h3{font-family:Fredoka,sans-serif;letter-spacing:.2em}@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)}}.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:3px solid var(--memphis-cyan);border-radius:20px;padding:12px 20px;display:flex;align-items:center;gap:12px;box-shadow:4px 4px #00d9ff4d;min-width:200px;pointer-events:auto}.notification.xp{border-left:5px solid var(--memphis-orange);border-top-color:var(--memphis-orange);box-shadow:4px 4px #ff95004d}.notification.achievement{border-left:5px solid var(--memphis-yellow);border-top-color:var(--memphis-yellow);background:var(--glass);box-shadow:4px 4px #ffd50a4d}.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}