@font-face{font-family:Outfit;src:url('assets/fonts/outfit_variable.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:LilitaTurkish;src:url('assets/fonts/outfit_variable.ttf') format('truetype');font-weight:100 900;font-display:swap;unicode-range:U+00C7,U+00E7,U+00D6,U+00F6,U+00DC,U+00FC,U+011E-011F,U+0130-0131,U+015E-015F}
@font-face{font-family:Lilita;src:url('assets/fonts/lilita_one.ttf') format('truetype');font-display:swap}
@font-face{font-family:Vietnam;src:url('assets/fonts/be_vietnam_pro_regular.ttf') format('truetype');font-display:swap}
:root{color-scheme:dark;--bg:#100b24;--bg2:#071a2a;--panel:rgba(34,25,58,.88);--panel2:rgba(21,23,48,.92);--line:rgba(229,210,255,.17);--text:#fff8ff;--muted:#b7a9ca;--pink:#fa477f;--pink2:#d92b68;--teal:#2bd3b3;--cyan:#36c4ee;--purple:#9852f6;--gold:#ffd24d;--shadow:0 15px 35px #05031280;--round:24px}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-height:100vh;color:var(--text);font-family:Outfit,Vietnam,system-ui,sans-serif;background:radial-gradient(ellipse at 15% 8%,#54117b80,transparent 34rem),radial-gradient(ellipse at 90% 70%,#005e7180,transparent 38rem),linear-gradient(145deg,#10091f 0%,#120d2d 50%,#061a28 100%);background-attachment:fixed}button,input{font:inherit}button{color:inherit;cursor:pointer}.app-shell{max-width:1120px;min-height:100vh;margin:auto;padding:env(safe-area-inset-top) 24px env(safe-area-inset-bottom);display:flex;flex-direction:column}.topbar{height:82px;flex:none;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0c}.brand-mini{height:60px;display:flex;align-items:center}.brand-mini img{width:68px;height:56px;object-fit:contain}.top-actions{display:flex;align-items:center;gap:10px}.star-counter,.icon-button,.install-button{border:1px solid var(--line);background:linear-gradient(145deg,#ffffff12,#ffffff05);box-shadow:0 7px 18px #05031245;backdrop-filter:blur(14px)}.star-counter{border-radius:30px;padding:9px 16px;color:var(--gold);font-family:LilitaTurkish,Lilita,Outfit,sans-serif;font-size:18px}.star-counter b{color:white}.icon-button{height:44px;min-width:44px;border-radius:15px;font-size:23px;color:var(--text)}.icon-button:hover,.install-button:hover{border-color:#e6aaff80;transform:translateY(-1px)}.install-button{border-radius:14px;padding:10px 16px;color:var(--text)}.back-button{font-size:34px;line-height:1}.hidden{display:none!important}.screen{width:100%;flex:1;min-height:0;padding:26px 0 18px}.footer-note{color:#b3a5c5;text-align:center;font-size:13px;padding:14px 0 20px}.hero{min-height:calc(100vh - 150px);display:grid;grid-template-columns:minmax(320px,1fr) minmax(340px,470px);align-items:center;gap:38px}.hero-copy{padding:10px 0}.hero-logo{display:block;width:min(100%,490px);max-height:370px;object-fit:contain;filter:drop-shadow(0 15px 35px #e536a538);margin:0 auto 8px}.hero h1{font-family:LilitaTurkish,Lilita,Outfit,sans-serif;font-size:clamp(34px,5vw,60px);line-height:1.02;text-align:center;margin:0 0 12px;text-shadow:0 4px 0 #632459,0 8px 20px #0008}.tagline{text-align:center;color:#ddd0ed;font-size:18px;margin:0}.hero-card,.panel,.stat,.level-card,.collection-card,.setting-card,.result-card{background:linear-gradient(150deg,#ffffff12,#ffffff05),var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(18px);border-radius:var(--round)}.hero-card{padding:22px;display:flex;flex-direction:column;gap:14px}.profile-inline{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:14px}.profile-inline strong{color:var(--text);font-size:16px}.primary-button,.secondary-button,.power-button{border:0;border-radius:19px;font-family:LilitaTurkish,Lilita,Outfit,sans-serif;letter-spacing:.02em;box-shadow:0 7px 0 #810e48,0 13px 22px #0803128a;transition:transform .12s,filter .12s;transform:translateY(0)}.primary-button{background:linear-gradient(180deg,#ff8c7a,#f25278);padding:15px 20px;font-size:25px;color:#fff}.primary-button small{display:block;font-family:Outfit,sans-serif;font-size:13px;font-weight:500;letter-spacing:0;margin-top:1px}.primary-button:hover,.secondary-button:hover,.power-button:hover{filter:brightness(1.08)}.primary-button:active,.secondary-button:active,.power-button:active{transform:translateY(5px);box-shadow:0 2px 0 #810e48,0 7px 12px #0803127a}.secondary-button{background:linear-gradient(180deg,#a862ff,#7e39dc);box-shadow:0 6px 0 #43217e,0 10px 20px #08031277;padding:12px 16px;font-size:16px}.secondary-button.teal{background:linear-gradient(180deg,#41dfbf,#17a98f);box-shadow:0 6px 0 #126857,0 10px 20px #08031277}.button-row{display:flex;gap:12px}.button-row>*{flex:1}.assistance-toggle{width:100%;padding:12px 14px;border:1px solid #ffd24d55;border-radius:16px;background:#ffd24d12;display:flex;align-items:center;gap:12px;text-align:left}.assistance-toggle .switch{margin-left:auto}.assistance-toggle strong{display:block;color:var(--gold)}.assistance-toggle small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.switch{width:44px;height:25px;border-radius:20px;background:#51465f;position:relative;flex:none;transition:.2s}.switch:after{content:'';position:absolute;width:19px;height:19px;top:3px;left:3px;border-radius:50%;background:white;transition:.2s}.switch.on{background:var(--teal)}.switch.on:after{left:22px}.mission{padding:15px 16px;border:1px solid var(--line);background:#17132bea;border-radius:18px}.mission-heading{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px}.mission-icon{font-size:23px}.mission-progress{margin-left:auto;color:var(--pink);font-family:LilitaTurkish,Lilita,Outfit,sans-serif}.mission p{margin:5px 0 0 35px;color:#d7cde0;font-size:13px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.section-head h1,.section-head h2{font-family:LilitaTurkish,Lilita,Outfit,sans-serif;font-size:clamp(30px,4vw,46px);margin:0}.section-head p{color:var(--muted);margin:4px 0 0}.eyebrow{color:var(--teal);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.map-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.level-card{display:flex;align-items:center;gap:16px;padding:15px;min-height:124px;position:relative;overflow:hidden}.level-card.locked{opacity:.54;filter:saturate(.6)}.level-avatar{width:82px;height:82px;flex:none;border-radius:22px;background:#172e4b;display:grid;place-items:center;overflow:hidden}.level-avatar img{width:100%;height:100%;object-fit:contain}.level-info{min-width:0;flex:1}.level-info h3{margin:0;font-family:LilitaTurkish,Lilita,Outfit,sans-serif;font-size:21px}.level-info p{margin:3px 0;color:var(--muted);font-size:13px}.level-stars{color:var(--gold);letter-spacing:4px;font-size:20px}.level-action{border:0;background:var(--teal);color:#10253a;border-radius:50%;font-size:22px;width:44px;height:44px;flex:none}.level-card.locked .level-action{background:#514460;color:#bbaecb}.badge{position:absolute;right:13px;top:10px;font-size:10px;color:#15112b;background:#f85ca2;border-radius:20px;padding:4px 8px;font-weight:800}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:20px;align-items:start}.game-main{min-width:0}.game-title{display:flex;align-items:center;gap:10px;margin:2px 0 14px}.game-title h1{font-family:LilitaTurkish,Lilita,Outfit,sans-serif;font-size:30px;margin:0}.game-title p{margin:2px 0 0;color:var(--teal);font-size:13px}.mode-tag{background:#8d55f733;color:#e3c9ff;padding:5px 9px;border-radius:20px;font-size:11px;font-weight:700}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:12px}.stat{text-align:center;padding:10px 6px;border-radius:17px}.stat-label{font-size:11px;color:var(--muted);font-weight:700;letter-spacing:.06em}.stat-value{font-family:LilitaTurkish,Lilita,Outfit,sans-serif;font-size:25px;line-height:1.2}.scoreline{display:flex;align-items:center;gap:10px;padding:2px 3px 12px;color:var(--muted)}.scoreline strong{font-family:LilitaTurkish,Lilita,Outfit,sans-serif;font-size:28px;color:var(--gold);text-shadow:0 3px 0 #633b0b}.scoreline .stars{margin-left:auto;color:var(--gold);font-size:19px;letter-spacing:2px}.powers{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:15px}.power-wrap{position:relative;min-width:0}.power-button{width:100%;height:48px;border-radius:15px;color:white;font-size:clamp(12px,1.35vw,16px);background:linear-gradient(180deg,#36dfad,#09aa89);box-shadow:0 5px 0 #126c62,0 9px 17px #06152388;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.power-button.magnet{background:linear-gradient(180deg,#bd69ff,#8737e7);box-shadow:0 5px 0 #512389,0 9px 17px #06152388}.power-button.frost{background:linear-gradient(180deg,#50d9f3,#1689d1);box-shadow:0 5px 0 #0b568d,0 9px 17px #06152388}.power-button.active{filter:brightness(1.18)}.power-button:disabled{opacity:.42;filter:grayscale(.3);cursor:not-allowed}.uses-badge{position:absolute;right:-3px;top:-7px;background:var(--gold);color:#241a2b;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:12px;border:2px solid var(--bg)}.board-wrap{padding:12px;border-radius:24px;background:#0c0b1dcc;border:1px solid #c0a8df24;box-shadow:inset 0 0 0 1px #fff1,0 16px 30px #0005;position:relative}.game-board{display:grid;grid-template-columns:repeat(var(--cols,4),minmax(0,1fr));gap:clamp(6px,1vw,12px)}.tile{border:0;position:relative;aspect-ratio:1/1;border-radius:20%;padding:5px;background:linear-gradient(160deg,#ff8295,#ed285c);box-shadow:0 7px 0 #a9144c,0 9px 15px #0004,inset 0 2px 0 #ffffffa8;transition:transform .15s,filter .15s,box-shadow .15s;overflow:hidden}.tile:hover{transform:translateY(-2px);filter:brightness(1.1)}.tile:active{transform:translateY(3px);box-shadow:0 3px 0 #a9144c}.tile .tile-back,.tile img{width:100%;height:100%;object-fit:contain;border-radius:15%;display:block}.tile .tile-back{display:grid;place-items:center;color:#fff8;font-size:clamp(16px,3vw,29px);text-shadow:0 3px 0 #9e174e;position:relative}.tile .tile-back:before{content:'✧';display:grid;place-items:center;width:46%;height:46%;border:2px solid #ffffff9c;border-radius:30%;background:linear-gradient(145deg,#ffd8e33d,#f7357650);box-shadow:inset 0 2px 7px #fff5,0 4px 10px #9b113d7a}.tile.revealed{background:linear-gradient(150deg,#e9fdff,#c9f4fb);box-shadow:0 6px 0 #59bbdc,0 0 0 3px #5fd9f3,0 8px 20px #0005}.tile.matched{background:linear-gradient(150deg,#edfff6,#b4f3d4);box-shadow:0 5px 0 #18a977,0 0 0 3px #43e6a0;animation:match-pop .3s ease-out}.tile.matched img,.tile.revealed img{animation:face-in .25s ease-out}.tile.hinted{outline:4px solid var(--gold);animation:hint-pulse .7s infinite alternate}.tile.peek{opacity:.55}.dark-board{background:radial-gradient(circle at var(--light-x,50%) var(--light-y,50%),#193953,#070814 70%)}.dark-board .tile:not(.revealed):not(.matched){background:linear-gradient(145deg,#1d2946,#101629);box-shadow:0 6px 0 #080b1b,0 0 0 1px #6ee7e055}.dark-board .tile:not(.revealed):not(.matched) .tile-back:before{background:#36c7e327}.game-side{display:flex;flex-direction:column;gap:12px}.side-card{padding:15px;border:1px solid var(--line);background:#1c1733c9;border-radius:20px}.side-card h3{font-family:LilitaTurkish,Lilita,Outfit,sans-serif;margin:0 0 10px;font-size:18px}.side-card p{color:var(--muted);font-size:13px;line-height:1.5;margin:0}.side-action{width:100%;margin-top:12px}.result-card{padding:16px;margin-top:14px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.result-card h2{font-family:LilitaTurkish,Lilita,Outfit,sans-serif;font-size:25px;margin:0}.result-card p{margin:4px 0 0;color:var(--muted)}.result-copy{flex:1;min-width:180px}.result-actions{display:flex;gap:9px}.collection-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.collection-card{padding:10px;text-align:center;cursor:pointer;transition:transform .16s}.collection-card:hover{transform:translateY(-3px)}.collection-card img{width:100%;aspect-ratio:1;object-fit:contain;background:#182a45;border-radius:18px}.collection-card strong{display:block;font-size:13px;margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collection-card small{color:var(--muted)}.collection-card.locked img{filter:brightness(.22) grayscale(1)}.settings-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.setting-card{padding:17px;display:flex;align-items:center;gap:13px}.setting-icon{width:46px;height:46px;border-radius:15px;background:#8c52ed;display:grid;place-items:center;font-size:23px;flex:none}.setting-info{flex:1;min-width:0}.setting-info strong{display:block;font-size:16px}.setting-info small{color:var(--muted);font-size:12px}.setting-card input[type=checkbox]{appearance:none;width:48px;height:27px;border-radius:20px;background:#51465f;position:relative;flex:none;cursor:pointer}.setting-card input[type=checkbox]:checked{background:var(--teal)}.setting-card input[type=checkbox]:after{content:'';position:absolute;width:21px;height:21px;left:3px;top:3px;background:white;border-radius:50%;transition:.2s}.setting-card input[type=checkbox]:checked:after{left:24px}.theme-options{display:flex;gap:8px}.theme-options button{border:1px solid var(--line);background:#ffffff0b;padding:9px 13px;border-radius:12px}.theme-options button.selected{border-color:var(--purple);background:#8e5bfb25;color:#e9d8ff}.profile-row{display:flex;align-items:center;gap:14px;padding:16px;margin-bottom:18px}.profile-avatar{width:66px;height:66px;object-fit:contain;background:#233750;border-radius:18px}.modal{padding:0;border:0;background:transparent;color:var(--text);max-width:min(92vw,480px);width:100%}.modal::backdrop{background:#05030dcc;backdrop-filter:blur(8px)}.modal-card{padding:22px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(150deg,#2a2048,#11182e);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px}.modal-card h2{font-family:LilitaTurkish,Lilita,Outfit,sans-serif;font-size:27px;margin:0}.modal-card p{color:var(--muted);line-height:1.55;margin:0}.modal-actions{display:flex;gap:9px;margin-top:6px}.modal-actions button{flex:1}.modal-image{height:140px;object-fit:contain}.text-input{border:1px solid var(--line);border-radius:13px;padding:12px;background:#090a1b;color:white;outline:none}.text-input:focus{border-color:var(--teal)}.toast{position:fixed;z-index:9;left:50%;bottom:30px;transform:translate(-50%,20px);opacity:0;pointer-events:none;padding:11px 16px;border-radius:13px;background:#201938;border:1px solid var(--line);box-shadow:var(--shadow);transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.empty-hint{padding:22px;text-align:center;color:var(--muted)}[data-theme=light]{color-scheme:light;--bg:#f8f3ff;--bg2:#e8f7ff;--panel:rgba(255,255,255,.87);--panel2:#fff;--line:rgba(66,42,100,.16);--text:#221443;--muted:#685d78;--shadow:0 12px 30px #38275a20;background-color:#f8f3ff}body[data-theme=light]{background:radial-gradient(ellipse at 15% 8%,#e5cfff,transparent 35rem),radial-gradient(ellipse at 90% 70%,#c7f5fb,transparent 38rem),linear-gradient(145deg,#fff9ff,#f2f3ff 55%,#e9fbff)}[data-theme=light] .star-counter,[data-theme=light] .icon-button,[data-theme=light] .install-button{background:#ffffffcc;color:#35234f}[data-theme=light] .star-counter b{color:#35234f}[data-theme=light] .hero-card,[data-theme=light] .panel,[data-theme=light] .stat,[data-theme=light] .level-card,[data-theme=light] .collection-card,[data-theme=light] .setting-card,[data-theme=light] .result-card{background:linear-gradient(145deg,#ffffffee,#ffffffba)}[data-theme=light] .mission{background:#ffffffb8}[data-theme=light] .game-title .mode-tag{color:#582396}[data-theme=light] .side-card{background:#ffffffcc}[data-theme=light] .board-wrap{background:#e6dcf282;border-color:#58376b24}[data-theme=light] .footer-note{color:#756984}[data-theme=light] .text-input{background:#fff;color:#21153d}[data-theme=light] .modal-card{background:linear-gradient(150deg,#fff,#f0eaff);color:#21153d}[data-theme=light] .modal-card p{color:#685d78}[data-theme=light] .theme-options button{color:#34234f}[data-theme=light] .collection-card img{background:#e5f4ff}
@keyframes face-in{from{transform:scale(.75);opacity:.6}to{transform:scale(1);opacity:1}}@keyframes match-pop{50%{transform:scale(1.06)}}@keyframes hint-pulse{to{filter:brightness(1.35);box-shadow:0 0 28px #ffd24d}}
@media(max-width:820px){.app-shell{max-width:700px;padding-left:16px;padding-right:16px}.hero{grid-template-columns:1fr;gap:10px;min-height:0;padding:8px 0 20px}.hero-copy{padding:0}.hero-logo{width:min(78vw,340px);max-height:250px}.hero h1{font-size:38px}.hero-card{max-width:500px;width:100%;margin:auto}.game-layout{grid-template-columns:1fr}.game-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.game-side .side-card:last-child{grid-column:1/-1}.collection-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:560px){.app-shell{padding-left:12px;padding-right:12px}.topbar{height:67px}.brand-mini img{width:54px;height:50px}.top-actions{gap:6px}.icon-button{height:39px;min-width:39px;border-radius:13px}.star-counter{padding:7px 11px;font-size:16px}.screen{padding-top:16px}.hero-logo{width:min(75vw,270px);max-height:220px}.hero h1{display:none}.tagline{font-size:14px}.hero-card{padding:15px;border-radius:21px}.primary-button{font-size:23px;padding:12px}.map-grid{grid-template-columns:1fr;gap:10px}.level-card{min-height:100px;padding:11px;gap:12px}.level-avatar{width:66px;height:66px;border-radius:18px}.level-info h3{font-size:18px}.section-head h1,.section-head h2{font-size:31px}.game-title h1{font-size:25px}.game-layout{gap:12px}.stats{gap:6px}.stat{padding:8px 4px}.stat-value{font-size:22px}.stat-label{font-size:10px}.powers{gap:7px}.power-button{height:44px;font-size:12px;border-radius:13px}.uses-badge{width:21px;height:21px;font-size:11px}.board-wrap{padding:8px;border-radius:19px}.game-board{gap:7px}.tile{border-radius:17%;padding:3px}.game-side{grid-template-columns:1fr 1fr;gap:8px}.side-card{padding:12px;border-radius:16px}.side-card h3{font-size:16px}.result-card{padding:13px;gap:10px}.result-card h2{font-size:22px}.result-actions{width:100%}.result-actions>*{flex:1}.collection-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.collection-card{padding:7px}.collection-card img{border-radius:14px}.collection-card strong{font-size:11px}.settings-list{grid-template-columns:1fr}.profile-row{padding:13px}.footer-note{font-size:11px;padding-bottom:12px}}
@media(min-width:1100px){.game-layout{grid-template-columns:minmax(0,1fr) 240px}.game-board{gap:13px}.tile{border-radius:19%}.game-title h1{font-size:36px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.tutorial-art{height:140px;display:flex;align-items:center;justify-content:center;gap:5px;overflow:hidden;border-radius:18px;background:radial-gradient(ellipse,#603d8055,transparent 72%)}.tutorial-art img{width:30%;height:125px;object-fit:contain;filter:drop-shadow(0 7px 10px #05031266)}.tutorial-art img:nth-child(2){height:140px;transform:translateY(-5px)}
html,body{height:100%;overflow:hidden}.app-shell{height:100vh;height:100dvh;min-height:0}.screen:not(.game-screen){overflow-y:auto;overscroll-behavior:contain}.game-screen{display:flex;flex-direction:column;overflow:hidden;padding-top:10px;padding-bottom:8px}.game-screen .game-layout{flex:1;min-height:0}.game-screen .game-main{height:100%;min-height:0;display:flex;flex-direction:column}.game-screen .board-wrap{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.game-screen .game-board{flex:none;width:100%;height:100%;grid-template-rows:repeat(var(--rows),minmax(0,1fr));align-content:stretch}.game-screen .tile{width:100%;height:100%;min-width:0;min-height:0;aspect-ratio:auto}.playing .footer-note{display:none}.game-screen .game-side{min-height:0;align-content:start}.game-screen .result-card{flex:none}
@media(max-width:820px){.game-screen .game-layout{display:flex;min-height:0}.game-screen .game-main{width:100%}.game-screen .game-side{display:none}.game-screen .game-title{flex:none;margin:0 0 6px}.game-screen .game-title h1{font-size:24px}.game-screen .stats{flex:none;margin-bottom:5px}.game-screen .stat{padding:5px 4px}.game-screen .stat-value{font-size:20px}.game-screen .scoreline{flex:none;padding:0 3px 6px}.game-screen .scoreline strong{font-size:24px}.game-screen .powers{flex:none;margin-bottom:8px}.game-screen .power-button{height:40px}.game-screen .board-wrap{padding:7px}.game-screen .game-board{gap:6px}.game-screen .result-card{margin-top:8px;padding:9px}.game-screen .result-card h2{font-size:20px}.game-screen .result-card p{font-size:12px}.game-screen .result-actions{gap:6px}.game-screen .result-actions button{padding:9px 10px;font-size:13px}}
@media(max-width:560px){.playing .topbar{height:54px;min-height:54px}.playing .brand-mini img{width:48px;height:44px}.playing .icon-button{height:35px;min-width:35px}.game-screen{padding-top:6px;padding-bottom:5px}.game-screen .game-title h1{font-size:21px}.game-screen .game-title p{font-size:11px}.game-screen .mode-tag{font-size:9px;padding:4px 7px}.game-screen .stats{gap:5px}.game-screen .stat{padding:3px}.game-screen .stat-label{font-size:9px}.game-screen .stat-value{font-size:18px}.game-screen .scoreline{font-size:12px;padding-bottom:4px}.game-screen .scoreline strong{font-size:22px}.game-screen .scoreline .stars{font-size:15px}.game-screen .powers{gap:6px;margin-bottom:6px}.game-screen .power-button{height:36px;font-size:11px}.game-screen .uses-badge{width:19px;height:19px;font-size:10px}.game-screen .board-wrap{padding:5px}.game-screen .game-board{gap:5px}.game-screen .tile{padding:2px;border-radius:16%}.game-screen .result-card{padding:7px;margin-top:5px;gap:5px}.game-screen .result-card h2{font-size:18px}.game-screen .result-copy{min-width:100px}.game-screen .result-actions button{padding:7px 8px;font-size:11px}}
@media(max-height:720px){.playing .topbar{height:46px;min-height:46px}.playing .brand-mini img{height:40px;width:44px}.game-screen{padding-top:3px;padding-bottom:3px}.game-screen .game-title{margin-bottom:3px}.game-screen .game-title h1{font-size:19px}.game-screen .game-title p{font-size:10px}.game-screen .stats{margin-bottom:2px}.game-screen .stat{padding:2px}.game-screen .stat-value{font-size:16px}.game-screen .scoreline{padding-bottom:2px}.game-screen .scoreline strong{font-size:19px}.game-screen .powers{margin-bottom:4px}.game-screen .power-button{height:32px}.game-screen .board-wrap{padding:4px}.game-screen .game-board{gap:4px}.game-screen .result-card{padding:5px;margin-top:3px}.game-screen .result-card h2{font-size:16px}.game-screen .result-card p{font-size:10px}}
@media(min-width:821px){.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(26px,4vw,58px)}.hero-card{width:100%;max-width:none}.hero-logo{width:min(100%,560px)}}
/* Only the newly selected tile changes state; rerendering the board must not flash revealed cards. */
.game-screen .tile.revealed img,.game-screen .tile.matched img,.game-screen .tile.matched{animation:none!important}
.app-shell{max-width:1440px;width:100%}.screen.home-screen{display:flex;flex-direction:column;overflow:hidden}.home-screen .hero{width:100%;min-height:0;flex:1;align-content:center}.home-screen .hero-copy{display:flex;flex-direction:column;align-items:center;justify-content:center}.home-screen .hero-logo{width:min(100%,600px);max-height:min(46vh,520px);margin:0 auto 12px}.home-screen .hero h1{display:none}.home-screen .hero-card{max-width:none}.home-screen .tagline{margin-top:4px}
@media(max-width:820px){.home-screen .hero{flex:none;min-height:0;justify-content:center;gap:12px}.home-screen .hero-logo{width:min(74vw,340px);max-height:min(30vh,250px)}.home-screen .hero-card{max-width:500px}}
@media(max-height:700px){.home-screen .hero{flex:1;min-height:0;gap:8px;justify-content:center}.home-screen .hero-logo{width:min(42vw,440px);max-height:36vh}.home-screen .hero-card{padding:14px;gap:9px}.home-screen .primary-button{padding:10px 16px;font-size:21px}.home-screen .mission{padding:10px 12px}.home-screen .assistance-toggle{padding:9px 12px}}
.top-actions{margin-left:auto}.brand-mini{display:none!important}
/* Larger type scale for legibility while keeping text fluid across screen sizes. */
body{font-size:clamp(16px,1.08vw,19px)}
.footer-note{font-size:15px}
.star-counter{font-size:20px;padding:10px 17px}
.tagline{font-size:clamp(19px,1.45vw,22px)}
.profile-inline{font-size:16px}.profile-inline strong{font-size:18px}
.primary-button{font-size:28px}.primary-button small{font-size:15px}
.secondary-button{font-size:18px}
.assistance-toggle strong{font-size:16px}.assistance-toggle small{font-size:14px}
.mission-heading{font-size:15px}.mission p{font-size:15px}
.section-head h1,.section-head h2{font-size:clamp(34px,3.6vw,52px)}.section-head p{font-size:18px}.eyebrow{font-size:14px}
.level-card{gap:18px;padding:17px}.level-avatar{width:90px;height:90px}.level-info h3{font-size:25px}.level-info p{font-size:16px}.level-stars{font-size:23px}
.game-title h1{font-size:36px}.game-title p{font-size:16px}.mode-tag{font-size:13px}.stat-label{font-size:14px}.stat-value{font-size:29px}.scoreline{font-size:18px}.scoreline strong{font-size:34px}.power-button{font-size:clamp(14px,1.1vw,18px)}.uses-badge{font-size:14px;width:25px;height:25px}
.side-card h3{font-size:22px}.side-card p{font-size:16px}.side-action{font-size:17px}
.result-card h2{font-size:29px}.result-card p{font-size:16px}.result-actions button{font-size:16px}
.collection-card strong{font-size:16px}.collection-card small{font-size:14px}
.setting-info strong{font-size:19px}.setting-info small{font-size:15px}.theme-options button{font-size:15px}
.modal-card h2{font-size:31px}.modal-card p{font-size:17px}.modal-actions button{font-size:16px}.text-input{font-size:17px}.toast{font-size:16px}
@media(max-width:820px){.footer-note{font-size:13px}.tagline{font-size:18px}.profile-inline{font-size:15px}.profile-inline strong{font-size:17px}.primary-button{font-size:25px}.primary-button small{font-size:14px}.secondary-button{font-size:16px}.assistance-toggle strong{font-size:15px}.assistance-toggle small{font-size:13px}.mission-heading{font-size:14px}.mission p{font-size:14px}.section-head h1,.section-head h2{font-size:35px}.section-head p{font-size:16px}.eyebrow{font-size:12px}.level-avatar{width:76px;height:76px}.level-info h3{font-size:21px}.level-info p{font-size:14px}.level-stars{font-size:20px}.game-title h1{font-size:27px}.game-title p{font-size:13px}.mode-tag{font-size:11px}.stat-label{font-size:12px}.stat-value{font-size:23px}.scoreline{font-size:15px}.scoreline strong{font-size:27px}.power-button{font-size:14px}.uses-badge{font-size:12px;width:22px;height:22px}.side-card h3{font-size:18px}.side-card p{font-size:14px}.result-card h2{font-size:23px}.result-card p{font-size:14px}.collection-card strong{font-size:14px}.collection-card small{font-size:12px}.setting-info strong{font-size:17px}.setting-info small{font-size:14px}.theme-options button{font-size:13px}.modal-card h2{font-size:27px}.modal-card p{font-size:16px}}
@media(max-width:560px){.footer-note{font-size:12px}.tagline{font-size:16px}.section-head h1,.section-head h2{font-size:31px}.section-head p{font-size:15px}.level-card{gap:11px;padding:10px}.level-avatar{width:64px;height:64px}.level-info h3{font-size:18px}.level-info p{font-size:13px}.level-stars{font-size:18px}.game-title h1{font-size:23px}.game-title p{font-size:12px}.mode-tag{font-size:10px}.stat-label{font-size:10px}.stat-value{font-size:19px}.scoreline{font-size:13px}.scoreline strong{font-size:23px}.power-button{font-size:12px}.result-card h2{font-size:20px}.result-card p{font-size:13px}.result-actions button{font-size:12px}.collection-card strong{font-size:12px}.collection-card small{font-size:11px}.setting-info strong{font-size:16px}.setting-info small{font-size:13px}.theme-options button{font-size:12px;padding:8px 10px}.modal-card h2{font-size:25px}.modal-card p{font-size:15px}.modal-actions button{font-size:14px}}

/* World-specific celebration effects stay inside the board and never change card positions. */
.world-progress{position:relative;margin:2px 0 8px;padding:9px 13px 11px;border:1px solid #ffffff20;border-radius:16px;background:linear-gradient(115deg,#ffffff12,#ffffff05);overflow:hidden}
.world-progress-copy{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#e8dbfb;font-size:13px;font-weight:700}
.world-progress-copy b{color:var(--teal);font-size:12px;white-space:nowrap}
.world-progress-track{height:7px;margin-top:7px;border-radius:9px;background:#08061880;overflow:hidden}
.world-progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#38dcb6,#80f8dc);box-shadow:0 0 12px #36e8c3aa;transition:width .45s cubic-bezier(.2,.8,.2,1)}
.world-announcement{position:absolute;z-index:4;left:50%;top:50%;width:max-content;max-width:90%;padding:5px 12px;border:1px solid #ffffff45;border-radius:20px;background:#17112de8;color:#fff5c2;font-size:13px;font-weight:800;text-align:center;opacity:0;transform:translate(-50%,18px) scale(.85);pointer-events:none}
.world-announcement.show{animation:world-announcement-in 1.35s ease-out forwards}
@keyframes world-announcement-in{12%,68%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-85%) scale(.92)}}
.world-reaction{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}
.world-reaction span{position:absolute;left:calc(10% + var(--i)*13%);top:68%;font-size:clamp(16px,3vw,28px);filter:drop-shadow(0 3px 5px #09041888);animation:world-particle 1.2s cubic-bezier(.15,.7,.3,1) forwards;animation-delay:calc(var(--i)*22ms)}
@keyframes world-particle{0%{opacity:0;transform:translateY(12px) rotate(-20deg) scale(.55)}18%{opacity:1}100%{opacity:0;transform:translate(calc((var(--i) - 2)*9px),-110px) rotate(35deg) scale(1.2)}}
.world-forest{--world-glow:#54db8c}.world-ocean{--world-glow:#40d8ee}.world-space{--world-glow:#9d75ff}.world-wildlife{--world-glow:#ffbd54}.world-farm{--world-glow:#7ee37b}.world-desert{--world-glow:#f1a54e}.world-birds{--world-glow:#ff81bb}.world-dinosaurs{--world-glow:#9dd56a}.world-insects{--world-glow:#d6f45a}.world-fantasy{--world-glow:#e885ff}
.world-food{--world-glow:#ff9b55}.world-robots{--world-glow:#45d8e8}.world-storybook{--world-glow:#c48bff}.world-monsters{--world-glow:#a978ed}.world-heroes{--world-glow:#ffd05c}.world-explorers{--world-glow:#57d6bc}.world-objects{--world-glow:#ff7f9d}.world-dragons{--world-glow:#84cfff}
.game-board[class*="world-"] .tile.matched{box-shadow:0 0 0 2px color-mix(in srgb,var(--world-glow,#fff) 78%,transparent),0 0 24px color-mix(in srgb,var(--world-glow,#fff) 52%,transparent),0 7px 0 #11162b88}
.game-board[class*="world-"]{background-image:radial-gradient(ellipse at 50% 100%,color-mix(in srgb,var(--world-glow,#fff) 10%,transparent),transparent 68%)}
.mission-challenge{display:block;margin:8px 0 0 auto;border:0;background:transparent;color:var(--teal);font-weight:800;font-size:13px;text-align:right;text-decoration:underline;text-underline-offset:3px}
.mission-challenge:hover{color:#b9fff0}
@media(prefers-reduced-motion:reduce){.world-announcement.show,.world-reaction span{animation-duration:.01ms!important;animation-iteration-count:1!important}.world-progress-track span{transition:none}}
@media(max-width:560px){.world-progress{padding:7px 9px 9px;margin:0 0 5px}.world-progress-copy{font-size:11px}.world-progress-copy b{font-size:10px}.world-announcement{font-size:11px}}
.world-gift-button{display:block;width:100%;margin:9px 0 2px;padding:9px 12px;border:1px solid color-mix(in srgb,var(--world-glow,#9d75ff) 55%,transparent);border-radius:13px;background:color-mix(in srgb,var(--world-glow,#9d75ff) 17%,var(--panel));color:var(--text);font:700 13px Outfit,sans-serif;text-align:left;box-shadow:0 0 18px color-mix(in srgb,var(--world-glow,#9d75ff) 16%,transparent)}
.world-gift-button small{display:block;margin:3px 0 0 24px;color:var(--muted);font-size:11px;font-weight:500}.world-gift-button:hover{filter:brightness(1.13);transform:translateY(-1px)}
[data-theme=light] .world-gift-button{color:#272044}