:root{--bg-color-main:#f5eae8;--pastel-pink:#ffd3da;--pastel-mint:#d7ede2;--pastel-blue:#d6e4f0;--pastel-purple:#e3dcf5;--glass-bg:#ffffff73;--glass-border:#ffffff80;--glass-shadow:0 16px 32px #f4dbd859;--border-radius-large:28px;--border-radius-medium:18px;--border-radius-small:12px;--font-outfit:"Outfit", sans-serif;--font-quicksand:"Quicksand", sans-serif;--font-gamja:"Gamja Flower", cursive;--text-dark:#4e4449;--text-muted:#8c7e86}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-outfit);background-color:var(--bg-color-main);color:var(--text-dark);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.bg-blobs{z-index:-1;background:linear-gradient(135deg,#fff2f2 0%,#edf7f3 50%,#f0f3ff 100%);width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.blob{filter:blur(80px);opacity:.6;mix-blend-mode:multiply;border-radius:50%;animation:16s ease-in-out infinite alternate floatBlob;position:absolute}.blob-1{background:var(--pastel-pink);width:500px;height:500px;animation-delay:0s;top:-10%;left:-10%}.blob-2{background:var(--pastel-mint);width:600px;height:600px;animation-delay:2s;bottom:-20%;right:-10%}.blob-3{background:var(--pastel-blue);width:450px;height:450px;animation-delay:4s;top:40%;left:60%}@keyframes floatBlob{0%{transform:translate(0)scale(1)}to{transform:translate(60px,40px)scale(1.15)}}#game-app{-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);width:calc(100% - 40px);max-width:1400px;height:calc(100vh - 40px);max-height:900px;box-shadow:var(--glass-shadow);background:#ffffff40;border-radius:36px;grid-template-columns:240px 1fr;margin:20px;display:grid;overflow:hidden}.sidebar-panel{border-right:1px solid var(--glass-border);background:#fff6;flex-direction:column;gap:30px;padding:30px 20px;display:flex}.sidebar-brand{align-items:center;gap:12px;padding-left:10px;display:flex}.logo-orb{background:linear-gradient(135deg,#ff9ebb,#a2ebd0);border-radius:50%;width:24px;height:24px;box-shadow:0 0 10px #ff9ebb66}.brand-text{letter-spacing:-.5px;color:var(--text-dark);font-size:1.15rem;font-weight:700}.sidebar-nav{flex-direction:column;gap:12px;display:flex}.nav-item{border-radius:var(--border-radius-medium);color:var(--text-muted);border:1px solid #0000;align-items:center;gap:12px;padding:14px 18px;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.nav-item:hover{color:var(--text-dark);background:#fff9;transform:translate(4px)}.nav-item.active{color:var(--text-dark);background:#fff;border:1px solid #fffc;box-shadow:0 4px 12px #00000008}.nav-btn-reset{cursor:pointer;text-align:left;width:100%;font-size:inherit;background:0 0;border:none;font-family:inherit}.nav-icon{font-size:1.2rem}.game-content{flex-direction:column;gap:30px;padding:40px;display:flex;overflow-y:auto}.game-header{justify-content:space-between;align-items:center;display:flex}.header-badge{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);background:#ffffffb3;border:1px solid #fffc;border-radius:20px;margin-bottom:8px;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-block}.serif-title{font-family:var(--font-quicksand);color:var(--text-dark);letter-spacing:-1px;font-size:2.2rem;font-weight:700}.korean-subtext{color:var(--text-muted);font-size:.95rem;font-weight:400}.header-right{gap:15px;display:flex}.score-pill{border:1px solid var(--glass-border);border-radius:var(--border-radius-medium);background:#ffffff8c;flex-direction:column;align-items:center;min-width:90px;padding:8px 20px;display:flex}.score-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;font-size:.7rem;font-weight:700}.score-val{color:var(--text-dark);font-size:1.4rem;font-weight:700}.game-grid{flex:1;grid-template-columns:1.5fr 1fr;gap:30px;min-height:0;display:grid}.game-tile{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--border-radius-large);flex-direction:column;gap:20px;padding:24px;display:flex;box-shadow:0 8px 32px #f4dbd833}.canvas-tile{justify-content:center;align-items:center}.canvas-wrapper{border-radius:var(--border-radius-medium);background:linear-gradient(#ffeef1,#e6f6ee);border:3px solid #ffffffb3;width:640px;height:400px;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000d}#game-canvas{image-rendering:pixelated;display:block}.game-overlay-screen{-webkit-backdrop-filter:blur(8px);z-index:10;opacity:0;pointer-events:none;background:#fff6f6bf;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .4s;display:flex;position:absolute;top:0;left:0}.game-overlay-screen.active{opacity:1;pointer-events:auto}.overlay-card{border-radius:var(--border-radius-medium);text-align:center;background:#fff;border:1px solid #ff9ebb33;flex-direction:column;align-items:center;gap:15px;width:90%;max-width:440px;padding:30px;display:flex;box-shadow:0 12px 40px #f4dbd866}.overlay-card h2{font-family:var(--font-quicksand);color:var(--text-dark);font-size:1.8rem}.overlay-card p{color:var(--text-muted);font-size:.9rem;line-height:1.4}.instructions-graphics{justify-content:space-around;gap:20px;width:100%;margin:10px 0;display:flex}.instruction-item{color:var(--text-muted);flex-direction:column;align-items:center;gap:6px;width:45%;font-size:.75rem;display:flex}.peony-visual-preview{background:linear-gradient(135deg,#ffb3c1,#ffe3e8);border-radius:50%;width:30px;height:30px;box-shadow:0 4px 8px #ffb3c180}.root-visual-preview{background:linear-gradient(135deg,#e4d7cd,#cbbaae);border-radius:50%;width:30px;height:30px;box-shadow:0 4px 8px #cbbaae80}.control-guidelines{background:var(--bg-color-main);border-radius:var(--border-radius-small);padding:8px 16px;font-size:.85rem}.btn{font-family:var(--font-outfit);cursor:pointer;border:none;border-radius:30px;justify-content:center;align-items:center;gap:8px;font-weight:600;transition:all .3s;display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#ff9ebb,#ff7b9f);padding:12px 28px;font-size:1rem;box-shadow:0 6px 18px #ff7b9f59}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ff7b9f73}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--text-dark);border:1px solid var(--glass-border);background:#fff;box-shadow:0 4px 12px #00000005}.btn-small{border-radius:20px;padding:8px 16px;font-size:.8rem}.mobile-controls-row{justify-content:center;gap:20px;width:100%;margin-top:10px;display:none}.mobile-ctrl-btn{border:1px solid var(--glass-border);width:60px;height:60px;color:var(--text-dark);cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffffbf;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex;box-shadow:0 4px 12px #0000000d}.mobile-ctrl-btn:active{background:#ffffffe6;transform:scale(.95)}.info-tile{gap:24px;overflow-y:auto}.info-section h3{font-family:var(--font-quicksand);margin-bottom:4px;font-size:1.2rem;font-weight:700}.panel-desc{color:var(--text-muted);margin-bottom:15px;font-size:.8rem}.border-top{border-top:1px solid #fff6;padding-top:24px}.collection-list{flex-direction:column;gap:10px;display:flex}.collection-item{border-radius:var(--border-radius-medium);background:#ffffff73;border:1px solid #ffffff80;align-items:center;gap:15px;padding:10px 15px;display:flex}.flower-icon-wrap{color:#fff;text-shadow:0 1px 2px #0000001a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;display:flex}.bg-light-pink{background:linear-gradient(135deg,#ffb3c1,#ff7b9f)}.bg-light-peach{background:linear-gradient(135deg,#ffd3b6,#ffad7b)}.bg-light-rose{background:linear-gradient(135deg,#ffaaae,#ff5e62)}.bg-light-gold{background:linear-gradient(135deg,#ffe066,#f5b041)}.item-meta{flex:1;justify-content:space-between;align-items:center;display:flex}.item-name{font-size:.85rem;font-weight:600}.item-count{font-size:1.1rem;font-weight:700}.unlockables-list{flex-direction:column;gap:12px;display:flex}.unlock-item{border-radius:var(--border-radius-medium);background:#ffffff80;border:1px solid #fff9;align-items:center;gap:15px;padding:12px 16px;transition:all .3s;display:flex}.unlock-item.locked{opacity:.6;background:#ffffff40}.unlock-visual{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.6rem;display:flex;box-shadow:0 4px 10px #00000005}.unlock-info{flex-direction:column;flex:1;min-width:0;display:flex}.unlock-name{font-size:.85rem;font-weight:700}.unlock-desc{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.btn-unlock{color:var(--text-dark);border:1px solid var(--glass-border);background:#fff;padding:6px 14px;font-size:.75rem}.unlock-item.unlocked .btn-unlock{color:#fff;background:linear-gradient(135deg,#a2ebd0,#67ddb1);border:none;box-shadow:0 4px 10px #67ddb14d}.unlock-item.active-equip .btn-unlock{color:#fff;background:linear-gradient(135deg,#ff9ebb,#ff7b9f);border:none;box-shadow:0 4px 10px #ff7b9f4d}@media (width<=1024px){#game-app{grid-template-columns:1fr;width:calc(100% - 20px);height:auto;max-height:none;margin:10px}.sidebar-panel{border-right:none;border-bottom:1px solid var(--glass-border);flex-direction:row;justify-content:space-between;align-items:center;padding:15px 25px}.sidebar-nav{flex-direction:row;gap:10px}.nav-item{padding:8px 14px;font-size:.85rem}.game-grid{grid-template-columns:1fr}.game-content{padding:20px}}.mobile-controls-overlay{z-index:8;justify-content:space-between;align-items:center;gap:20px;width:100%;max-width:640px;height:auto;padding:15px 0 0;display:none;position:relative}.touch-device .mobile-controls-overlay{display:flex}@media (width<=768px){.mobile-controls-overlay{display:flex}}.mobile-ctrl-btn{border-radius:var(--border-radius-medium);border:1px solid var(--glass-border);height:54px;font-family:var(--font-outfit);color:var(--text-dark);cursor:pointer;-webkit-backdrop-filter:blur(8px);-webkit-user-select:none;user-select:none;background:#ffffffa6;flex:1;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 15px #f4dbd833}.mobile-ctrl-btn:active{color:#fff;background:linear-gradient(135deg,#ff9ebb,#ff7b9f);transform:translateY(2px)scale(.98);box-shadow:0 2px 8px #ff7b9f4d}@media (width<=768px){.canvas-wrapper{width:100%;height:0;padding-bottom:62.5%}#game-canvas{width:100%;height:100%;position:absolute;top:0;left:0}.nav-text,.brand-text{display:none}.sidebar-panel{padding:10px 15px}.nav-item{border-radius:var(--border-radius-small);padding:10px 12px}.game-content{gap:15px;padding:12px}.game-header{flex-direction:column;align-items:flex-start;gap:12px}.header-right{justify-content:flex-start;gap:10px;width:100%}.game-tile{border-radius:var(--border-radius-medium);padding:12px}.overlay-card{gap:8px;width:95%;max-width:300px;padding:12px 16px}.overlay-card h2{font-size:1.25rem}.overlay-card p{margin-bottom:2px;font-size:.75rem;line-height:1.3}.instructions-graphics{display:none}.control-guidelines{padding:4px 10px;font-size:.72rem}.btn-primary{padding:8px 20px;font-size:.85rem}}