:root{--navy:#152450;--blue:#236bf8;--cyan:#0cbde5;--yellow:#ffcd52;--coral:#f15b75;--pink:#fe80ae;--mint:#42cfa5;--violet:#865be8;--paper:#fffdf8;--fog:#eff5ff;--ink:#17234b}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:ui-rounded,"Arial Rounded MT Bold","Trebuchet MS",Verdana,sans-serif;color:var(--ink)}body{background:radial-gradient(circle at 85% 10%,#f6deff 0,transparent 27%),radial-gradient(circle at 12% 80%,#ceefff 0,transparent 25%),#eaf1ff}.shell{min-height:100vh;display:flex;flex-direction:column;max-width:1900px;margin:auto;padding:10px 19px}.topbar{display:flex;gap:12px;align-items:center;justify-content:space-between;background:var(--navy);color:white;border-radius:24px;padding:10px 16px;box-shadow:0 8px 24px #11224e24}.logo{border:0;background:transparent;color:white;font-weight:1000;font-size:clamp(16px,1.7vw,25px);letter-spacing:.3px;cursor:pointer;white-space:nowrap}.logo-mark{color:var(--yellow);font-size:28px}.logo-v{color:#78e1ff}.mark-two{display:inline-block;background:#ffe16d;border-radius:10px;color:#163069;padding:1px 8px}.score{display:flex;align-items:center;gap:9px}.team{display:flex;align-items:center;gap:9px;border-radius:16px;padding:6px 12px;font-weight:900}.team-blue{background:#154caa}.team-coral{background:#a93058}.team strong{font-size:27px;min-width:29px;text-align:center}.score-control{border:0;color:var(--navy);background:white;border-radius:9px;min-width:30px;height:31px;cursor:pointer;font-size:24px;font-weight:900}.score-control:hover{background:#ffec90}.score-v{font-size:30px;font-weight:900}.top-actions{display:flex;gap:5px}.icon-button{border:1px solid #ffffff60;background:#ffffff22;color:white;border-radius:11px;padding:7px 12px;cursor:pointer;font-size:22px}.icon-button:hover{background:#ffffff55}.footer{display:flex;justify-content:space-between;color:#586888;font-size:12px;font-weight:700;padding:9px 5px;margin-top:auto}main{flex:1;padding:18px 4px 4px}.screen{max-width:1430px;margin:0 auto;animation:appear .23s ease}@keyframes appear{from{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hero{text-align:center;margin:6px 0 16px}.eyebrow{font-size:clamp(12px,1.25vw,16px);letter-spacing:3px;font-weight:1000;color:#51658f;text-transform:uppercase}.hero h1{font-size:clamp(39px,5.2vw,77px);line-height:1.08;margin:9px auto;letter-spacing:-2px;color:var(--navy);text-wrap:balance}.hero h1 em{font-style:normal;color:#2676ff}.hero p{font-size:clamp(16px,2vw,23px);font-weight:750;color:#58709a;margin:5px}.panel{background:white;border-radius:29px;padding:23px;border:2px solid #e3ebff;box-shadow:0 10px 30px #536caa16}.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.game-tile{border:2px solid transparent;text-align:left;cursor:pointer;min-height:170px;border-radius:26px;padding:23px;box-shadow:0 8px 20px #49588220;position:relative;transition:transform .18s,box-shadow .18s}.game-tile:hover{transform:translateY(-4px);box-shadow:0 15px 30px #49588230}.game-tile .tile-emoji{font-size:48px;display:block;filter:drop-shadow(0 7px 3px #0001)}.game-tile strong{font-size:25px;display:block;margin-top:6px}.game-tile small{font-size:15px;font-weight:700;display:block;opacity:.75;margin-top:4px}.t-blue{background:#d9edff;color:#164e92}.t-yellow{background:#fff0c6;color:#825110}.t-pink{background:#ffdcf0;color:#923d75}.t-green{background:#d6f9e4;color:#266c4e}.t-lavender{background:#e8deff;color:#6546a9}.t-peach{background:#ffe3d5;color:#98472d}.t-cyan{background:#d8f7ff;color:#14738e}.t-indigo{background:#dce1ff;color:#464fa2}.t-white{background:white;color:var(--navy)}.subhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:2px 0 15px}.subhead h2{font-size:clamp(26px,3vw,41px);margin:0;color:var(--navy)}.pill{display:inline-block;background:#e4eafb;color:#334e8a;font-size:14px;font-weight:900;padding:11px 16px;border-radius:999px}.button-row{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:18px 0}.btn{padding:13px 23px;border:0;border-radius:15px;background:#e8efff;color:#19346e;font-size:clamp(16px,1.7vw,21px);font-weight:900;cursor:pointer;box-shadow:0 4px 0 #cddcf8}.btn:focus-visible,.game-tile:focus-visible,.memory-card:focus-visible,.door:focus-visible{outline:4px solid #fcbf36;outline-offset:4px}.btn:hover{filter:brightness(.96)}.btn-primary{color:#fff;background:var(--blue);box-shadow:0 4px 0 #1956c5}.btn-pink{background:#ff89ad;color:#6b174c;box-shadow:0 4px 0 #e87fa3}.btn-green{color:#08573d;background:#90ebbe;box-shadow:0 4px 0 #55c78e}.btn-gold{background:#ffe28b;box-shadow:0 4px 0 #e4bc56}.btn-soft{background:white;border:2px solid #dce5f8;box-shadow:none}.btn:disabled{opacity:.5;cursor:not-allowed}.tag{display:inline-block;padding:7px 13px;border-radius:999px;font-weight:900;background:#e5efff;color:#36569a;font-size:14px}.lead{font-size:clamp(20px,2.2vw,28px);font-weight:900;text-align:center;margin:13px auto}.tiny{font-size:14px;color:#68799e;font-weight:700;text-align:center}.memory-grid{display:grid;gap:9px;margin:12px auto;max-width:100%;justify-content:center;grid-template-columns:repeat(5,minmax(0,1fr))}.memory-grid.easy{max-width:940px}.memory-grid.hard{grid-template-columns:repeat(8,minmax(0,1fr));max-width:1100px;gap:7px}.memory-card{border:0;border-radius:17px;background:linear-gradient(135deg,#467ff7,#5744b8);aspect-ratio:1.6;min-height:68px;min-width:0;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 0 #3646a3;transition:transform .16s,background .16s}.memory-card:hover:not(:disabled){transform:translateY(-2px)}.memory-card.back{background:linear-gradient(145deg,#fefdf8,#eff8ff);box-shadow:0 5px 0 #b8d8ef;border:3px solid #bfdaf5}.memory-card.matched{background:#d5ffec;border:3px solid #67dba8;box-shadow:0 5px 0 #5ab58e;cursor:default}.memory-card .front{font-size:clamp(28px,3vw,49px);color:white;font-weight:1000;font-variant-numeric:tabular-nums;text-shadow:0 2px 2px #152c7040}.memory-grid.hard .front{font-size:clamp(24px,2.5vw,41px)}.memory-revealed{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1;gap:0}.memory-id{position:absolute;top:-7px;left:-18px;font-size:12px;color:#456298;font-weight:950}.memory-card .back-emoji{font-size:clamp(32px,3.2vw,50px);line-height:1.05}.memory-grid.hard .back-emoji{font-size:clamp(29px,2.6vw,44px)}.memory-card .back-label{display:block;font-size:12px;font-weight:1000;color:#536287}.memory-grid.hard .back-label{font-size:11px}.panel-memory{padding-top:12px}
.big-art{display:flex;align-items:center;justify-content:center;min-height:290px;position:relative;overflow:hidden;border-radius:24px;background:radial-gradient(circle at 45% 35%,#ffffff 0,#eef6ff 66%,#dcefff 100%);border:3px solid #cadff9;margin:auto;max-width:620px}.big-art .art-emoji{font-size:clamp(120px,14vw,210px);line-height:1}.big-art .scene{font-size:clamp(70px,8vw,122px);line-height:1.4}.reveal-overlay{position:absolute;inset:0;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:5px;padding:4px;pointer-events:none}.reveal-overlay span{display:grid;place-items:center;background:linear-gradient(135deg,#377df6,#674acf);border:3px solid #d5e5ff;border-radius:18px;color:#fff;font-size:50px;font-weight:1000;transition:opacity .2s}.reveal-overlay span.gone{opacity:0}.callout{border-radius:20px;padding:15px 22px;background:#eff6ff;border:2px solid #d4e7ff;text-align:center;font-size:clamp(20px,2.4vw,30px);font-weight:900;max-width:900px;margin:12px auto;color:#193978}.answer{background:#dcffe9;border-color:#84eab7;color:#1c7049}.red-answer{background:#ffe4e6;border-color:#ff9aa6;color:#98485c}.choice-row{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:14px auto}.choice-chip{padding:10px 21px;border:2px solid #cfe0ff;border-radius:17px;background:#fff;font-size:20px;font-weight:950}.card-counter{font-size:15px;font-weight:900;color:#657aa1}.judge{display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:center}.judge .big-art{width:min(570px,100%);min-height:280px;margin:0}.judge-statement{font-size:clamp(20px,3vw,40px);text-align:center;font-weight:1000;color:var(--navy)}.judgement{display:flex;justify-content:center;gap:20px;margin:18px auto}.judgement button{font-size:23px;min-width:165px}.feedback{font-size:20px;text-align:center;font-weight:900}.doors{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:840px;margin:20px auto}.door{height:160px;border:5px solid #fff;border-radius:26px;box-shadow:0 10px 0 #4e66a833;cursor:pointer;font-size:75px;color:#fff;font-weight:1000;text-shadow:0 4px 0 #0002;background:linear-gradient(165deg,var(--blue),#3b45b5)}.door:nth-child(2),.door:nth-child(5){background:linear-gradient(155deg,#fd91b2,#e9537b)}.door:nth-child(3),.door:nth-child(6){background:linear-gradient(155deg,#ffdf71,#ed9b4a)}.door.open{background:#e7fbf1;border-color:#81d7b3;color:#398261;text-shadow:none;font-size:60px}.door-result{min-height:90px}.mission-art{font-size:90px;margin:5px;text-align:center}.challenge-box{border-radius:28px;background:linear-gradient(145deg,#fef8da,#ffe6fa);border:3px solid #ffdc83;padding:25px;text-align:center;max-width:940px;margin:20px auto}.challenge-box h2{font-size:clamp(30px,3.2vw,49px);line-height:1.15}.challenge-box p{font-size:clamp(20px,2vw,27px);font-weight:850}.football-area{background:linear-gradient(180deg,#bfeaff 0 42%,#75c17f 42% 100%);border-radius:30px;padding:16px;position:relative;overflow:hidden;max-width:920px;margin:auto}.football-area:before{content:"";position:absolute;top:38%;left:13%;right:13%;bottom:0;border:5px solid #ffffffa8;border-bottom:0;pointer-events:none}.goal{border:7px solid #f9fdff;background:repeating-linear-gradient(0deg,transparent 0 17px,#ffffff4d 18px 20px),repeating-linear-gradient(90deg,transparent 0 17px,#ffffff4d 18px 20px);border-radius:16px 16px 0 0;width:60%;height:112px;margin:0 auto;display:grid;place-items:center;position:relative}.goal b{font-size:61px}.pitch-q{background:#fff;border-radius:25px;box-shadow:0 5px 0 #ddd;padding:14px 20px;font-weight:950;max-width:620px;margin:16px auto;text-align:center;font-size:clamp(20px,2.3vw,28px);position:relative}.pitch-art{text-align:center;font-size:clamp(78px,9vw,128px);height:136px;position:relative}.end-card{text-align:center;background:linear-gradient(135deg,#e3eaff,#ffe3ec);border-radius:30px;border:3px solid #e0dcff;padding:45px 24px}.end-card .trophy{font-size:96px}.end-card h2{font-size:clamp(40px,6vw,80px);margin:7px}.end-card p{font-weight:850;font-size:24px}.minimenu{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:11px}.mini-categories{display:flex;gap:7px;flex-wrap:wrap}.status-notice{background:#fff8c8;border:2px solid #ffe279;border-radius:15px;padding:10px 14px;text-align:center;font-weight:800;color:#66572c;margin-top:15px}.no-overflow{overflow:hidden}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}
@media (max-width:860px){.topbar{flex-wrap:wrap;justify-content:center}.logo{font-size:17px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shell{padding:7px}.team{gap:5px;padding:4px 7px}.team span{font-size:13px}.topbar{border-radius:17px}.footer #hint{display:none}.memory-card{min-height:60px}.memory-grid.hard{gap:5px}}@media (max-width:540px){.game-grid{grid-template-columns:1fr}.game-tile{min-height:125px}.game-tile .tile-emoji{font-size:36px}.doors{gap:8px}.door{height:110px;font-size:45px}.team strong{font-size:19px}.hero h1{letter-spacing:0}.panel{padding:13px}.score-control{min-width:22px;height:25px;font-size:18px}.logo{font-size:13px}.memory-grid{gap:5px}.memory-grid.hard{grid-template-columns:repeat(6,minmax(0,1fr))}.memory-card{min-height:45px}.memory-card .front{font-size:24px}.memory-grid.hard .front{font-size:22px}.memory-card .back-emoji{font-size:26px}.memory-id{font-size:10px}.big-art{min-height:210px}.judgement button{min-width:100px}}