@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700;800&family=Fira+Code:wght@400;500;600&display=swap";:root{color:#173a35;background:#f4edda;font-family:"Baloo 2",system-ui,sans-serif;font-synthesis:none;--ink: #173a35;--forest: #173f37;--green: #48b779;--lime: #dced6d;--cream: #fffaf0;--orange: #f29d4b;--purple: #8266c7}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 12% 18%,rgba(255,255,255,.95) 0 2px,transparent 3px),radial-gradient(circle at 76% 8%,rgba(72,183,121,.12) 0 90px,transparent 91px),#f4edda}button,textarea{font:inherit}button{cursor:pointer}[hidden]{display:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 3.2vw;color:#fff;background:var(--forest);border-bottom:4px solid #d8ca9c;box-shadow:0 4px 18px #173a352e}.brand{color:inherit;text-decoration:none;display:flex;align-items:center;gap:11px}.brand-mark{width:44px;height:44px;display:block;border-radius:13px 13px 13px 5px;overflow:hidden;transform:rotate(-3deg);box-shadow:0 3px #0000002e}.brand-mark svg{width:100%;height:100%;display:block}.brand strong{display:block;font-size:21px;line-height:18px;letter-spacing:.2px}.brand small{color:#bcd8c7;font:11px Fira Code,monospace}.progress-summary{display:flex;align-items:center;gap:12px;font-size:14px}.stars{color:#fff4a8;font-size:16px}.level-progress{width:170px;height:9px;overflow:hidden;border-radius:20px;background:#315b52}.level-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--lime),#fff2a4);transition:width .3s}.streak-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:99px;color:#a4471b;background:#ffe9d2;font-size:13px;font-weight:800}@media(max-width:720px){.topbar{height:auto;min-height:72px;padding:12px 16px;flex-wrap:wrap;gap:9px}.brand small,.level-progress{display:none}.progress-summary{margin-left:auto}.progress-summary #progress-text{display:none}}@media(max-width:390px){.topbar{padding-inline:10px}.brand strong{font-size:18px}.brand-mark{width:38px;height:38px}.stars{font-size:14px}}.rank-chip{padding:3px 9px;border-radius:99px;color:#e5f5c8;background:#2d5d50;font-size:12px;font-weight:700;white-space:nowrap}.icon-button{width:38px;height:38px;border:1px solid #4f756c;border-radius:50%;color:#dceee5;background:#244b43;font-weight:800}.mode-switch{display:flex;gap:4px;padding:4px;border:1px solid #3e655c;border-radius:12px;background:#21473f}.mode-switch button{padding:7px 12px;border:0;border-radius:8px;color:#a9c9bf;background:transparent;font-size:12px;font-weight:700}.mode-switch button.active{color:var(--forest);background:var(--lime)}@media(max-width:720px){.icon-button{display:none}.mode-switch{width:100%;order:3}.mode-switch button{flex:1}}.game-shell{display:grid;grid-template-columns:minmax(220px,.78fr) minmax(390px,1.45fr) minmax(380px,1.15fr);gap:16px;max-width:1500px;min-height:calc(100vh - 76px);margin:auto;padding:22px}.practice-shell{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(390px,1.25fr) minmax(390px,1.05fr);gap:16px;max-width:1500px;min-height:calc(100vh - 76px);margin:auto;padding:22px}@media(max-width:1100px){.game-shell,.practice-shell{grid-template-columns:280px 1fr}}@media(max-width:720px){.game-shell,.practice-shell{display:flex;flex-direction:column;min-height:auto;padding:10px;gap:10px}}.exercise-list-panel{border:1px solid #ded2af;border-radius:22px;background:#fffaf0d1;overflow:hidden}.exercise-list-panel{display:flex;flex-direction:column;max-height:calc(100vh - 120px)}.practice-heading{padding:24px 22px 12px}.practice-heading span{color:#4e9d74;font:700 10px Fira Code,monospace;letter-spacing:1.1px}.practice-heading h1{margin:4px 0;font-size:26px;line-height:1}.practice-heading p{margin:10px 0 0;color:#667b75;line-height:1.35}.practice-heading code{color:#684fa4}.refresh-set-button{width:100%;margin-top:12px;padding:8px 10px;border:1px dashed #6b9b78;border-radius:9px;color:#286747;background:#edf5df;font-weight:700}.refresh-set-button:hover{border-style:solid;background:#e2efc9}@media(max-width:1100px){.exercise-list-panel{max-height:700px}}@media(max-width:720px){.exercise-list-panel{max-height:none}}@media(max-width:390px){.practice-heading h1{font-size:23px}}.review-button{border-color:#e0a13f;color:#8a5a12;background:#fff4d6}.review-button:hover:not(:disabled){background:#ffe9b0}.review-button:disabled{opacity:.55;cursor:not-allowed}.review-note{margin:6px 2px 0;color:#7a6a3a;font-size:12px}.exercise-filters{display:flex;flex-wrap:wrap;gap:6px;padding:0 18px 14px;border-bottom:1px solid #ded2af}.exercise-filters button{padding:5px 9px;border:1px solid #d2c7aa;border-radius:20px;color:#6f756b;background:#fff;font-size:11px}.exercise-filters button.active{color:#fff;border-color:var(--forest);background:var(--forest)}.exercise-list{overflow-y:auto;padding:8px}.exercise-item{width:100%;display:grid;grid-template-columns:36px 1fr 20px;align-items:center;gap:9px;padding:10px;border:0;border-bottom:1px solid #ebe2ca;color:var(--ink);text-align:left;background:transparent}.exercise-item:hover{background:#f3eedf}.exercise-item.active{border-radius:12px;background:#e8f2cf}.exercise-item.completed i{color:#309866}.exercise-index{width:32px;height:32px;display:grid;place-items:center;border:1px solid #d3c7a7;border-radius:10px;color:#687a72;background:#fff;font:600 11px Fira Code,monospace}.exercise-item.active .exercise-index{color:#fff;border-color:var(--forest);background:var(--forest)}.exercise-item strong,.exercise-item small{display:block}.exercise-item strong{line-height:1.1}.exercise-item small{margin-top:3px;color:#879089;font-size:10px}@media(max-width:720px){.exercise-list{max-height:410px}}.problem-panel{border:1px solid #ded2af;border-radius:22px;background:#fffaf0d1;overflow:hidden}.problem-topline{color:#4e9d74;font:700 10px Fira Code,monospace;letter-spacing:1.1px}.problem-panel{max-height:calc(100vh - 120px);padding:28px 30px;overflow-y:auto}.problem-topline{display:flex;justify-content:space-between;align-items:center}.difficulty-badge{padding:5px 10px;border-radius:20px;color:#6d5518;background:#ffedaf;letter-spacing:0}.difficulty-badge[data-level="Trung bình"]{color:#674c9a;background:#e8dffd}.difficulty-badge[data-level="Thử thách"]{color:#923d2a;background:#ffd8ca}.problem-panel h2{margin:9px 0 20px;font-size:34px;line-height:1}.problem-section{margin:20px 0}.problem-section h3{margin:0 0 7px;color:#367e5b;font:700 12px Fira Code,monospace;text-transform:uppercase}.problem-section p,.problem-section li{color:#49665e;line-height:1.45}.problem-section ul{margin:0;padding-left:20px}.knowledge div{display:flex;flex-wrap:wrap;gap:6px}.knowledge span{padding:5px 9px;border-radius:7px;color:#624c96;background:#eee7fc;font:11px Fira Code,monospace}@media(max-width:1100px){.problem-panel{max-height:700px}}@media(max-width:720px){.problem-panel{max-height:none}.problem-panel{padding:23px 20px}.problem-panel h2{font-size:29px}}@media(max-width:390px){.problem-panel h2{font-size:26px}.problem-topline{gap:8px}}.example-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid #d7cbae;border-radius:12px;overflow:hidden;background:#183632}.example-grid>div+div{border-left:1px solid #3b5b55}.example-grid small{display:block;padding:7px 11px;color:#82a89d;border-bottom:1px solid #3b5b55;font:600 9px Fira Code,monospace}.example-grid pre{min-height:55px;margin:0;padding:10px 12px;color:#e4f3eb;font:12px/1.5 Fira Code,monospace}.test-summary{margin:0 11px;border:1px solid #31534d;border-radius:9px;overflow:hidden;background:#102723}.test-summary-title{display:flex;justify-content:space-between;padding:7px 10px;color:#73978d;border-bottom:1px solid #294943;font:600 9px Fira Code,monospace}.test-summary pre{min-height:100px;max-height:180px;margin:0;padding:11px;overflow:auto;color:#b5d4c9;white-space:pre-wrap;font:11px/1.5 Fira Code,monospace}@media(max-width:720px){.example-grid{grid-template-columns:1fr}.example-grid>div+div{border-left:0;border-top:1px solid #3b5b55}}.motivation-card{margin-top:14px;padding:12px;border:1px solid #d6e3c6;border-radius:12px;background:#f7fbef}.daily-goal{display:flex;align-items:center;justify-content:space-between;color:#35604a;font-size:13px;font-weight:700}.daily-bar{height:8px;margin:8px 0 12px;overflow:hidden;border-radius:99px;background:#dfe9d0}.daily-bar span{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#8cc152,#d5e85b);transition:width .3s ease}.badge-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.badge{display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 2px;border-radius:9px;text-align:center;font-size:18px;line-height:1.2}.badge small{color:#35604a;font-size:9px;font-weight:700}.badge i{color:#7a8f82;font:600 9px Fira Code,monospace}.badge.earned{background:#fff4c9;box-shadow:inset 0 0 0 1px #e6c84f}.badge.locked{opacity:.5;filter:grayscale(1)}.mission-panel{border-radius:22px;overflow:hidden}.mission-panel{padding:30px 27px;background:#fffaf0c7;border:1px solid #ded2af}.eyebrow{color:#4e9d74;font:700 11px Fira Code,monospace;letter-spacing:1.2px}.mission-panel h1{margin:8px 0 7px;color:var(--ink);font-size:clamp(25px,2.3vw,36px);line-height:.98}.concept-badge{display:inline-block;padding:4px 10px;border-radius:20px;color:#684fa4;background:#e9e0ff;font-size:12px;font-weight:700}.story{margin:20px 0;color:#577069;font-size:16px;line-height:1.45}.objective-card{display:flex;gap:12px;padding:14px;border:1px solid #c9bde8;border-radius:15px;background:#f4efff}.objective-card small{color:#7b65b0;font:700 10px Fira Code,monospace;letter-spacing:1px}.objective-card p{margin:4px 0 0;line-height:1.25;font-weight:600}.objective-icon{flex:0 0 auto;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#fff;background:var(--purple)}.hint-button{width:100%;margin-top:15px;padding:11px;border:1px dashed #e1ab63;border-radius:12px;color:#ad6a20;background:#fff5df;font-weight:700}.hint-button.active{border-style:solid;background:#ffeabd}.hint{margin-top:8px;padding:12px;color:#76511f;border-radius:10px;background:#fff8e8;line-height:1.35}@media(max-width:720px){.mission-panel{padding:23px 20px}.mission-panel h1{font-size:30px}}@media(max-width:390px){.mission-panel{border-radius:16px}}.chapter-map{display:grid;gap:10px;margin-top:22px}.chapter-card{padding:10px 12px;border:1px solid #d9cfb2;border-radius:14px;background:#ffffff8c}.chapter-card header{display:flex;align-items:baseline;gap:8px;margin-bottom:8px;font-size:13px}.chapter-card header b{color:var(--forest)}.chapter-card header span{flex:1;color:#6f6a58}.chapter-card header i{color:#b3781f;font:600 11px Fira Code,monospace;font-style:normal}.chapter-levels{display:flex;flex-wrap:wrap;gap:8px}.level-node{min-width:56px;padding:6px 8px;display:grid;justify-items:center;gap:1px;border:1px solid #cec3a6;border-radius:12px;color:#6b6b5e;background:transparent;font-weight:700}.level-node small{color:#e0a13f;font-size:11px;letter-spacing:1px}.level-node.completed{color:var(--forest);border-color:#77bd8f;background:#dff2d4}.level-node.active{color:#fff;border-color:var(--forest);background:var(--forest);box-shadow:0 0 0 4px #173f371f}.level-node.active small{color:#ffe08a}.level-node.locked{opacity:.55;cursor:not-allowed}.chapter-badge{font-style:normal;font-size:15px;line-height:1}.world-panel{border-radius:22px;overflow:hidden}.world-panel{position:relative;display:flex;flex-direction:column;padding:18px;color:#fff;background:#234941;border:1px solid #335f55;box-shadow:0 14px 36px #1d453d2b}.world{--columns: 5;--rows: 4;position:relative;display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));grid-template-rows:repeat(var(--rows),minmax(0,1fr));flex:1;min-height:390px;padding:7%;border:2px solid #446c63;border-radius:16px;overflow:hidden;background:radial-gradient(circle at 13% 18%,#e7f6a0 0 2px,transparent 3px),radial-gradient(circle at 84% 76%,#8ad69d 0 2px,transparent 3px),linear-gradient(145deg,#5e9f71,#80bb7b 58%,#4d8a68);box-shadow:inset 0 0 50px #13433140}.world:before{content:"";position:absolute;inset:0;opacity:.32;background-image:linear-gradient(30deg,transparent 48%,#fff 50%,transparent 52%);background-size:26px 26px}.world-cell{position:relative;z-index:1;display:grid;place-items:center;border:1px solid rgba(236,255,218,.1)}.world-cell:after{content:"";width:8px;height:5px;position:absolute;left:12%;bottom:15%;border-radius:100% 0;background:#ddf58299;transform:rotate(30deg)}.world-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;padding-top:13px;color:#acc8be;font-size:12px}.world-legend span{display:flex;align-items:center;gap:6px}.legend{width:8px;height:8px;border-radius:2px}.legend.crystal{background:#edf070;transform:rotate(45deg)}.legend.portal{border:2px solid #af92f2;border-radius:50%}.legend.rock{background:#698478}@media(max-width:720px){.world{min-height:350px;padding:5%}.world-panel{min-height:470px}}@media(max-width:390px){.world-panel{border-radius:16px}.world-panel{min-height:400px;padding:12px}.world{min-height:290px}.world-legend{gap:10px}}.world-heading{min-height:34px;display:flex;align-items:center;justify-content:space-between;font:600 11px Fira Code,monospace;letter-spacing:.8px}.status-pill{padding:5px 10px;border-radius:20px;color:#cfe1da;background:#315c53;letter-spacing:0}.status-pill.running{color:#59430d;background:#f7dc79}.status-pill.success{color:#173f37;background:var(--lime)}.status-pill.error{color:#7c382c;background:#ffc1a8}.portal-object{position:absolute;width:64%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fff 0 12%,#bda6ff 16%,#664da8 42%,#3c336e 47%,transparent 50%);filter:drop-shadow(0 0 12px #d9c8ff);animation:portal 2.4s ease-in-out infinite}.portal-object i{position:absolute;inset:2%;border:2px dashed #e8dcff;border-radius:50%}.crystal-object{z-index:3;color:#fff6b1;font-size:clamp(24px,4vw,48px);text-shadow:0 0 5px white,0 0 18px #e9ed73;animation:float 1.8s ease-in-out infinite}.rock-object{position:relative;width:66%;height:43%;border-radius:50% 45% 35% 40%;background:#526f63;box-shadow:inset -8px -8px #3f5c52,0 7px #1f4e3c33;transform:rotate(-5deg)}.rock-object i{position:absolute;width:28%;height:20%;border-radius:50%;background:#718d7f;transform:rotate(-20deg)}.rock-object i:first-child{left:18%;top:18%}.rock-object i:last-child{right:15%;top:42%}@keyframes float{50%{transform:translateY(-8px) rotate(5deg)}}@keyframes portal{50%{transform:scale(1.08) rotate(8deg);filter:drop-shadow(0 0 18px #d9c8ff)}}.robot{z-index:5;position:relative;width:54%;max-width:63px;aspect-ratio:.75;transition:transform .2s;filter:drop-shadow(0 9px 3px rgba(30,74,58,.25))}.robot .antenna{position:absolute;width:4px;height:15%;left:calc(50% - 2px);top:0;background:#344942}.robot .antenna:before{content:"";position:absolute;width:9px;height:9px;left:-3px;top:-5px;border-radius:50%;background:#ffb15c;box-shadow:0 0 8px #ffdf73}.robot .face{position:absolute;z-index:2;width:100%;height:49%;top:12%;border:4px solid #e8e2c7;border-radius:43% 43% 32% 32%;background:#244e48;box-shadow:inset 0 -5px #153d38}.robot .face b{position:absolute;width:14%;aspect-ratio:1;top:39%;border-radius:50%;background:#c7f26e;box-shadow:0 0 6px #c7f26e}.robot .face b:first-child{left:23%}.robot .face b:last-child{right:23%}.robot .body{position:absolute;width:72%;height:40%;left:14%;bottom:3%;border-radius:15% 15% 28% 28%;background:#f2e8c9;box-shadow:inset 0 -9px #d7cfae}.robot .body:before{content:"";position:absolute;width:40%;height:38%;left:30%;top:24%;border-radius:5px;background:#f49d51}.robot.direction-west{transform:scaleX(-1)}.robot.direction-north{transform:rotate(-5deg) scale(.94)}.robot.direction-south{transform:rotate(5deg) scale(1.04)}.robot.crashed{animation:crash .35s linear 2;filter:grayscale(.6) drop-shadow(0 9px 3px rgba(30,74,58,.25))}@keyframes crash{25%{transform:translate(-5px) rotate(-8deg)}75%{transform:translate(5px) rotate(8deg)}}.practice-editor{min-height:calc(100vh - 120px);border-radius:22px;overflow:hidden}.practice-editor .editor-wrap{min-height:400px}.code-panel{border-radius:22px;overflow:hidden}.editor-heading{min-height:34px;display:flex;align-items:center;justify-content:space-between;font:600 11px Fira Code,monospace;letter-spacing:.8px}.code-panel{display:flex;flex-direction:column;color:#e9f5ef;background:#132e2b;border:1px solid #31524c;box-shadow:0 14px 36px #1d453d33}.editor-heading{padding:10px 15px 5px;color:#92b6aa}.editor-heading i{display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 7px var(--lime)}.editor-heading button{border:0;color:#8db2a6;background:transparent;font:500 11px Fira Code,monospace}.editor-actions{display:inline-flex;align-items:center;gap:10px}.font-controls{display:inline-flex;gap:4px}.editor-heading .font-controls button{padding:2px 7px;border:1px solid #3e6159;border-radius:6px;color:#b9d8cc;background:#203f3a;font:600 11px Fira Code,monospace}.editor-heading .font-controls button:hover{color:var(--lime);border-color:#769072}.prelude-view{margin:0 11px 8px;padding:10px 14px;overflow-x:auto;border:1px dashed #4f756c;border-radius:11px;color:#9fbfb2;background:#102723;font:var(--editor-font-size, 13px)/1.6 "Fira Code",monospace;white-space:pre;-webkit-user-select:text;user-select:text}.prelude-view:before{content:"ĐỀ CHO SẴN · chỉ đọc";display:block;margin-bottom:4px;color:#6f9388;font-size:10px;letter-spacing:1px}@media(max-width:1100px){.code-panel{grid-column:1 / -1;min-height:560px}.practice-editor{grid-column:1 / -1}}@media(max-width:720px){.code-panel{min-height:570px}.practice-editor{min-height:620px}}.editor-wrap{display:flex;flex:1;min-height:310px;margin:0 11px;border:1px solid #31534d;border-radius:11px;overflow:hidden;background:#183632}.line-numbers{width:42px;flex:0 0 auto;margin:0;padding:16px 11px;overflow:hidden;color:#54766e;text-align:right;background:#15312d;font:var(--editor-font-size, 13px)/1.72 "Fira Code",monospace;-webkit-user-select:none;user-select:none}#code-editor,#exercise-editor{position:relative;z-index:1;width:100%;min-width:0;resize:none;outline:0;border:0;padding:16px;color:transparent;caret-color:var(--lime);white-space:pre;overflow:auto;background:transparent;font:var(--editor-font-size, 13px)/1.72 "Fira Code",monospace;tab-size:4}#code-editor::selection,#exercise-editor::selection{color:transparent;background:#78a08273}.editor-stack{position:relative;flex:1;min-width:0;display:flex}.code-highlight{position:absolute;inset:0;margin:0;padding:16px;overflow:hidden;pointer-events:none;color:#e4f3eb;white-space:pre;font:var(--editor-font-size, 13px)/1.72 "Fira Code",monospace;tab-size:4}.tok-kw{color:#ffb066}.tok-str{color:#a6e3a1}.tok-num{color:#f9d976}.tok-com{color:#7f9c93}.tok-fn{color:#8fd3ff}@media(max-width:720px){.editor-wrap{min-height:340px}}.quick-commands{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:9px 13px}.quick-commands small{color:#658c82;margin-right:4px;font:600 9px Fira Code,monospace}.quick-commands button{padding:5px 8px;border:1px solid #3e6159;border-radius:6px;color:#b9d8cc;background:#203f3a;font:10px Fira Code,monospace}.quick-commands button:hover{color:var(--lime);border-color:#769072}.console{margin:0 11px;border:1px solid #31534d;border-radius:9px;overflow:hidden;background:#102723}.console-title{display:flex;justify-content:space-between;padding:7px 10px;color:#63877e;border-bottom:1px solid #294943;font:600 9px Fira Code,monospace}.console-dot{width:7px;height:7px;border-radius:50%;background:#50bd7e}.console pre{height:65px;margin:0;padding:9px 11px;overflow:auto;color:#b5d4c9;white-space:pre-wrap;font:11px/1.45 Fira Code,monospace}.run-button{display:flex;align-items:center;justify-content:center;gap:10px;margin:11px;padding:13px;border:0;border-radius:10px;color:#183c35;background:linear-gradient(180deg,#e6f174,#bad953);box-shadow:0 5px #738c36;font-weight:800}.run-button:hover{filter:brightness(1.05);transform:translateY(-1px)}.run-button:active{transform:translateY(3px);box-shadow:0 2px #738c36}.run-button:disabled{cursor:wait;opacity:.78}.run-button kbd{position:absolute;right:28px;padding:3px 6px;border:1px solid #95aa48;border-radius:4px;color:#57702f;background:#ffffff4d;font:9px Fira Code,monospace}.quick-code{display:contents}@media(max-width:720px){.run-button kbd{display:none}}@media(max-width:390px){.quick-commands{align-items:flex-start}.quick-commands small{width:100%}}.celebration{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));overflow-y:auto;overscroll-behavior:contain;background:#0d2d27c2;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.celebration[hidden]{display:none}.celebration-card{width:min(420px,100%);max-height:calc(100dvh - 32px);padding:clamp(22px,5vw,35px);overflow-y:auto;text-align:center;border:3px solid #fff0ad;border-radius:clamp(18px,5vw,28px);color:var(--ink);background:#fff9e9;box-shadow:0 25px 80px #00000047;animation:pop .35s cubic-bezier(.2,1.4,.4,1)}.celebration-card p{color:#7f9d73;font:700 11px Fira Code,monospace;letter-spacing:1.2px}.celebration-card h2{margin:8px 0;font-size:31px}.celebration-card button{width:100%;padding:13px;border:0;border-radius:12px;color:#fff;background:var(--forest);font-weight:700}.celebration-card button span{float:right}@keyframes pop{0%{opacity:0;transform:scale(.72) translateY(30px)}}@media(max-width:720px){.celebration{place-items:start center}.celebration-card{margin:auto 0}.celebration-card h2{font-size:26px;line-height:1.05}.celebration-card p{margin-top:14px}}@media(max-width:390px){.celebration{padding:10px}.celebration-card{max-height:calc(100dvh - 20px);padding:20px 16px;border-width:2px}.celebration-card button{padding:11px}}@media(max-height:560px){.celebration{place-items:start center;padding-block:8px}.celebration-card{max-height:calc(100dvh - 16px);padding-block:16px}.celebration-card p{margin:9px 0 4px}.celebration-card h2{margin:4px 0;font-size:24px}}.big-star{width:82px;height:82px;display:grid;place-items:center;margin:-4px auto 18px;border-radius:50%;color:#fff5a7;background:#ef9b4a;font-size:50px;box-shadow:0 0 0 10px #ffeab2,0 8px #c66c32;transform:rotate(-5deg)}.reward{display:inline-block;margin:12px;padding:6px 17px;border-radius:30px;color:#99621d;background:#ffecb7;font-weight:800}.celebration-stars{margin:6px 0 0;color:#e58a2d;font-size:34px;letter-spacing:6px}.celebration-stars:empty{display:none}@media(max-width:720px){.big-star{width:66px;height:66px;margin-bottom:14px;font-size:40px;box-shadow:0 0 0 7px #ffeab2,0 6px #c66c32}.reward{margin:8px}}@media(max-height:560px){.big-star{width:54px;height:54px;margin-bottom:10px;font-size:33px;box-shadow:0 0 0 6px #ffeab2,0 5px #c66c32}.reward{margin-block:6px}}.transfer-card{text-align:left}.transfer-card h2{margin-top:0;text-align:center}.transfer-card .transfer-help{margin:10px 0 6px;color:#5b6f66;font:500 13px/1.4 "Baloo 2",sans-serif;letter-spacing:0}.transfer-card textarea{width:100%;padding:9px 10px;border:1px solid #d9cfb2;border-radius:10px;color:var(--ink);background:#fff;font:12px/1.4 Fira Code,monospace;word-break:break-all;resize:none}.transfer-button{margin-top:8px}.transfer-button.secondary{color:var(--forest);background:#efe6c9}.transfer-card .transfer-message{min-height:20px;margin:8px 0 0;color:#2f6b4d;font:600 13px "Baloo 2",sans-serif;letter-spacing:0}.account-button{display:inline-flex;align-items:center;gap:6px;max-width:160px;padding:7px 12px;border:1px solid #4f756c;border-radius:99px;color:#dceee5;background:#244b43;font-size:13px;font-weight:700;white-space:nowrap}.account-button span:last-child{overflow:hidden;text-overflow:ellipsis}.account-tabs{display:flex;gap:4px;margin:12px 0 8px;padding:4px;border-radius:12px;background:#efe6c9}.account-tabs button{flex:1;padding:8px;border:0;border-radius:9px;color:#6b6248;background:transparent;font-weight:700}.account-tabs button[aria-selected=true]{color:#fff;background:var(--forest)}.account-field{display:block;margin:8px 0;color:#4d6259;font:700 13px "Baloo 2",sans-serif}.account-field input{display:block;width:100%;margin-top:3px;padding:10px 12px;border:1px solid #d9cfb2;border-radius:10px;color:var(--ink);background:#fff;font:500 15px "Baloo 2",sans-serif}.account-field input:focus{outline:2px solid var(--green);outline-offset:1px}.account-check{display:flex;gap:8px;align-items:flex-start;margin:8px 0;color:#4d6259;font:600 13px "Baloo 2",sans-serif}.account-check input{flex:none;margin-top:4px}