@import"https://fonts.googleapis.com/css2?family=Patrick+Hand:wght@400&family=Nunito:wght@400;600;700;800;900&family=Caveat:wght@400;500;600;700&display=swap";:root{--bg-primary: #faf8f5;--bg-dark: #f0ece6;--bg-card: #ffffff;--text-primary: #2d2b2e;--text-secondary: #6b6570;--text-muted: #a09ba6;--neon-blue: #4a90d9;--neon-purple: #9b6dd7;--neon-pink: #e8729a;--neon-green: #5cb85c;--neon-red: #e74c3c;--neon-yellow: #f5a623;--neon-orange: #e8854a;--sketch-border: #c8c0b8;--sketch-shadow: rgba(0, 0, 0, .06);--pencil-color: #3a3a3a;font-family:Nunito,system-ui,-apple-system,sans-serif;line-height:1.6;font-weight:400;color-scheme:light;color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg-primary);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:repeating-linear-gradient(to bottom,transparent,transparent 39px,rgba(200,192,184,.2) 39px,rgba(200,192,184,.2) 40px);pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:0;left:60px;bottom:0;width:2px;background:#e74c3c1f;pointer-events:none;z-index:0}#root{position:relative;z-index:1}a{color:var(--neon-blue);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{margin:0;line-height:1.2;font-family:Patrick Hand,cursive}button{font-family:inherit}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-primary);border-left:2px dashed var(--sketch-border)}::-webkit-scrollbar-thumb{background:var(--sketch-border);border-radius:10px;border:2px solid var(--bg-primary)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:#4a90d933;color:var(--text-primary)}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes scribble-in{0%{stroke-dashoffset:100;opacity:0}to{stroke-dashoffset:0;opacity:1}}.anim-wiggle{animation:wiggle .5s ease-in-out}.anim-float{animation:float 3s ease-in-out infinite}.sketch-card{background:var(--bg-card);border:2.5px solid var(--sketch-border);border-radius:16px;box-shadow:4px 4px 0 var(--sketch-border);position:relative}.sketch-card--hover:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--sketch-border)}.sketch-card--hover:active{transform:translate(1px,1px);box-shadow:2px 2px 0 var(--sketch-border)}.sketch-filters{position:absolute;width:0;height:0;overflow:hidden}.machine-svg{width:200px;height:auto;display:block;margin:0 auto}.score-popup{position:absolute;font-family:Patrick Hand,cursive;font-size:2rem;font-weight:700;pointer-events:none;z-index:20;text-shadow:0 2px 4px rgba(0,0,0,.1)}.doodle-decoration{width:100%;height:auto;pointer-events:none;position:absolute;left:0;opacity:.7}.confetti-burst{position:absolute;left:50%;top:50%;pointer-events:none;z-index:30}.confetti-particle{position:absolute;left:-3px;top:-3px}.game-badge{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:100px;height:36px}.game-badge svg{position:absolute;inset:0}.game-badge__label{position:relative;z-index:1;font-family:Patrick Hand,cursive;font-size:.85rem;font-weight:700;letter-spacing:.15em;color:var(--badge-color);text-transform:uppercase;padding:0 1rem}@keyframes coin-drop{0%{transform:translateY(-30px) rotate(0);opacity:0}30%{opacity:1}to{transform:translateY(0) rotate(360deg);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}10%,50%,90%{transform:translate(-3px)}30%,70%{transform:translate(3px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 var(--glow-color)}50%{box-shadow:0 0 20px 4px var(--glow-color)}}.anim-coin-drop{animation:coin-drop .5s ease-out forwards}.anim-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.game-section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:4rem 2rem;position:relative}.game-section--dark{background:var(--bg-dark);background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0L20 20M20 0L0 20' stroke='%23c8c0b8' stroke-width='0.3' opacity='0.15'/%3E%3C/svg%3E")}.game-section+.game-section:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:min(600px,80%);height:12px;background:url("data:image/svg+xml,%3Csvg width='600' height='12' viewBox='0 0 600 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 6 Q25 0 50 6 Q75 12 100 6 Q125 0 150 6 Q175 12 200 6 Q225 0 250 6 Q275 12 300 6 Q325 0 350 6 Q375 12 400 6 Q425 0 450 6 Q475 12 500 6 Q525 0 550 6 Q575 12 600 6' fill='none' stroke='%23c8c0b8' stroke-width='2' stroke-linecap='round' stroke-dasharray='8 4'/%3E%3C/svg%3E") center no-repeat;background-size:contain}.game-section--dark:after{content:"";position:absolute;top:20px;right:20px;width:40px;height:40px;background:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='15' fill='none' stroke='%23c8c0b8' stroke-width='1.5' stroke-dasharray='4 3' opacity='0.3'/%3E%3Ccircle cx='20' cy='20' r='3' fill='%23c8c0b8' opacity='0.2'/%3E%3C/svg%3E") no-repeat;pointer-events:none;opacity:.6}.game-section__inner{max-width:800px;width:100%;margin:0 auto}@media(max-width:640px){.game-section{padding:3rem 1.25rem}}.intro-section{min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.intro-section__content{text-align:center;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.intro-section__doodle-top{position:absolute;top:-60px;width:300px;opacity:.5}.intro-section__doodle-mid{position:relative;width:200px;opacity:.4;margin:-.5rem 0 1rem}.intro-section__badge{font-size:.8rem;letter-spacing:.3em;color:var(--neon-purple);margin-bottom:2rem;font-weight:700;font-family:Patrick Hand,cursive;background:#9b6dd714;display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1.2rem;border-radius:20px;border:2.5px dashed var(--neon-purple);box-shadow:2px 2px #9b6dd726}.intro-section__title{display:flex;flex-direction:column;align-items:center;gap:0;margin:0;line-height:1}.intro-section__title-the{font-size:1.5rem;font-weight:400;letter-spacing:.5em;color:var(--text-muted);font-family:Patrick Hand,cursive}.intro-section__title-main{font-size:5rem;font-weight:400;font-family:Patrick Hand,cursive;color:var(--text-primary);letter-spacing:.02em;line-height:1.1;position:relative}.intro-section__title-of{font-size:3.2rem;font-weight:400;font-family:Patrick Hand,cursive;color:var(--neon-blue);letter-spacing:.1em}.intro-section__title-underline{display:block;margin:.5rem auto 1.5rem}.intro-section__subtitle{font-size:1.15rem;color:var(--text-secondary);max-width:500px;margin:0 auto .75rem;line-height:1.7}.intro-section__subtitle em{color:var(--neon-orange);font-style:normal;font-weight:700;background:#f5a6231f;padding:0 4px;border-radius:4px}.intro-section__credit{font-size:.85rem;color:var(--text-muted);line-height:2;margin-bottom:2rem;text-align:center}.intro-section__credit a{color:var(--neon-blue);text-decoration:underline;text-underline-offset:3px;opacity:.85;transition:opacity .15s}.intro-section__credit a:hover{opacity:1}.intro-section__play-btn{display:inline-flex;align-items:center;gap:.75rem;padding:1.1rem 3.5rem;border:3px solid var(--neon-blue);border-radius:50px;background:var(--neon-blue);color:#fff;font-family:Patrick Hand,cursive;font-size:1.6rem;font-weight:400;letter-spacing:.15em;cursor:pointer;transition:all .15s ease;box-shadow:5px 5px #3578b5;position:relative;overflow:hidden}.intro-section__play-btn:after{content:"";position:absolute;top:-50%;left:-60%;width:40%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:skew(-15deg);animation:shine-sweep 3s ease-in-out infinite}@keyframes shine-sweep{0%,to{left:-60%}50%{left:120%}}.intro-section__play-btn:hover{background:#5a9ee0;transform:translate(-2px,-2px);box-shadow:7px 7px #3578b5}.intro-section__play-btn:active{transform:translate(2px,2px);box-shadow:2px 2px #3578b5}.intro-section__particles{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.intro-section__particle{position:absolute;width:8px;height:8px;border:2px solid var(--sketch-border);background:transparent}.intro-section__particle:nth-child(odd){border-radius:50%;border-color:var(--neon-blue)}.intro-section__particle:nth-child(2n){border-radius:2px;border-color:var(--neon-purple);transform:rotate(45deg)}.intro-section__particle:nth-child(3n){width:6px;height:6px;border-color:var(--neon-yellow);border-style:dashed}.intro-section__doodle-shapes{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.intro-doodle-float{position:absolute;will-change:transform,opacity;filter:drop-shadow(0 0 3px rgba(255,255,255,.1))}@media(max-width:640px){.intro-section__title-main{font-size:2.8rem}.intro-section__title-of{font-size:1.8rem}.intro-section__play-btn{padding:.9rem 2.5rem;font-size:1.3rem}.intro-section__doodle-top{width:200px}.intro-doodle-float svg{transform:scale(.75)}}.payoff-matrix-container{display:flex;justify-content:center;align-items:center;padding:4rem 2rem;background:var(--bg-card);border:3px solid var(--sketch-border);border-radius:20px;position:relative;margin:2rem auto;max-width:500px;box-shadow:5px 5px 0 var(--sketch-border);overflow:hidden}.payoff-matrix-container:before,.payoff-matrix-container:after{content:"";position:absolute;width:24px;height:24px;border:3px dashed var(--sketch-border);opacity:.5}.payoff-matrix-container:before{top:12px;left:12px;border-right:none;border-bottom:none;border-radius:4px 0 0}.payoff-matrix-container:after{bottom:12px;right:12px;border-left:none;border-top:none;border-radius:0 0 4px}.payoff-matrix-diamond{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;width:240px;height:240px;transform:rotate(45deg);border:4px solid var(--pencil-color);background:var(--pencil-color);gap:5px;box-shadow:6px 6px 0 var(--sketch-border);position:relative;z-index:2;border-radius:4px}.payoff-matrix-cell{background:linear-gradient(to top right,var(--neon-blue) 50%,var(--neon-pink) 50%);position:relative;display:flex;justify-content:center;align-items:center;transition:all .35s ease;border-radius:2px;opacity:1}.payoff-matrix-cell--dimmed{opacity:.3;filter:grayscale(.6)}.payoff-matrix-cell--highlight{z-index:1;box-shadow:0 0 30px #4a90d9b3,0 0 60px #4a90d94d;outline:3px solid white;outline-offset:-3px;animation:pulse-cell 1.5s ease-in-out infinite}@keyframes pulse-cell{0%,to{box-shadow:0 0 20px #4a90d980,0 0 40px #4a90d933}50%{box-shadow:0 0 35px #4a90d9cc,0 0 70px #4a90d966}}.payoff-matrix-content{transform:rotate(-45deg);display:flex;gap:16px;font-family:Patrick Hand,cursive;font-size:40px;font-weight:400;color:#fff;text-shadow:2px 2px 0 rgba(0,0,0,.35),-1px -1px 0 rgba(0,0,0,.15)}.payoff-matrix-score{display:inline-block;width:24px;text-align:center}.payoff-matrix-label{position:absolute;z-index:1;transform:translate(-50%,-50%)}.payoff-matrix-label--top-left{top:calc(50% - 110px);left:calc(50% - 110px)}.payoff-matrix-label--top-right{top:calc(50% - 110px);left:calc(50% + 110px)}.payoff-matrix-label--bottom-left{top:calc(50% + 110px);left:calc(50% - 110px)}.payoff-matrix-label--bottom-right{top:calc(50% + 110px);left:calc(50% + 110px)}.payoff-matrix-circle{width:22px;height:22px;border-radius:50%;border:3px solid var(--bg-card);box-shadow:2px 2px 0 var(--sketch-border)}.payoff-matrix-circle--green{background-color:var(--neon-green);box-shadow:0 2px 6px #5cb85c66}.payoff-matrix-circle--red{background-color:var(--neon-red);box-shadow:0 2px 6px #e74c3c66}.coin-slot{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin:2rem 0}.coin-slot--large{gap:1rem}.coin-slot__machine-wrap{position:relative;display:flex;flex-direction:column;align-items:center}.coin-slot__machine-wrap .machine-svg{width:180px;filter:drop-shadow(3px 3px 0 var(--sketch-border));transition:transform .3s ease}.coin-slot--large .coin-slot__machine-wrap .machine-svg{width:220px}.coin-slot__prompt{display:flex;align-items:center;gap:.5rem;font-family:Patrick Hand,cursive;font-size:1rem;color:var(--text-muted);margin-top:.25rem}.coin-slot__buttons{display:flex;gap:1rem;justify-content:center;align-items:center}.coin-slot__or{flex-shrink:0}.coin-slot__btn{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1.25rem 2rem;border:4px solid var(--sketch-border);border-radius:24px;cursor:pointer;font-family:inherit;transition:all .15s ease;background:#fff;box-shadow:0 4px 0 var(--sketch-border);position:relative;overflow:hidden;min-width:130px}.coin-slot--large .coin-slot__btn{padding:1.5rem 2.5rem;min-width:150px}.coin-slot__btn:disabled{opacity:.4;cursor:not-allowed}.coin-slot__btn--cooperate{border-color:#73c073;color:#27ae60;box-shadow:0 4px #73c073}.coin-slot__btn--cooperate:hover:not(:disabled){background:#f4fbf4;box-shadow:0 6px #73c073}.coin-slot__btn--cooperate:active:not(:disabled){box-shadow:0 0 #73c073}.coin-slot__btn--cheat{border-color:#e74c3c;color:#c0392b;box-shadow:0 4px #e74c3c}.coin-slot__btn--cheat:hover:not(:disabled){background:#fdf2f0;box-shadow:0 6px #e74c3c}.coin-slot__btn--cheat:active:not(:disabled){box-shadow:0 0 #e74c3c}.coin-slot__icon{display:block;flex-shrink:0;width:32px;height:32px}.coin-slot__label{font-size:1.15rem;font-weight:800;font-family:Patrick Hand,cursive;letter-spacing:.02em}.coin-slot__sub{font-size:.75rem;color:var(--text-muted);font-family:Nunito,sans-serif}.coin-slot__kbd{display:inline-block;font-family:Nunito,monospace;font-size:.65rem;font-weight:800;line-height:1;padding:2px 6px;border-radius:4px;border:1.5px solid rgba(0,0,0,.15);background:#0000000d;color:var(--text-muted);box-shadow:0 1px #0000001a;margin-top:.15rem;opacity:.6;transition:opacity .2s}.coin-slot__btn:hover .coin-slot__kbd{opacity:1}@keyframes shake{0%,to{transform:translate(0)}10%,50%,90%{transform:translate(-3px) rotate(-1deg)}30%,70%{transform:translate(3px) rotate(1deg)}}.anim-shake{animation:shake .4s ease-in-out}@media(max-width:480px){.coin-slot__buttons{flex-direction:column;gap:.5rem}.coin-slot__or{transform:rotate(90deg)}.coin-slot__btn{width:100%;max-width:200px}}.what-is-section__content{text-align:center}.what-is-section__narrative{margin:2rem 0}.what-is-section__result{margin-top:2rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.what-is-section__result-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%;max-width:400px}.result-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;border-radius:18px;background:var(--bg-card);border:3px solid var(--sketch-border);box-shadow:3px 3px 0 var(--sketch-border);transition:all .2s ease;position:relative;overflow:hidden}.result-card:after{content:none}.result-card__label{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);font-weight:700;font-family:Nunito,sans-serif}.result-card__move{font-size:1rem;font-family:Patrick Hand,cursive}.result-card__score{font-size:2.2rem;font-weight:400;font-family:Patrick Hand,cursive}.round-display{margin:1.5rem 0;position:relative}.round-display__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:0 1rem}.round-display__player{display:flex;align-items:center;gap:.5rem;font-weight:700;font-family:Patrick Hand,cursive;font-size:1.2rem;color:var(--text-primary)}.round-display__emoji{display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;font-family:Nunito,Inter,sans-serif;letter-spacing:.03em;width:28px;height:28px;border-radius:50%;background:var(--glass-bg, rgba(255,255,255,.05));border:1px solid var(--glass-border, rgba(255,255,255,.1))}.round-display__vs-text{font-family:Patrick Hand,cursive;font-size:1.5rem;font-weight:700;color:var(--text-muted);opacity:.5}.round-display__board{background:#8b5a2b;border:4px solid #ffd700;border-radius:8px;padding:.75rem;box-shadow:0 0 10px #ffd7004d,inset 0 0 20px #00000080;display:flex;flex-direction:column;gap:.5rem;position:relative}.round-display__board:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 15px #0009;pointer-events:none;border-radius:4px}.round-display__row{display:flex;align-items:center;gap:.75rem;position:relative;z-index:1}.round-display__row-label{font-family:Patrick Hand,cursive;font-size:1.2rem;font-weight:700;color:#fff;width:30px;text-align:center;text-shadow:1px 1px 0 #000}.round-display__track{flex:1;display:flex;align-items:center;justify-content:space-between;gap:.25rem;padding:0 .5rem}.round-display__dot{width:24px;height:24px;border-radius:50%;border:2px solid #fff;box-shadow:0 2px 4px #0006,inset 0 -2px 4px #0003;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.round-display__dot--empty{background:#f1c40f;border-color:#f39c12;box-shadow:inset 0 2px 4px #0003}.round-display__dot--cooperate{background:#2ecc71;border-color:#27ae60}.round-display__dot--defect{background:#e74c3c;border-color:#c0392b}.round-display__dot--active{transform:scale(1.2);box-shadow:0 0 10px #fff,0 2px 4px #0006}.round-display__row-score{font-family:Patrick Hand,cursive;font-size:1.2rem;font-weight:700;color:#fff;width:40px;text-align:center;background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:.1rem 0;text-shadow:1px 1px 0 #000}.round-display__divider{height:2px;background:#fff3;margin:.25rem 0;position:relative;z-index:1}@media(max-width:640px){.round-display__dot{width:18px;height:18px}.round-display__row-label,.round-display__row-score{font-size:1rem}}.character-card{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;border:3px solid var(--sketch-border);border-radius:18px;background:var(--bg-card);transition:all .2s ease;cursor:default;box-shadow:4px 4px 0 var(--sketch-border);position:relative;overflow:hidden}.character-card:before{content:none}.character-card--compact{padding:.75rem 1rem;gap:.75rem;box-shadow:3px 3px 0 var(--sketch-border);border-width:2.5px}.character-card--compact:before{display:none}.character-card[onClick]{cursor:pointer}.character-card--selected{border-color:var(--char-color);background:color-mix(in srgb,var(--char-color) 6%,white);box-shadow:5px 5px color-mix(in srgb,var(--char-color) 40%,transparent);transform:translate(-2px,-2px)}.character-card__emoji{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:color-mix(in srgb,var(--char-color, var(--sketch-border)) 15%,rgba(255,255,255,.08));border:2px solid color-mix(in srgb,var(--char-color, var(--sketch-border)) 35%,transparent)}.character-card--compact .character-card__emoji{width:32px;height:32px}.character-card--compact .character-card__emoji svg{width:18px;height:18px}.character-card__avatar{flex-shrink:0;display:flex;align-items:center;justify-content:center}.character-card--compact .character-card__avatar{transform:scale(.8)}.character-card__info{flex:1;min-width:0}.character-card__name{font-size:1.15rem;font-weight:400;font-family:Patrick Hand,cursive;color:var(--char-color);margin:0 0 .2rem;letter-spacing:.01em}.character-card--compact .character-card__name{font-size:.95rem;margin:0}.character-card__desc{font-size:.85rem;color:var(--text-secondary);margin:0;line-height:1.5}.character-card__score{display:flex;flex-direction:column;align-items:center;flex-shrink:0;padding:.4rem .6rem;border-radius:10px;background:#00000008;border:1.5px dashed var(--sketch-border)}.character-card__score-value{font-size:1.5rem;font-weight:400;font-family:Patrick Hand,cursive;color:var(--text-primary)}.character-card--compact .character-card__score-value{font-size:1.2rem}.character-card__score-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);font-weight:700;font-family:Nunito,sans-serif}.meet-section__content{text-align:center}.meet-section__intro{display:flex;flex-direction:column;align-items:center}.meet-section__characters{display:flex;flex-direction:column;gap:.75rem;width:100%;margin:1.5rem 0}.meet-section__play{display:flex;flex-direction:column;align-items:center}.meet-section__round-label{font-size:1.1rem;color:var(--text-muted);margin-top:1rem;font-weight:400;font-family:Patrick Hand,cursive;display:flex;align-items:center;gap:.5rem}.meet-section__round-label:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--neon-blue);opacity:.6}.meet-section__match-done{display:flex;flex-direction:column;align-items:center;gap:1rem}.meet-section__reveal{display:flex;flex-direction:column;align-items:center}.meet-section__scores-summary{width:100%;max-width:500px;background:var(--bg-card);border:3px solid var(--sketch-border);border-radius:18px;padding:1.5rem;margin-bottom:2rem;box-shadow:4px 4px 0 var(--sketch-border);position:relative;overflow:hidden}.meet-section__tape{position:absolute;top:-2px;right:10px;opacity:.7;pointer-events:none}.meet-section__scores-summary:before{content:"";position:absolute;top:-8px;left:30px;width:60px;height:16px;background:#f5a62340;border:1px solid rgba(245,166,35,.3);border-radius:2px;transform:rotate(-3deg)}.meet-section__scores-summary h3{font-size:1.15rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;margin:0 0 1rem;font-family:Patrick Hand,cursive}.meet-section__score-row{display:grid;grid-template-columns:2rem 1fr auto auto;gap:.75rem;align-items:center;padding:.6rem 0;border-bottom:2.5px dashed rgba(200,192,184,.4)}.meet-section__score-row:last-child{border-bottom:none}.meet-section__score-emoji{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0}.meet-section__score-name{text-align:left;font-weight:700;font-family:Patrick Hand,cursive}.meet-section__score-val{font-weight:400;font-size:1rem;font-family:Patrick Hand,cursive;padding:.1rem .5rem;border-radius:6px;background:#00000008}.tournament-section__content{text-align:center}.tournament-section__intro{display:flex;flex-direction:column;align-items:center}.tournament-section__lineup{display:flex;flex-direction:column;gap:.5rem;width:100%;margin:1.5rem 0;position:relative}.tournament-section__vs-badge{position:absolute;top:-10px;right:-10px;z-index:2;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(5deg)}}.tournament-section__running{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:3rem 0}.tournament-section__network-anim{display:flex;align-items:center;justify-content:center;margin:2rem 0}.tournament-section__winner{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:var(--bg-card);border:3px solid var(--neon-yellow);border-radius:18px;box-shadow:4px 4px #f5a62366;margin-bottom:1.5rem;position:relative}.tournament-section__winner-name{font-family:Patrick Hand,cursive;font-size:1.3rem;font-weight:400}.tournament-section__results{display:flex;flex-direction:column;gap:1.5rem}.tournament-section__leaderboard{display:flex;flex-direction:column;gap:.75rem}.tournament-row{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:var(--bg-card);border:3px solid;border-radius:12px;box-shadow:2px 2px #0003;transition:transform .2s ease}.tournament-row:hover{transform:translateY(-2px)}.tournament-row__rank{font-size:1.2rem;color:var(--text-muted);width:2rem;font-weight:700;font-family:Patrick Hand,cursive;text-align:center}.tournament-row:nth-child(1) .tournament-row__rank{color:var(--neon-yellow)}.tournament-row:nth-child(2) .tournament-row__rank{color:#b8b8b8}.tournament-row:nth-child(3) .tournament-row__rank{color:#cd7f32}.tournament-row__emoji{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0}.tournament-row__name{font-weight:700;font-size:1.2rem;font-family:Patrick Hand,cursive;flex:1;text-align:left}.tournament-row__score{font-weight:700;font-size:1.4rem;font-family:Patrick Hand,cursive;color:var(--text-primary);padding:.2rem .8rem;border-radius:8px;background:#0003;border:2px dashed rgba(255,255,255,.1)}.tournament-section__analysis{display:flex;flex-direction:column;align-items:center;gap:.5rem}.evolution-section__content{text-align:center}.evolution-section__intro{display:flex;flex-direction:column;align-items:center}.evolution-section__sim{display:flex;flex-direction:column;gap:1.25rem}.evolution-section__gen-header{display:flex;align-items:center;gap:1rem;justify-content:center;flex-wrap:wrap}.evolution-section__gen-label{font-size:.95rem;color:var(--text-secondary);font-family:Nunito,sans-serif;white-space:nowrap}.evolution-section__gen-label strong{color:var(--text-primary);font-size:1.1rem}.evolution-section__progress-track{flex:1;max-width:220px;height:6px;border-radius:3px;background:#ffffff1a;overflow:hidden}.evolution-section__progress-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--neon-blue),var(--neon-purple))}.evolution-section__chart{border-radius:16px;overflow:hidden;background:#ffffff08;border:2px solid rgba(255,255,255,.08);box-shadow:0 4px 24px #0000004d,inset 0 1px #ffffff0a;padding:.5rem}.evolution-chart-svg{display:block;width:100%;height:auto}.evolution-section__legend{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.4rem}.evolution-section__legend-item{display:flex;align-items:center;gap:.5rem;font-size:.82rem;padding:.45rem .75rem;border-radius:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);transition:background .15s ease}.evolution-section__legend-item:hover{background:#ffffff0f}.evolution-section__legend-item--dead{opacity:.2}.evolution-section__legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.evolution-section__legend-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:18px;height:18px}.evolution-section__legend-name{flex:1;font-weight:600;font-family:Patrick Hand,cursive;font-size:.9rem;text-align:left}.evolution-section__legend-pct{color:var(--text-secondary);font-size:.78rem;font-family:Nunito,sans-serif;font-weight:600;padding:.1rem .35rem;border-radius:4px;background:#0003;min-width:34px;text-align:right}.evolution-section__controls{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.evolution-section__conclusion{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-top:.5rem;padding:1.5rem;border:2px dashed rgba(255,255,255,.12);border-radius:16px;background:#ffffff05}.sandbox-section__content{max-width:900px;margin:0 auto}.sandbox-section__layout{display:grid;grid-template-columns:240px 1fr;gap:2rem;margin-top:2rem;text-align:left}.sandbox-section__sidebar-label{font-size:1rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0 0 .75rem;font-weight:400;font-family:Patrick Hand,cursive;position:relative;display:inline-block}.sandbox-section__sidebar-label:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:repeating-linear-gradient(90deg,var(--sketch-border) 0px,var(--sketch-border) 4px,transparent 4px,transparent 8px)}.sandbox-section__opponents{display:flex;flex-direction:column;gap:.5rem}.sandbox-section__surprise-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.4rem;margin-bottom:.75rem;font-size:.9rem;padding:.5rem .75rem;border:2px dashed var(--neon-purple);border-radius:12px;background:#a855f70f;color:var(--neon-purple);cursor:pointer}.sandbox-section__surprise-btn:hover{background:#a855f71f}.sandbox-section__corner{position:absolute;top:-4px;right:-4px;opacity:.5}.sandbox-section__main{display:flex;flex-direction:column}.sandbox-section__opponent-info{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding:1.25rem;background:var(--bg-card);border:3px solid var(--sketch-border);border-radius:16px;box-shadow:4px 4px 0 var(--sketch-border);position:relative;transition:all .2s ease}.sandbox-section__opponent-info:before{content:"";position:absolute;top:-6px;right:10px;width:40px;height:12px;background:var(--neon-yellow);border:2px solid var(--sketch-border);border-radius:2px;transform:rotate(-2deg);opacity:.7}.sandbox-section__opponent-emoji{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border:2.5px dashed var(--sketch-border);border-radius:50%;flex-shrink:0;transition:border-color .2s,background .2s}.sandbox-section__opponent-desc{font-size:.9rem;color:var(--text-secondary);margin:.25rem 0 0;line-height:1.6}.sandbox-section__round-label{text-align:center;font-size:1.1rem;color:var(--text-muted);font-weight:400;margin-top:1rem;font-family:Patrick Hand,cursive;padding:.3rem 1rem;border:2px dashed var(--sketch-border);border-radius:20px;display:inline-block;margin-left:auto;margin-right:auto}.sandbox-section__complete{text-align:center;margin-top:1rem;padding:1.5rem;border:3px solid var(--sketch-border);border-radius:16px;background:var(--bg-card);box-shadow:4px 4px 0 var(--sketch-border)}@media(max-width:768px){.sandbox-section__layout{grid-template-columns:1fr}.sandbox-section__opponents{flex-direction:row;flex-wrap:wrap}.sandbox-section__round-label{display:block}}.conclusion-section__content{text-align:center}.conclusion-section__badge{margin:0 auto 1rem}.conclusion-section__lessons{display:flex;flex-direction:column;gap:1rem;margin-bottom:3rem}.conclusion-lesson{display:flex;align-items:flex-start;gap:1.25rem;padding:1.25rem 1.5rem;border-radius:16px;background:var(--bg-card);border:3px solid var(--sketch-border);text-align:left;transition:all .2s ease;box-shadow:4px 4px 0 var(--sketch-border);position:relative;overflow:hidden}.conclusion-lesson__tape{position:absolute;top:-2px;right:8px;opacity:.7;pointer-events:none}.conclusion-section__quote-corner{position:absolute;top:-4px;right:-4px;opacity:.5;pointer-events:none}.conclusion-lesson:after{content:none}.conclusion-lesson:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--sketch-border)}.conclusion-lesson__icon{font-size:2rem;flex-shrink:0;margin-top:.1rem;width:52px;height:52px;display:flex;align-items:center;justify-content:center;border:2px dashed currentColor;border-radius:14px;opacity:.9;transition:opacity .2s}.conclusion-lesson:hover .conclusion-lesson__icon{opacity:1}.conclusion-lesson__title{font-size:1.25rem;font-weight:400;font-family:Patrick Hand,cursive;color:var(--text-primary);margin:0 0 .3rem}.conclusion-lesson__text{font-size:.9rem;color:var(--text-secondary);margin:0;line-height:1.6}.conclusion-section__final{margin-top:2rem}.conclusion-section__quote{font-size:1.6rem;font-weight:400;font-family:Patrick Hand,cursive;color:var(--text-primary);margin:0 0 2rem;line-height:1.4;position:relative;padding:1.5rem 2.5rem;border:3px dashed var(--sketch-border);border-radius:16px;background:#ffffff05}.conclusion-section__quote:before{content:"“";position:absolute;left:.5rem;top:-.25rem;font-size:4rem;color:var(--neon-blue);opacity:.4;font-family:Patrick Hand,cursive;line-height:1}.conclusion-section__quote:after{content:"”";position:absolute;right:.5rem;bottom:-.5rem;font-size:4rem;color:var(--neon-blue);opacity:.4;font-family:Patrick Hand,cursive;line-height:1}.conclusion-section__quote em{color:var(--neon-blue);font-style:normal;font-weight:700;text-decoration:underline;text-decoration-style:wavy;text-decoration-color:#4a90d966;text-underline-offset:4px}.conclusion-section__credits{font-size:.85rem;color:var(--text-muted);line-height:1.8}.conclusion-section__credits a{color:var(--neon-blue);text-decoration:none;border-bottom:2px dashed rgba(74,144,217,.4);transition:border-color .2s}.conclusion-section__credits a:hover{border-bottom-color:var(--neon-blue);border-bottom-style:solid}.conclusion-section__credit-label{display:inline-block;font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:2px 7px;border-radius:4px;background:color-mix(in srgb,var(--neon-blue) 15%,transparent);border:1px solid color-mix(in srgb,var(--neon-blue) 35%,transparent);color:var(--neon-blue);vertical-align:middle;margin-right:.35rem;opacity:.9}.app{position:relative}.app__mute-btn{position:fixed;top:.75rem;right:.75rem;z-index:1000;width:36px;height:36px;border-radius:50%;border:2px solid var(--sketch-border);background:var(--bg-card);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,transform .15s,box-shadow .2s;box-shadow:0 2px 8px #00000040}.app__mute-btn:hover{background:var(--bg-card-hover, rgba(255,255,255,.08));transform:scale(1.1);box-shadow:0 0 12px #64c8ff40}.app__mute-btn:active{transform:scale(.95)}.app__progress{position:fixed;right:.75rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:.35rem;z-index:100;padding:.6rem .35rem;background:#ffffffa6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1.5px solid rgba(0,0,0,.08);border-radius:20px;box-shadow:0 2px 12px #0000000f}.app__progress-path{display:none}.app__progress-node{position:relative;z-index:1;width:28px;height:28px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s ease;padding:0;font-family:inherit;box-shadow:none;outline:none}.app__progress-node--visited{opacity:.55}.app__progress-node--visited:hover{opacity:1;transform:scale(1.15)}.app__progress-node--current{background:#4a90d91f;border-radius:50%;box-shadow:0 0 0 2px var(--neon-blue),0 0 8px #4a90d940;animation:current-pulse 2.5s ease-in-out infinite}@keyframes current-pulse{0%,to{box-shadow:0 0 0 2px var(--neon-blue),0 0 6px #4a90d933}50%{box-shadow:0 0 0 3px var(--neon-blue),0 0 12px #4a90d959}}.app__progress-node--current:hover{transform:scale(1.15)}.app__progress-node--locked{opacity:.25;cursor:not-allowed}.app__progress-icon{display:flex;align-items:center;justify-content:center;color:var(--text-secondary);line-height:1}.app__progress-node--current .app__progress-icon{color:var(--neon-blue)}.app__progress-node--locked .app__progress-icon{opacity:.5}.section-title{font-size:2.8rem;font-weight:400;font-family:Patrick Hand,cursive;color:var(--text-primary);margin:0 0 1rem;text-align:center;position:relative;display:inline-block;width:100%}.section-title-icon{display:inline-flex;align-items:center;vertical-align:middle;margin-right:.4rem;margin-top:-.15em;opacity:.85}.section-title:after{content:"";display:block;width:120px;height:6px;margin:.5rem auto 0;background:url("data:image/svg+xml,%3Csvg width='120' height='6' viewBox='0 0 120 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 3 Q10 0 20 3 Q30 6 40 3 Q50 0 60 3 Q70 6 80 3 Q90 0 100 3 Q110 6 120 3' fill='none' stroke='%234a90d9' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center no-repeat;background-size:contain}.narrative-text{font-size:1.1rem;line-height:1.8;color:var(--text-secondary);margin:0 0 1rem}.narrative-text strong{color:var(--text-primary);font-weight:800}.narrative-text em{color:var(--neon-orange);font-style:normal;font-weight:700;background:#f5a6231f;padding:0 4px;border-radius:4px}.btn{display:inline-flex;align-items:center;gap:.6rem;padding:.9rem 2rem;border-radius:14px;font-family:Patrick Hand,cursive;font-size:1.1rem;font-weight:400;letter-spacing:.02em;cursor:pointer;border:3px solid var(--sketch-border);transition:all .15s ease;background:var(--bg-card);box-shadow:4px 4px 0 var(--sketch-border);position:relative;-webkit-user-select:none;user-select:none}.btn:hover{box-shadow:5px 5px 0 var(--sketch-border);transform:translate(-1px,-1px)}.btn:active{box-shadow:1px 1px 0 var(--sketch-border);transform:translate(3px,3px);transition:all .05s ease}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:2px 2px 0 var(--sketch-border);transform:none}.btn--primary{background:var(--neon-blue);color:#fff;border-color:#3578b5;box-shadow:4px 4px #3578b5}.btn--primary:hover:not(:disabled){background:#5a9ee0;box-shadow:5px 5px #3578b5}.btn--primary:active:not(:disabled){box-shadow:1px 1px #3578b5}.btn--secondary{background:#fff;color:var(--neon-blue);border-color:var(--neon-blue);box-shadow:4px 4px #4a90d959}.btn--secondary:hover:not(:disabled){background:#4a90d90f}.btn--ghost{background:transparent;color:var(--text-secondary);border-color:var(--sketch-border);box-shadow:3px 3px 0 var(--sketch-border)}.btn--ghost:hover:not(:disabled){background:#00000008;color:var(--text-primary)}.btn__arrow{display:inline-block;transition:transform .2s ease}.btn:hover .btn__arrow{transform:translate(4px)}@media(max-width:640px){.section-title{font-size:2rem}.app__progress{right:.4rem;padding:.4rem .25rem;gap:.25rem}.app__progress-node{width:24px;height:24px}.app__progress-icon{font-size:.8rem}}
