@font-face{font-family:Alegreya;src:url(/fonts/Alegreya-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Coiny;src:url(/fonts/Coiny-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Regular.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Stardust;src:url(/fonts/Stardust.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Gmarket;src:url(/fonts/Gmarket/GmarketSansTTFBold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Gmarket;src:url(/fonts/Gmarket/GmarketSansTTFMedium.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:YeongdeokSea;src:url(/fonts/YeongdeokSea.ttf) format("truetype");font-weight:400;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}:root{font-family:system-ui,-apple-system,Arial,sans-serif;line-height:1.5;font-weight:400}body{margin:0;min-width:320px;min-height:100vh;background-attachment:fixed}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit;border:none;background:none;cursor:pointer}h1,h2,h3,h4,h5,h6{margin:0}ul{list-style:none;padding:0;margin:0}.navigation{text-align:center;background:#fff;border-bottom:2px solid #000}.logo{color:#000;text-shadow:-2px -2px 0 #fff,2px -2px 0 #fff,-2px 2px 0 #fff,2px 2px 0 #fff;padding:2rem 0 calc(2rem - 4px) 0;font-family:Coiny;font-weight:700;letter-spacing:2px;display:flex;justify-content:center;align-items:center}.letter-container{box-shadow:inset 0 0 0 2px #0e0e0e;border:none;border-radius:20%;background-color:#e0e0e0;padding:0;cursor:pointer;width:clamp(35px,4vw,50px);height:clamp(35px,4vw,50px)}.letter-container span{margin:0;display:block;border-radius:20%;text-align:center;background-color:#fff;color:#0e0e0e;border:2px solid #0e0e0e;transform:translateY(-4px);font-size:clamp(1.2rem,2.2vw,28px)}.nav-links{list-style:none;padding:0;margin:0;display:flex;justify-content:center;gap:3rem;background-color:#f1f1f1;padding:1rem 0;border-top:2px solid #000}.nav-links li{margin:0}.nav-links a{text-decoration:none;color:#000;font-family:Alegreya;font-size:1.4rem;font-weight:600;transition:opacity .3s;position:relative;text-transform:lowercase}.nav-links a:hover{opacity:.6}.nav-links a.active{text-decoration:none;color:#000}.nav-links a.active:after{content:"";position:absolute;bottom:-8px;left:0;right:0;height:3px;background-color:#000}.home{min-height:calc(100vh - 180px);display:flex;flex-direction:column;align-items:center;padding:2rem;background:#fff;position:relative}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/images/overlay.png);background-repeat:repeat;pointer-events:none;z-index:1}.profile-section{margin:1rem 0;position:relative;z-index:2}.profile-image{width:180px;height:180px;border-radius:20%;object-fit:cover;border:2px solid #000}.profile-image-shadow{width:180px;height:180px;border-radius:20%;border:2px solid #000;position:absolute;top:5px;z-index:-1;background-color:#a5a5a5}.social-links{display:flex;gap:1.5rem;justify-content:space-between;margin:1rem 0;position:relative;z-index:2;width:100%;max-width:400px}.social-links a{color:#000;transition:transform .2s,opacity .3s;display:flex;align-items:center;justify-content:center}.social-links a:hover{transform:scale(1.1);opacity:.7}.bio{font-family:Pretendard;color:#000;margin-bottom:1.2rem}.buttons{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0;width:100%;max-width:400px;position:relative;z-index:2}.action-button{box-shadow:inset 0 0 0 2px #0e0e0e;border:none;border-radius:11px;background-color:#e0e0e0;padding:0;cursor:pointer}.button-face{font-family:Pretendard;font-size:clamp(.875rem,1.1vw,.9625rem);margin:0;letter-spacing:.078125rem;text-transform:uppercase;display:block;border-radius:10px;padding:.75rem 1rem;text-align:center;background-color:#fff;color:#0e0e0e;border:2px solid #0e0e0e;transform:translateY(-4px)}.button-face:hover{background-color:#d7d7d7}.action-button:hover{background-color:#969696}.action-button:active .button-face{transform:translateY(-2px)}.footer{margin-top:auto;padding:2rem 0;font-size:.9rem;color:#333;position:relative;z-index:2}.about{min-height:calc(100vh - 180px);display:flex;flex-direction:column;padding:1.2rem;background:#fff;position:relative}.about-container{max-width:600px;width:100%;margin:0 auto;position:relative;z-index:2;padding:2rem 0}.about-card{background-color:#f8f8f8;border:3px solid #000;border-radius:20px;position:relative;box-shadow:0 12px #000;overflow:hidden}.card-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;position:relative;z-index:10}.language-toggle{font-size:1rem;font-family:Alegreya;font-weight:600}.language-toggle span{cursor:pointer;transition:opacity .3s}.language-toggle span:hover{opacity:.6}.language-toggle span.active{color:#000;font-weight:700;text-decoration:underline}.card-image-section{display:flex;justify-content:center;background:linear-gradient(to bottom,#fff,#f8f8f8)}.card-image-container{width:200px;height:200px;border-radius:20px;overflow:hidden;border:3px solid #000;box-shadow:0 6px #000}.card-image{width:100%;height:100%;object-fit:cover}.card-content{padding:1rem;background-color:#fff}.card-title{font-family:Alegreya;font-size:1.5rem;font-weight:700;text-align:center}.card-text{font-size:1.1rem;line-height:1.8;margin:0;color:#333}.card-text .paragraph{margin:0 0 1.2rem}.card-text .paragraph:last-of-type{margin-bottom:0}.card-text .paragraph br{display:block;content:"";margin:.3rem 0}.card-text a{color:#000;font-weight:700;text-decoration:underline;transition:opacity .3s ease}.card-text a:hover{opacity:.6}.tech{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.5rem 0}.tech-tag{display:inline-block;padding:.5rem 1.25rem;background-color:#fff;border:2px solid #000;border-radius:25px;font-family:Alegreya;font-size:.95rem;font-weight:600;color:#000;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 3px #000;transition:transform .2s ease,box-shadow .2s ease}.tech-tag:hover{transform:translateY(-2px);box-shadow:0 5px #000}.projects{min-height:calc(100vh - 180px);display:flex;flex-direction:column;align-items:center;padding:2rem;background:#fff;position:relative}.projects-content{max-width:800px;margin:0 auto;width:100%;padding:2rem}.projects-grid{display:flex;flex-direction:column;gap:5rem;margin-bottom:2rem}.project-item{display:flex;align-items:center;gap:2rem;position:relative}.project-info{flex:1;position:relative}.project-tab{background-color:#fff;border:3px solid #000;padding:.75rem 2rem;font-size:1.2rem;font-weight:600;font-family:Pretendard;display:inline-block;position:absolute;top:-35px;left:10px;z-index:2;box-shadow:0 3px #000;border-radius:11px}.project-details{background-color:#fff;border:3px solid #000;padding:2rem;font-family:Pretendard;box-shadow:0 6px #000;border-radius:11px}.project-description{font-size:1rem;margin-bottom:.5rem;font-weight:500}.project-timeline{font-size:.9rem;color:#666}.project-image{flex-shrink:0;width:150px;height:150px;position:absolute;right:10px;top:-15px;border:2px solid black;border-radius:11px}.project-image img{width:100%;height:100%;object-fit:cover;border-radius:11px}@media(max-width:768px){.projects{padding:1rem}.projects-content{padding:3rem 1rem 1rem}.projects-grid{gap:5rem}.project-item{flex-direction:column;align-items:stretch;gap:1rem}.project-info{width:100%}.project-description,.project-timeline{width:calc(100% - 20px)}.project-tab{font-size:1rem;padding:.5rem 1.5rem;top:-25px}.project-details{padding:2.5rem 1rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.project-image{width:80px;height:80px;margin:0 auto;position:relative;right:0;top:0}.project-description{font-size:.9rem}.project-timeline{font-size:.8rem}}.footer{margin-top:auto;padding:2rem 0;font-size:.9rem;color:#333;text-align:center}.not-yet{min-height:calc(100vh - 180px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:#fff;position:relative}.not-yet-container{max-width:600px;width:100%;margin:0 auto;position:relative;z-index:2}.not-yet-content{background-color:#f8f8f8;border:3px solid #000;border-radius:20px;padding:4rem 2rem;text-align:center;box-shadow:0 12px #000}.not-yet-title{font-family:Pretendard;font-size:2rem;margin:0 0 1.5rem;color:#000}.not-yet-message{font-family:Pretendard;font-size:1.2rem;line-height:1.8;color:#333;margin:0 0 2rem}.back-button{display:inline-block;text-decoration:none;box-shadow:inset 0 0 0 3px #000;border:none;border-radius:11px;background-color:#000;padding:0;cursor:pointer;transition:transform .1s}.back-button:hover{transform:translateY(-2px)}.back-button:active{transform:translateY(0)}.back-button .button-face{font-family:Pretendard;font-size:1rem;font-weight:600;margin:0;text-transform:uppercase;display:block;border-radius:10px;padding:1rem 2rem;text-align:center;background-color:#fff;color:#000;border:3px solid #000;transform:translateY(-6px);transition:transform .1s}.back-button:hover .button-face{transform:translateY(-8px)}.back-button:active .button-face{transform:translateY(-2px)}@media(max-width:768px){.not-yet{padding:1rem}.not-yet-content{padding:3rem 1.5rem}.not-yet-title{font-size:2rem}.not-yet-message{font-size:1rem}}.gf-container{max-width:900px;margin:0 auto;padding:20px}.gf-header{text-align:center;padding:60px 20px;background:#ffffffe6;border-radius:20px;margin-bottom:30px;box-shadow:0 4px 6px #0000001a}.gf-header h1{font-size:3em;color:#e91e63;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.gf-subtitle{font-size:1.3em;color:#4caf50;font-weight:500}.gf-tagline{font-size:1.1em;color:#666;margin-top:15px;font-style:italic}.gf-section{background:#fff;padding:40px;margin-bottom:30px;border-radius:15px;box-shadow:0 2px 8px #0000001a}.gf-section h2{color:#e91e63;font-size:2em;margin-bottom:20px;padding-bottom:10px;border-bottom:3px solid #ffc0cb}.gf-section h3{color:#4caf50;font-size:1.4em;margin:25px 0 15px}.gf-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:30px}.gf-feature-card{padding:25px;background:linear-gradient(135deg,#fff5f7,#f1f8f4);border-radius:12px;border-left:4px solid #e91e63;transition:transform .3s ease,box-shadow .3s ease}.gf-feature-card:hover{transform:translateY(-5px);box-shadow:0 4px 12px #00000026}.gf-feature-icon{font-size:2.5em;margin-bottom:10px}.gf-feature-title{font-size:1.2em;font-weight:600;color:#333;margin-bottom:10px}.gf-feature-desc{color:#666;font-size:.95em}.gf-system-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin-top:20px}.gf-system-card{padding:20px;background:#f9f9f9;border-radius:10px;border-top:3px solid #4caf50}.gf-system-card h4{color:#e91e63;margin-bottom:12px;font-size:1.1em}.gf-section ul{list-style:none;padding-left:0}.gf-section li{padding:8px 0;color:#555}.gf-section li:before{content:"🌿 ";margin-right:8px}.gf-stats{display:flex;justify-content:space-around;flex-wrap:wrap;margin:30px 0;padding:20px;background:linear-gradient(135deg,#e8f5e9,#fff5f7);border-radius:12px}.gf-stat{text-align:center;padding:15px}.gf-stat-number{font-size:2.5em;font-weight:700;color:#e91e63}.gf-stat-label{color:#666;margin-top:5px}.gf-footer{text-align:center;padding:30px;color:#666;background:#fffc;border-radius:15px;margin-top:30px}.gf-badge{display:inline-block;padding:5px 12px;background:#4caf50;color:#fff;border-radius:20px;font-size:.85em;margin:5px}.gf-cta-button{display:inline-block;padding:15px 40px;background:linear-gradient(135deg,#e91e63,#f06292);color:#fff;text-decoration:none;border-radius:30px;font-size:1.1em;font-weight:600;margin:20px 10px;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 15px #e91e634d}.gf-cta-button:hover{transform:translateY(-3px);box-shadow:0 6px 20px #e91e6366}.gf-cta-button.secondary{background:linear-gradient(135deg,#4caf50,#66bb6a);box-shadow:0 4px 15px #4caf504d}.gf-cta-button.secondary:hover{box-shadow:0 6px 20px #4caf5066}@media(max-width:768px){.gf-header h1{font-size:2em}.gf-subtitle{font-size:1.1em}.gf-section{padding:25px}.gf-features{grid-template-columns:1fr}.gf-stat-number{font-size:2em}}.grow-flower{min-height:calc(100vh - 180px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:#fff;position:relative}.grow-flower-container{max-width:600px;width:100%;margin:0 auto;position:relative;z-index:2}.grow-flower-content{background-color:#f8f8f8;border:3px solid #000;border-radius:20px;padding:4rem 2rem;text-align:center;box-shadow:0 12px #000}.grow-flower-title{font-family:Pretendard;font-size:2.5rem;margin:0 0 1.5rem;color:#000}.grow-flower-message{font-family:Pretendard;font-size:1.2rem;line-height:1.8;color:#333;margin:0 0 2rem}.store-buttons{display:flex;flex-direction:column;gap:1.5rem;align-items:center;font-family:Coiny}.store-button{display:inline-block;text-decoration:none;box-shadow:inset 0 0 0 3px #000;border:none;border-radius:11px;background-color:#000;padding:0;cursor:pointer;transition:transform .1s;width:100%;max-width:300px}.store-button:hover{transform:translateY(-2px)}.store-button:active{transform:translateY(0)}.store-button .button-face{font-size:1.1rem;font-weight:600;margin:0;display:block;border-radius:10px;padding:1rem 2rem;text-align:center;background-color:#fff;color:#000;border:3px solid #000;transform:translateY(-6px);transition:transform .1s}.apple-store .button-face{background-color:#000;color:#fff}.google-play .button-face{background-color:#4285f4;color:#fff;border-color:#4285f4}.store-button:hover .button-face{transform:translateY(-8px)}.store-button:active .button-face{transform:translateY(-2px)}.footer{margin-top:auto;padding:2rem 0;font-size:.9rem;color:#333;text-align:center;position:relative;z-index:2}@media(max-width:768px){.grow-flower{padding:1rem}.grow-flower-content{padding:3rem 1.5rem}.grow-flower-title{font-size:2rem}.grow-flower-message{font-size:1rem}.store-buttons{gap:1rem}}@font-face{font-family:TitleFont;src:url(/assets/title-ClIgmwc4.ttf) format("truetype");font-weight:400;font-style:normal}.bingo-board{background-color:#fff1e8;padding:40px 30px;max-width:800px;margin:20px auto 0}.header{text-align:center}.title{font-family:TitleFont,Caveat,cursive;font-size:72px;font-weight:700;letter-spacing:2px;padding:10px;transform:rotate(-1deg)}.issue-info{font-size:14px;font-family:Indie Flower,cursive;margin-top:5px;padding:5px;display:inline-block}.grid-container{position:relative;margin:0 auto;max-width:600px;width:100%}.board-template{width:100%;height:auto;display:block}.cell{position:absolute;width:18%;max-width:140px;min-height:100px;aspect-ratio:1 / 1;padding:12px;display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;background-color:transparent;font-size:1.8rem;line-height:1.1;word-wrap:break-word;overflow-wrap:break-word;word-break:break-all;white-space:normal;font-family:Indie Flower,cursive;border:none;outline:none}.cell:focus{outline:none}.cell.empty:before{content:"";color:#999;font-size:14px}.checked-overlay{width:18%;max-width:140px;height:auto;aspect-ratio:1 / 1}.footer{margin-top:30px;display:flex;justify-content:center;align-items:center;gap:20px}.bingo-text{font-family:TitleFont,Caveat,cursive;font-size:56px;font-weight:700;letter-spacing:4px;transform:rotate(1deg);white-space:nowrap;flex-shrink:0}.stars{display:flex;flex:1;max-width:300px}.star{font-size:28px}.string-image{height:60px;width:100%;object-fit:fill}.string-image.flipped{transform:scaleX(-1)}.download-button{display:block;margin:30px auto;padding:15px 40px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANsAAABFCAYAAADD75NzAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMRSURBVHgB7dyPdRJBEMfxuTQQrIC1AtOBsYJoCVagVmCswBK0hNgBqUCswKWCQAfu4q0Oy/I3NyPE7+e94W6Xy3twtz/2OAidwNNIVajal1Vb+m3qv91X3NKe9zVT95W+2PhbDKATHCv0Sx2e0n8pm0N1Lkrw9HIhq2GcV2Wh3m+hsU2QzVqPLW65z8ymsL1OdSPtJ6F3rt75uT2V0xFkdbDnZQmByO7BH/bsw6rWAN42qFvHIYgvPauLWs4a20i1jX4x2qoOW0j1JdW1HC/2lYM365elbwh6xig1rvrOaQbB01HG+n2qO6nGvA5bHqDfxfZVJT8YPTPONmw3VutBVk/DCBLOxddUH6Sf9XTYPqd6LwCGlGe4N3mlhC2k+ikALLxKNbnoG9cCwMp1vilheycArLzMN/k0Ml9weBAAVvIFkmd5ZrsSAJaWH0sRNsDHVQ5bEADWRjlsLwSAtdGFAPAw4jQScJLDxncNAXtjwgY44T0b4ISwAU4IG+CEsAFOCBvgJIfN7deFgP8ZYQN8LDiNBHzMmdkAJ4QNcELYACc5bAsBYG3OBRLAxzJsUQCY4z0b4ISwAU4IG+CDD7UBJ1wgAbxw6R9wwmkk4ISwAU44jQR8xBK2KABMMbMBPvgiMuCEsAFeCBtgL+YbwgbYW368RtgAe4QNcLL86RHCBtiL+YawAfY4jQScTPMNYQPsrcxsUQBYYWYDHMyF92yAi2lZKWHjH0gBGz/KSgkbv/cP2JiUFWY2wNbaaWQUAEPLQYulwcwG2LnXjRK2qQAY2p1udP1ylOpBAAwlpnquO/Rp5EQADOVb3aE/1L4XAEOIqW7rzk6tcyoJPN4k1VtpXOHvqvZtqo8CC1Ety/qsuu/P9+hk/WDp+4416mtbn26Hfjmu2mWbICgmqT7JlrdjXaPvNtWNrO9wD63B9thBFqp2PbiCHCaqZXlsC7U+r+4bIiSnLsjf/dqqS1kPaiv4XjYdk12PqT7G+cVyKr+vOu48xp0cJzT6Dtl5sWqf6oDMz+epB+UUhA3rh4h79v0zvwCpFbSiDML2/wAAAABJRU5ErkJggg==);background-size:100% 100%;background-position:center;background-repeat:no-repeat;color:#fff;border:none;border-radius:0;font-size:18px;font-weight:700;font-family:HandWriting,sans-serif;cursor:pointer;transition:opacity .3s ease,transform .2s ease;text-shadow:1px 1px 3px rgba(0,0,0,.5);min-width:200px;max-width:300px;min-height:60px;width:80%}.download-button:hover{opacity:.9;transform:translateY(-2px)}.download-button:active{opacity:.8;transform:translateY(0)}.desktop-recommend{font-size:1.2rem;font-family:HandWriting;text-align:center;margin-bottom:2rem}@media(max-width:768px){.bingo-board{padding:30px 20px}.title{font-size:48px}.cell{font-size:11px;padding:8px}.bingo-text{font-size:42px}.stars{max-width:200px}.string-image{height:50px}}@media(max-width:480px){.title{font-size:36px}.cell{font-size:9px;padding:6px}.bingo-text{font-size:32px}.stars{max-width:150px}.string-image{height:40px}}:root{--strawberry-red: #d7231b;--strawberry-pink: #ffd8d8;--strawberry-white: #ffffff}@font-face{font-family:GeneralSans-Semibold;src:url(/fonts/GeneralSans/GeneralSans-Semibold.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:GeneralSans-BoldItalic;src:url(/fonts/GeneralSans/GeneralSans-BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic}@font-face{font-family:Fredoka-Bold;src:url(/fonts/Fredoka-Bold.ttf) format("truetype");font-weight:700;font-style:italic}@font-face{font-family:yebin;src:url(/fonts/yebin.ttf) format("truetype");font-weight:700;font-style:italic}.strawberry-diary-container{min-height:100vh;background:#ffe0e0;padding:1rem;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}@media(max-width:767px){.strawberry-diary-container{padding:.5rem}.diary-content{width:100%;max-width:600px;transform-origin:center center}@media(max-width:650px){.diary-content{transform:scale(.9)}}@media(max-width:600px){.diary-content{transform:scale(.9)}}@media(max-width:550px){.diary-content{transform:scale(.9)}}@media(max-width:500px){.diary-content{transform:scale(.9)}}@media(max-width:450px){.diary-content{transform:scale(.95)}}@media(max-width:400px){.diary-content{transform:scale(.95)}}@media(max-width:360px){.diary-content{transform:scale(.95)}}}.strawberry-decoration{position:absolute;background-image:url(/images/strawberry.png);background-size:contain;background-repeat:no-repeat;z-index:0}.strawberry-1{top:-4%;left:-6%;transform:rotate(-30deg);width:250px;height:250px}.strawberry-2{top:7%;right:22%;transform:rotate(20deg);width:100px;height:100px}.strawberry-3{top:6%;right:-7%;transform:rotate(10deg);width:120px;height:120px}.strawberry-4{top:25%;right:-13%;transform:rotate(30deg);width:160px;height:160px}.strawberry-5{bottom:4%;left:-6%;transform:rotate(30deg);width:150px;height:150px}.strawberry-6{bottom:-14%;right:-6%;transform:rotate(80deg);width:270px;height:270px}.diary-content{width:600px;max-width:100%;position:relative;z-index:1}.diary-title{text-align:center;font-size:1.5rem;color:#ff69b4;margin-bottom:1.5rem;text-shadow:2px 2px 4px rgba(255,105,180,.2);font-weight:700}.theme-display{background:#fff;display:grid;grid-template-columns:repeat(10,1fr);gap:0}.manuscript-cell{aspect-ratio:1;border:1px solid var(--strawberry-red);display:flex;align-items:center;justify-content:center;font-family:Pretendard,sans-serif;font-size:1.2rem;color:var(--strawberry-red);background:#fff}.manuscript-cell.empty{background:#fff}.theme-placeholder{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#999;text-align:center;border:none}.month-container{display:flex;justify-content:center;gap:0;margin:1rem auto}.month-character{width:5rem;height:5rem;background-image:url(/images/strawberry.png);background-size:contain;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;font-family:Fredoka-Bold,sans-serif;font-size:1.8rem;color:#fff;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.3);margin-left:-1rem}.month-character:first-child{margin-left:0}.calendar-spring{position:absolute;bottom:-14px;z-index:10;display:flex;justify-content:space-between;width:100%;max-width:100%;padding:0 10px;box-sizing:border-box;left:50%;transform:translate(-50%,50%)}.brown-circle{width:16px;height:16px;border-radius:50%;background-color:#844922;position:relative}.pink-metal{width:8px;height:50px;border-radius:10px;background-color:#ff7476;position:relative;z-index:10;transform:translate(-50%);left:50%}.upper-circle{top:8px}.bottom-circle{bottom:8px}.calendar-page{background-color:#fff;width:100%;padding:10px}.upper{margin-bottom:28px;height:fit-content;position:relative}.bottom{height:fit-content;display:flex;flex-direction:column;justify-content:flex-end}.calendar-content{margin-top:3vh;border:1px solid var(--strawberry-red)}.calendar-cover{border:1px solid var(--strawberry-red);margin-bottom:3vh}.calendar-header{display:grid;grid-template-columns:repeat(7,1fr);gap:0;margin-bottom:0;border-bottom:1px solid var(--strawberry-red)}.weekday{text-align:center;font-family:GeneralSans-Semibold,sans-serif;font-weight:600;color:var(--strawberry-red);padding:.5rem 0;font-size:.75rem;border-right:1px solid var(--strawberry-red);background:var(--strawberry-white);height:auto}.weekday:last-child{border-right:none}.calendar-body{display:flex;flex-direction:column;gap:0}.calendar-week{display:grid;grid-template-columns:repeat(7,1fr);gap:0;border-bottom:1px solid var(--strawberry-red)}.calendar-week:last-child{border-bottom:none}.calendar-day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:0;transition:all .2s ease;position:relative;font-size:.9rem;border-right:1px solid var(--strawberry-red);background:var(--strawberry-white)}.calendar-day:last-child{border-right:none}.calendar-day.empty{background:var(--strawberry-white)}.calendar-day.has-day{cursor:pointer;-webkit-tap-highlight-color:transparent}.calendar-day.past{background:var(--strawberry-pink)}.calendar-day.has-day:active{transform:scale(.95)}.calendar-day.today .day-number{width:2.5rem;height:2.5rem;border:1px solid var(--strawberry-red);border-radius:50%;display:flex;align-items:center;justify-content:center}.calendar-day.selected{background:var(--strawberry-pink)}.day-number{font-family:GeneralSans-BoldItalic,sans-serif;font-weight:700;font-style:italic;color:var(--strawberry-red);font-size:1.8rem}.theme-indicator{position:absolute;top:2px;right:2px;font-size:.6rem}@media(min-width:768px){.strawberry-diary-container{padding:2rem}.diary-content{max-width:600px}.diary-title{font-size:2rem;margin-bottom:2rem}.theme-display{padding:1.5rem;min-height:100px;border-radius:20px}.theme-date{font-size:1.2rem;margin-bottom:1rem}.theme-text{font-size:1.3rem}.theme-placeholder{font-size:1.2rem}.weekday{padding:.8rem 0;font-size:1rem}.day-number{font-size:1.5rem}.calendar-day.today .day-number{width:2.5rem;height:2.5rem;border:3px solid var(--strawberry-red)}.theme-indicator{top:5px;right:5px;font-size:.8rem}}.copyright-notice{text-align:center;font-family:Pretendard,sans-serif;font-size:.75rem;color:var(--strawberry-red);padding:1rem;line-height:1.5}.instagram-link{color:#fff;font-weight:600;text-decoration:none;transition:all .2s ease;display:inline-block}.instagram-link:hover{color:#ff69b4;text-decoration:underline;transform:scale(1.05)}.instagram-link:active{transform:scale(.98)}@media(min-width:768px){.copyright-notice{font-size:.85rem}}.chemiking-container{min-height:100vh;max-height:935px;font-family:Stardust,sans-serif;position:relative;max-width:467px;margin:0 auto}.screen-section{width:100%;height:65vh;background-color:#ffe7f4;display:flex;flex-direction:column;justify-content:center;align-items:center;border-bottom-right-radius:4rem;border-bottom-left-radius:4rem;border-bottom:4px solid #f9c5dc}.controls-section{width:100%;height:35vh;background-color:#ffe7f4;display:flex;flex-direction:column;justify-content:center;align-items:center;border-top-right-radius:4rem;border-top-left-radius:4rem;border-top:4px solid #f9c5dc;position:relative}.screen-display{width:85%;background-color:#fff;background-image:url(/images/ChemiKing/pink-checkered.png);background-size:cover;background-position:center;background-repeat:no-repeat;height:90%;border-radius:4rem;border:8px solid #f5a4cb}.chemiking-home{text-align:center;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.game-logo{display:block;min-width:180px;max-width:280px;width:60%;height:auto;margin-bottom:8rem}.play-button,.restart-button{background-image:url(/images/ChemiKing/button-bg.png);background-size:100% 100%;background-position:center;background-repeat:no-repeat;color:#ff3b99;border:none;padding:1rem;font-size:1.6rem;font-weight:700;cursor:pointer;transition:all .3s ease}.play-button-instruction{background-color:#ffc5e4;padding:5px 7px;border-radius:50%;border:1px solid #ff3b99}.chemiking-game{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.game-header{display:flex;justify-content:flex-end;padding:.5rem 2rem;width:100%;margin-bottom:2rem;font-size:1.5rem;font-weight:600;position:absolute;top:0}.score-display{color:#ff3b99}.question-section{text-align:center;margin-bottom:2.5rem}.element{width:80px;height:80px;border:1px solid black;color:#fff;background:linear-gradient(45deg,#f9c5dc,#ff98d0);display:flex;flex-direction:column;align-items:center;justify-content:center}.element-number{font-weight:700;margin-bottom:.5rem;position:relative}.question-text{position:absolute;left:5px;bottom:5px;font-size:2rem}.number-text{position:absolute;top:0;font-size:1.8rem;right:5px;text-align:right}.options-container{display:flex;flex-direction:row;gap:4rem;margin-top:5rem;width:100%;justify-content:center}.button-guide{color:#ff3b99;font-size:1.5rem;text-align:center}.element-symbol{font-size:3rem;font-weight:700}.left-option{background:linear-gradient(-45deg,#f9c5dc,#ff98d0)}.right-option{background:linear-gradient(45deg,#f9c5dc,#ff98d0)}.answer-button-bg{position:absolute;width:100%;max-width:320px;height:auto}.answer-buttons{width:300px;height:220px;position:relative;z-index:10}.answer-btn{font-size:1.8rem;font-weight:700;border:none;cursor:pointer;color:#ff3b99;background-image:url(/images/ChemiKing/answer-btn-bg.png);background-size:100% 100%;background-position:center;background-repeat:no-repeat;width:110px;height:110px;position:absolute}.left-btn{top:32%;left:11%}.right-btn{top:16%;right:11%}.chemiking-result{text-align:center;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.result-title{font-size:2rem;font-weight:700;margin-bottom:2rem;color:#ff3b99}.score-section{margin-bottom:6.5rem}.final-score{font-size:3.5rem;font-weight:700;color:#ff3b99;margin-bottom:1rem}.stickers{width:100%;height:100%;position:absolute}.sticker{width:22px;position:absolute}.star-1,.star-2,.star-3,.star-4,.star-5{width:18px}@media(min-width:400px){.sticker{width:26px}.star-1,.star-2,.star-3,.star-4,.star-5{width:20px}.element{width:100px;height:100px}}@media(min-width:600px){.sticker{width:30px}.star-1,.star-2,.star-3,.star-4,.star-5{width:22px}.element{width:100px;height:100px}}.heart-1{transform:rotate(-15deg);top:15%;left:8%}.heart-2{transform:rotate(15deg);bottom:15%;left:6%}.heart-3{transform:rotate(15deg);top:28%;right:4%}.heart-4{transform:rotate(-15deg);bottom:10%;right:20%}.star-1{transform:rotate(-2deg);top:10%;left:28%}.star-2{transform:rotate(-2deg);top:40%;left:2%}.star-3{transform:rotate(-2deg);bottom:1%;left:25%}.star-4{transform:rotate(2deg);top:8%;right:12%}.star-5{transform:rotate(2deg);bottom:30%;right:10%}.color-cards-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background-image:url(/images/ColorCards/background.png);background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden;position:relative}.start-stage,.tone-stage,.result-stage{text-align:center;background-color:#fff;border:1px solid black;border-radius:10px;width:35%;height:356px;min-width:350px;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000}.result-stage{height:480px}.start-stage h1,.tone-stage h1,.result-stage h1{font-size:25px;font-weight:700;font-family:Gmarket;margin-bottom:1rem;text-shadow:2px 2px 0px rgba(0,0,0,.8);-webkit-text-stroke:1px black;color:#fff}.result-stage h1{color:#000;font-weight:400;-webkit-text-stroke:0px black;text-shadow:none}.start-stage h1 span,.tone-stage h1 span{color:#e9d0ff}.start-button,.restart-button,.tone-button,.shopping-button{position:relative;padding:1rem 1.5rem;font-size:1.2rem;background-image:url(/images/ColorCards/button.png);background-size:100% 100%;background-position:center;background-repeat:no-repeat;color:#000;font-weight:400;font-family:Gmarket;border:none;cursor:pointer;width:fit-content;height:auto}.start-button{margin-top:20px}.restart-button{margin-top:30px}.start-button:hover{transform:scale(1.05)}.tone-button-container{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:20px;width:80%;max-width:300px}.shopping-button{padding:.8rem 3rem}.tone-button{width:100%}.result-button-container{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:20px}.result-button-container .restart-button{margin-top:0}.shopping-button:hover{transform:scale(1.05)}.guide-text{position:absolute;top:50px;left:50%;transform:translate(-50%);color:#fff;font-size:1.5rem;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.3);z-index:1000;animation:fadeIn .5s ease-in;white-space:pre-line;padding:1rem 2rem;background:#0003;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.shuffle-background-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#dd94dc80}.cards-deck{position:absolute;display:flex;justify-content:center;align-items:center;background-color:#fff;width:90%;height:90%;border:1px solid black;border-radius:20px}.shuffle-guide{font-size:1.8rem;color:#000;font-family:Gmarket;font-weight:400;position:absolute;top:50px}.deck{position:absolute;width:100px;height:150px;will-change:transform}.deck:hover{transform:scale(1.02)}.card-animated{position:absolute;width:100px;height:150px;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:10px;border:1px solid black;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:default}.card-animated.selectable{cursor:pointer}.card-animated.selectable:hover{transform:scale(1.02)}@keyframes resultFadeIn{0%{opacity:0}to{opacity:1}}.result-stage h2{font-size:2.5rem;margin-bottom:2rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.result-card-container{perspective:1000px;display:inline-block}.result-card-flip{position:relative;width:200px;height:300px;transform-style:preserve-3d;animation:flipCard 1.2s ease-in-out forwards}@keyframes flipCard{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}.result-card-back,.result-card-front{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:10px;border:1px solid black}.result-card-back{background-image:url(/images/ColorCards/card-back.png);background-size:cover;background-position:center;background-repeat:no-repeat}.result-card-front{background:#fff;padding:3rem;transform:rotateY(180deg);display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden}.card-decorative-line{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:95%;height:95%;pointer-events:none}.color-display{width:150px;height:150px;margin:0 auto 1.5rem;border-radius:50%;border:5px solid rgba(0,0,0,.1)}.result-card-front h3{font-size:1.6rem;font-family:YeongdeokSea;color:#333;margin-bottom:.5rem;text-transform:uppercase}.result-card-front .hex-code{font-size:1.1rem;color:#666;font-family:monospace;margin:0}@media(max-width:768px){.start-stage,.tone-stage,.result-stage{width:90%}.start-stage h1,.tone-stage h1,.result-stage h1{font-size:1.8rem}.guide-text{font-size:1.2rem;top:30px;padding:.8rem 1.5rem}.cards-deck{width:90%;height:90%}.shuffle-guide{font-size:1.3rem;top:30px}.deck,.card-animated{width:70px;height:105px}.color-display{width:150px;height:150px}.result-card-flip{width:200px;height:300px}.result-card-front{padding:2rem}.result-card-front h3{font-size:1.3rem}.color-display{width:100px;height:100px}}@media(max-width:480px){.start-stage,.tone-stage,.result-stage{width:90%;min-width:280px}.start-stage h1,.tone-stage h1,.result-stage h1{font-size:1.6rem}.guide-text{font-size:1rem}.cards-deck{width:90%;height:90%}.shuffle-guide{font-size:1rem;top:20px}.deck,.card-animated{width:50px;height:75px}.result-card-flip{width:150px;height:225px}.result-card-front{padding:1.5rem}}.mallang-pli-container{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;font-family:Stardust;background-image:radial-gradient(circle,#d3d3d3 1px,transparent 1px),radial-gradient(circle,#d3d3d3 1px,transparent 1px);background-size:30px 30px;background-position:0 0,15px 15px;background-color:#fff}.mallang-pli-main{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:20px;box-sizing:border-box;position:relative;overflow:hidden}.pli-background-image{width:100%;height:100%;position:absolute;z-index:-1;top:0;left:0}.pli-background-image img{width:100%;height:100%}.player-section{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;margin-top:80px}.cd-player{width:280px;height:280px;display:flex;align-items:center;justify-content:center}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.thumbnail-container,.cd-preview-thumbnail-container{width:100%;height:100%;border-radius:50%;overflow:hidden;border:2px solid black;cursor:pointer;position:relative;mask-image:url(/images/MallangPli/cd-mask.png);mask-size:cover;mask-position:center;-webkit-mask-image:url(/images/MallangPli/cd-mask.png);-webkit-mask-size:cover;-webkit-mask-position:center;animation:spin 30s linear infinite;display:flex;flex-direction:column;justify-content:center;align-items:center}.playlist-thumbnail{width:180%}.play-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d;display:flex;align-items:center;justify-content:center;transition:background .2s}.play-button{width:80px;height:80px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;color:#ff8fab;padding-left:8px;transition:all .2s}.iframe-container{width:80vw;max-width:600px;aspect-ratio:16 / 9;border-radius:5px;overflow:hidden}.playlist-iframe{width:100%;height:100%;border:none}.empty-player{width:100%;height:100%;border-radius:50%;background:#ffffff4d;display:flex;align-items:center;justify-content:center;color:#666;font-size:16px;text-align:center;padding:20px;box-sizing:border-box}.nav-button{width:50px;height:50px;border-radius:50%;background:#fff;border:3px solid black;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;transition:all .2s}.nav-button:hover{transform:scale(1.1);background:#f0f0f0}.nav-button:active{transform:scale(.95)}.controls-section{width:100%;display:flex;flex-direction:column;align-items:center;gap:15px;margin-bottom:40px}.add-button{width:50px;height:50px;border-radius:50%;background:#fff;border:3px solid black;cursor:pointer;font-size:24px;display:flex;align-items:center;justify-content:center;transition:all .2s;font-weight:300}.add-button:hover{transform:scale(1.1);background:#f0f0f0}.add-button:active{transform:scale(.95)}.control-buttons{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.input-container{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.input-container input{width:85%;max-width:400px;padding:12px 15px;border-radius:20px;border:2px solid #333;font-size:14px;outline:none}.input-container input:focus{border-color:#ff8fab}.input-buttons{display:flex;gap:10px}.delete-btn,.confirm-btn,.cancel-btn{padding:10px 20px;border-radius:20px;border:2px solid #333;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}.delete-btn,.cancel-btn{background-color:#fff;color:#333}.delete-btn:hover,.cancel-btn:hover{background-color:#f0f0f0;transform:translateY(-2px)}.playlist-counter{font-size:16px;font-weight:600;color:#333;background:#ffffffb3;padding:8px 16px;border-radius:15px;border:2px solid #333}.pli-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.pli-modal-container{background:#fff;border-radius:20px;width:90%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.pli-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;font-size:18px;font-weight:600;position:relative}.pli-modal-header>span{position:absolute;left:50%;transform:translate(-50%)}.add-text-btn{background:none;border:none;color:#4caf50;font-size:16px;font-weight:600;cursor:pointer;padding:0;transition:opacity .2s;text-align:center}.add-text-btn:hover{opacity:.7}.delete-text-btn{background:none;border:none;color:#f44;font-size:16px;font-weight:600;cursor:pointer;padding:0;transition:opacity .2s;text-align:center}.delete-text-btn:hover{opacity:.7}.pli-modal-content{padding:20px;overflow-y:auto;flex:1}.playlist-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:20px;overflow-y:auto;max-height:calc(80vh - 200px)}.playlist-item{cursor:pointer;position:relative;transition:all .2s}.playlist-item.selected:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:4px solid #333;border-radius:50%;box-sizing:border-box}.playlist-item.selected{transform:scale(.95)}.playlist-cd{width:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;border:2px solid black;position:relative;mask-image:url(/images/MallangPli/cd-mask.png);mask-size:cover;mask-position:center;-webkit-mask-image:url(/images/MallangPli/cd-mask.png);-webkit-mask-size:cover;-webkit-mask-position:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.playlist-cd-thumbnail{width:180%}.pli-modal-input-container{display:flex;flex-direction:column;gap:15px;align-items:center}.pli-modal-input-container input{width:100%;padding:12px 15px;border-radius:5px;border:2px solid #333;font-size:14px;outline:none;box-sizing:border-box;font-family:Stardust}.pli-modal-input-container input::placeholder{font-family:Stardust}.pli-modal-input-container input:focus{border-color:#333}.pli-modal-input-buttons{display:flex;gap:10px}.add-options-container{display:flex;gap:30px;align-items:center;justify-content:center;height:100%}.add-option-btn{width:40%;padding:15px;background:#fff;border:2px solid black;border-radius:10px;color:#000;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.add-option-btn:hover{background:#f0f0f0;transform:translateY(-2px)}.cd-previews{position:absolute;width:100%;bottom:40%;left:0;pointer-events:none;display:flex;flex-direction:column;align-items:center;padding:0 20px;box-sizing:border-box;z-index:0;gap:30px}.nav-buttons{display:flex;align-items:center;justify-content:space-between;width:100%;pointer-events:auto;position:relative;z-index:2}.cd-preview-container{position:relative;width:100%;height:140px;display:flex;justify-content:space-between;align-items:center}.cd-preview{width:140px;height:140px;border-radius:50%;overflow:hidden;border:2px solid black;position:absolute;mask-image:url(/images/MallangPli/cd-mask.png);mask-size:cover;mask-position:center;-webkit-mask-image:url(/images/MallangPli/cd-mask.png);-webkit-mask-size:cover;-webkit-mask-position:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.cd-preview.left{left:-70px}.cd-preview.right{right:-70px}.cd-preview img{width:180%}.cd-preview-playing{width:100%;display:flex;justify-content:center;align-items:center}.cd-preview-thumbnail-container{width:200px;height:200px}@media(max-width:767px){.cd-player{width:240px;height:240px}.nav-button{width:45px;height:45px;font-size:18px}.player-section{gap:15px;margin-top:60px}.cd-previews{gap:20px;bottom:25%}.cd-preview-container{height:100px}.cd-preview{width:100px;height:100px}.cd-preview.left{left:-75px}.cd-preview.right{right:-75px}.cd-preview-thumbnail-container{width:150px;height:150px}.add-button{width:45px;height:45px;font-size:20px}.iframe-container{width:90vw}}@media(min-width:768px)and (max-width:1024px){.cd-player{width:360px;height:360px}.nav-button{width:55px;height:55px;font-size:22px}.cd-previews{gap:25px;bottom:35%}.cd-preview-container{height:160px}.cd-preview{width:160px;height:160px}.cd-preview.left{left:-110px}.cd-preview.right{right:-110px}.cd-preview-thumbnail-container{width:220px;height:220px}.add-button{width:55px;height:55px;font-size:26px}}@media(min-width:1025px){.player-section{margin-top:20px}.cd-player{width:350px;height:350px}.nav-button{width:60px;height:60px;font-size:24px}.cd-previews{bottom:15%;gap:30px}.cd-preview-container{height:180px}.cd-preview{width:180px;height:180px}.cd-preview.left{left:-90px}.cd-preview.right{right:-90px}.cd-preview-thumbnail-container{width:270px;height:270px}.add-button{width:60px;height:60px;font-size:28px}.iframe-container{width:70vw;max-width:800px}}.space-run{width:100vw;height:100vh;overflow:hidden;background-color:#6b5367;position:relative;display:flex;justify-content:center;align-items:center;font-family:Stardust}.game-container{width:100%;height:100%;max-width:600px;position:relative;overflow:hidden;background:url(/images/SpaceRun/background.png) center center / cover no-repeat;--ground-height: 60%}.ui{position:absolute;top:20px;left:20px;z-index:100;color:#fff;font-size:18px}.score,.high-score,.gravity-info{margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.gravity-info{font-size:14px;opacity:.8}.debug-controls{position:absolute;top:20px;right:20px;background:#000c;padding:15px;border-radius:8px;color:#fff;font-size:12px;z-index:150;min-width:200px}.debug-title{font-size:14px;font-weight:700;margin-bottom:10px;color:#0f0}.debug-controls label{display:block;margin-bottom:10px}.debug-controls input[type=range]{width:100%;margin-top:5px}.debug-controls button{width:100%;padding:5px;margin-top:10px;background:#555;color:#fff;border:1px solid #777;border-radius:4px;cursor:pointer}.debug-controls button:hover{background:#666}.show-debug-btn{position:absolute;top:20px;right:20px;padding:8px 15px;background:#0009;color:#0f0;border:1px solid lime;border-radius:4px;cursor:pointer;font-size:12px;z-index:150}.show-debug-btn:hover{background:#000c}.ground{position:absolute;bottom:0;left:0;width:100%;height:60%;z-index:1}.ground img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.player{position:absolute;left:100px;width:82.8px;height:110.4px;z-index:10}.player img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;will-change:auto;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.obstacle{position:absolute;z-index:5}.obstacle img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.obstacle-ground{width:69px;height:92px}.obstacle-air{width:92px;height:92px}.space-run-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:200;color:#fff}.space-run-overlay h1{font-size:48px;margin-bottom:20px;text-shadow:3px 3px 6px rgba(0,0,0,.8)}.space-run-overlay p{font-size:20px;margin:10px 0;text-shadow:2px 2px 4px rgba(0,0,0,.6)}.space-run-overlay .controls{margin-top:20px;font-size:16px;text-align:center;line-height:1.6}.restart-btn{margin-top:30px;padding:15px 40px;font-size:20px;font-weight:700;border:3px solid #e486a4;border-radius:50px;background:#fbeff1;color:#ff3b99;cursor:pointer;transition:all .2s;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;position:relative;z-index:201;pointer-events:auto}.restart-btn:hover{background:#ff3b99;color:#fbeff1;transform:scale(1.05)}.restart-btn:active{transform:scale(.95)}.controls-buttons{position:absolute;bottom:10%;width:100%;display:flex;justify-content:space-between;padding:0 30px;z-index:50}.control-btn{width:100px;height:100px;font-size:18px;font-weight:700;border:3px solid #e486a4;border-radius:50%;background:#fbeff1;color:#ff3b99;cursor:pointer;transition:all .2s;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.btn-down{margin-left:0}.btn-up{margin-right:0}@media(max-width:768px){.game-container{--ground-height: 50%}.ui{font-size:14px}.space-run-overlay h1{font-size:36px}.space-run-overlay p{font-size:16px}.control-btn{width:80px;height:80px;font-size:14px}.ground{height:50%}.obstacle-ground{width:54px;height:72px}.obstacle-air{width:72px;height:72px}.player{left:60px;width:60px;height:84px}}.app{min-height:100vh}