.main-screen{background:#000;justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex;overflow:hidden}.home-stage{max-width:100%;max-height:100vh;line-height:0;display:inline-block;position:relative}.home-background{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:auto;max-width:100vw;height:auto;max-height:100vh;display:block}.button-grid{z-index:1;position:absolute;inset:0}.nav-button{width:16%;height:18%;box-shadow:none;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:0;transition:transform .2s;position:absolute;top:68%}.upload-btn{left:25%}.list-btn{left:42%}.slide-btn{left:58%}.game-btn{left:75%}.home-game-chip{z-index:2;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a8c;border:2px solid #ffffffd9;border-radius:999px;padding:10px 18px;font-size:15px;font-weight:700;transition:transform .2s,background .2s;position:absolute;bottom:4%;right:3%}.home-birthday-chip{z-index:2;color:#ffe8f1;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#7a1c4e9e;border:2px solid #ffd76ae6;border-radius:999px;padding:10px 18px;font-size:15px;font-weight:700;transition:transform .2s,background .2s;position:absolute;bottom:calc(4% + 52px);right:3%}.home-game-chip:hover{background:#2563ebbf;transform:scale(1.05)}.home-birthday-chip:hover{background:#be185dcc;transform:scale(1.05)}.nav-button:hover{transform:scale(1.05)}.nav-button:active{transform:scale(.97)}.upload-area{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:20px;padding:16px 18px;box-shadow:0 8px 20px #94a3b829}.upload-area input[type=file]{color:#475569;font-size:14px}.photo-page{background:linear-gradient(#fdfefe 0%,#f7f9ff 100%);max-width:1100px;min-height:100vh;margin:0 auto;padding:28px}.photo-page h1{color:#4c5f7a;margin:0 0 18px;font-size:28px;font-weight:700}.upload-status{text-align:center;border-radius:20px;margin:32px 0;padding:40px 24px;box-shadow:0 12px 28px #94a3b82e}.upload-status-uploading{color:#1d4ed8;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:2px solid #93c5fd}.upload-status-success{color:#166534;background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border:2px solid #86efac}.upload-status-error{color:#b91c1c;background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);border:2px solid #fca5a5}.upload-status-title{letter-spacing:.04em;margin:0;font-size:36px;font-weight:800;line-height:1.3}.upload-status-detail{margin:16px 0 0;font-size:18px;font-weight:600;line-height:1.5}.home-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#60a5fa,#3b82f6);border:none;border-radius:999px;padding:10px 16px;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 6px 14px #3b82f638}.home-button:hover{transform:translateY(-1px);box-shadow:0 8px 16px #3b82f647}.home-action{margin:18px 0}.modal-overlay{z-index:9999;background:#000c;justify-content:center;align-items:center;padding:12px;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:12px;flex-direction:column;align-items:center;max-width:96vw;max-height:96vh;padding:10px;display:flex;overflow:auto}.modal-content img{object-fit:contain;image-orientation:none;border-radius:8px;width:auto;max-width:min(92vw,1400px);max-height:min(82vh,900px)}.button-area{justify-content:center;gap:8px;margin-top:8px;display:flex}.modal-button{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:999px;padding:6px 12px;font-size:13px;transition:transform .2s}.modal-button:hover{transform:translateY(-1px)}.modal-button:active{transform:translateY(1px)}.edit-overlay{z-index:9999;background:#0f172ab3;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.edit-modal{background:#fff;border-radius:20px;width:min(760px,100%);max-height:90vh;padding:24px;animation:.18s ease-out modalFade;overflow:auto;box-shadow:0 20px 40px #0f172a3d}.edit-modal-header{margin-bottom:18px}.edit-title{color:#1e3a5f;margin:0 0 6px;font-size:24px}.edit-subtitle{color:#64748b;margin:0;font-size:14px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.form-group{flex-direction:column;gap:6px;display:flex}.form-group.full{grid-column:1/-1}.form-group label{color:#334155;font-weight:700}.form-group input,.form-group textarea{background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;width:100%;padding:10px 12px;font-size:15px}.form-group textarea{resize:vertical;min-height:96px}.button-area{grid-column:1/-1;justify-content:center;gap:16px;margin-top:8px;padding-top:8px;display:flex}.save-button,.apply-title-button,.cancel-button{color:#fff;cursor:pointer;border:none;border-radius:999px;padding:12px 24px;font-size:15px;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 16px #0f172a1f}.save-button{background:linear-gradient(135deg,#4caf50,#2e7d32)}.apply-title-button{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.cancel-button{background:linear-gradient(135deg,#ef5350,#c62828)}.save-button:hover,.apply-title-button:hover,.cancel-button:hover{transform:translateY(-2px)}.save-button:active,.apply-title-button:active,.cancel-button:active{transform:translateY(2px)}.save-button:disabled,.apply-title-button:disabled,.cancel-button:disabled{opacity:.6;cursor:not-allowed;transform:none}@keyframes modalFade{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (width<=700px){.form-grid{grid-template-columns:1fr}.button-area{flex-direction:column}.save-button,.apply-title-button,.cancel-button{width:100%}}.search-navbar{background:linear-gradient(135deg,#eff6ff 0%,#f8fafc 100%);border-radius:16px;flex-wrap:wrap;align-items:flex-end;gap:14px;width:100%;padding:16px 18px;display:flex;box-shadow:0 10px 25px #0f172a1f}.search-grid{flex:1;grid-template-columns:minmax(220px,2fr) minmax(140px,1fr) minmax(140px,1fr) auto;gap:12px;display:grid}.search-item{flex-direction:column;gap:6px;display:flex}.search-item-keyword input{width:100%}.search-item label{color:#1e3a5f;font-size:13px;font-weight:700}.search-item input{background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:10px 12px;font-size:14px}.search-flag-buttons{align-items:flex-end;gap:12px;min-height:42px;display:flex}.search-flag-option{flex-direction:column;align-items:center;gap:6px;display:flex}.search-flag-caption{color:#1e3a5f;white-space:nowrap;font-size:13px;font-weight:700;line-height:1.2}.search-flag-button{color:#64748b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;width:40px;height:40px;font-size:18px;transition:transform .2s,background .2s,color .2s}.search-flag-button.heart.active{color:#e11d48;background:#ffe4e6;border-color:#fb7185}.search-flag-button.star.active{color:#ca8a04;background:#fef9c3;border-color:#facc15}.search-flag-button:hover{transform:translateY(-1px)}.search-actions{gap:10px;margin-left:auto;display:flex}.search-button,.reset-button{color:#fff;cursor:pointer;border:none;border-radius:999px;padding:10px 18px;font-weight:700;transition:transform .2s,box-shadow .2s}.search-button{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.reset-button{background:linear-gradient(135deg,#10b981,#059669)}.search-button:hover,.reset-button:hover{transform:translateY(-1px);box-shadow:0 8px 16px #0f172a24}@media (width<=1024px){.search-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.search-actions{justify-content:flex-end;width:100%;margin-left:0}}@media (width<=640px){.search-grid{grid-template-columns:1fr}.search-actions{justify-content:stretch;width:100%}.search-button,.reset-button{flex:1}}.photo-list-screen{background:linear-gradient(#f8fbff 0%,#eef4ff 100%);min-height:100vh;padding:24px}.photo-page-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.back-button{color:#fff;cursor:pointer;background:#1f4e79;border:none;border-radius:999px;padding:10px 18px;font-weight:700}.photo-list-screen h1{color:#1e3a5f;margin:0;font-size:28px}.photo-list-toolbar{flex-wrap:wrap;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.toolbar-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-left:auto;display:flex}.result-count{color:#0f766e;font-size:16px;font-weight:700}.photo-list-body{flex-direction:column;gap:24px;display:flex}.photo-title-section{flex-direction:column;gap:10px;display:flex}.photo-row-title{color:#1e3a5f;background:#ffffffd9;border-left:4px solid #2563eb;border-radius:0 8px 8px 0;margin:0;padding:8px 12px;font-size:16px;font-weight:700}.photo-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:12px;display:grid}.photo-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 8px 18px #0f172a1a}.photo-card-title{color:#1e3a5f;text-align:center;white-space:nowrap;text-overflow:ellipsis;padding:8px 8px 4px;font-size:12px;font-weight:700;overflow:hidden}.photo-pagination{background:#ffffffd9;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:28px;padding:16px;display:flex}.page-button{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700}.page-button:disabled{cursor:not-allowed;background:#cbd5e1}.page-info{color:#334155;font-size:14px;font-weight:700}.page-jump{align-items:center;gap:8px;display:flex}.page-jump label{color:#334155;font-size:13px;font-weight:700}.page-jump-input{border:1px solid #94a3b8;border-radius:8px;width:76px;padding:6px 8px;font-size:13px}.page-jump-button{padding:7px 12px}.thumbnail{aspect-ratio:3/4;object-fit:contain;image-orientation:none;cursor:pointer;background:#f3f4f6;width:100%;transition:transform .2s}.thumbnail:hover{transform:scale(1.03)}.photo-card-body{flex-direction:column;flex:1;gap:6px;padding:8px;display:flex}.photo-card-date{color:#475569;text-align:center;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.photo-card-actions{flex-direction:column;align-items:center;gap:8px;display:flex}.photo-card-main-actions,.photo-card-mark-actions{justify-content:center;align-items:center;gap:6px;width:100%;display:flex}.photo-card-mark-actions{border-top:1px solid #e2e8f0;padding-top:2px}.edit-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:700}.delete-button{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:50%;width:30px;height:30px;transition:transform .2s}.mark-button{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:50%;width:30px;height:30px;font-size:14px;line-height:1;transition:transform .2s,background .2s,color .2s}.mark-button.heart.active{color:#e11d48;background:#ffe4e6;border-color:#fb7185}.mark-button.star.active{color:#ca8a04;background:#fef9c3;border-color:#facc15}.edit-button:hover,.delete-button:hover,.mark-button:hover{transform:translateY(-1px)}.slideshow-button{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:999px;padding:10px 18px;font-size:15px;font-weight:700;transition:transform .2s}.slideshow-button:hover:not(:disabled){transform:scale(1.03)}.slideshow-button:disabled{cursor:not-allowed;background:#bdbdbd}.no-result{color:#b91c1c;background:#ffe5e5;border:2px solid #ef4444;border-radius:12px;margin-bottom:18px;padding:14px 16px;font-size:18px;font-weight:700;animation:.8s infinite flash}@keyframes flash{0%{opacity:1}50%{opacity:.2}to{opacity:1}}@media (width<=1400px){.photo-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (width<=1100px){.photo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=900px){.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar-actions{justify-content:space-between;width:100%}}@media (width<=640px){.photo-grid{grid-template-columns:1fr}}.slideshow-screen{background:#000;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.slideshow-frame{opacity:0;z-index:1;justify-content:center;align-items:center;max-width:min(96vw,1200px);height:calc(100% - 48px);transition:opacity .25s;display:flex;position:relative}.slideshow-frame.is-cover{width:100%;max-width:none;height:100%}.slideshow-frame.is-visible{opacity:1}.slideshow-image{object-fit:contain;image-orientation:none;box-sizing:border-box;width:auto;max-width:100%;height:100%;padding:4px;display:block}.slideshow-frame.is-cover .slideshow-image{object-fit:cover;width:100%;max-width:none;height:100%;padding:0}.slide-photo-title{color:#fff;text-align:center;text-shadow:0 0 8px #000c;pointer-events:none;z-index:2;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;line-height:1.3;position:absolute;top:12px;left:12px;right:12px;overflow:hidden}.slide-photo-info{color:#fff;text-align:left;text-shadow:0 0 8px #000c;pointer-events:none;z-index:2;font-size:14px;line-height:1.4;position:absolute;bottom:12px;left:12px}.slide-nav-button{color:#fff;cursor:pointer;z-index:1000;background:0 0;border:none;width:40px;height:40px;font-size:24px;position:absolute;top:50%;transform:translateY(-50%)}.slide-nav-button.left{left:20px}.slide-nav-button.right{right:20px}.music-controls{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000059;border-radius:999px;align-items:center;gap:10px;max-width:min(92vw,520px);padding:8px 12px;display:flex;position:absolute;top:20px;left:20px}.music-track-label{color:#fff;white-space:nowrap;font-size:13px;font-weight:700}.music-track-select{color:#fff;background:#0f172abf;border:1px solid #ffffff59;border-radius:999px;min-width:140px;max-width:280px;padding:8px 10px;font-size:13px;font-weight:600}.music-track-select:disabled{opacity:.65;cursor:not-allowed}.music-track-select option{color:#0f172a;background:#fff}.slideshow-screen .music-button{appearance:none;color:#fff;cursor:pointer;background:#ffffff2e;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:26px;display:flex;box-shadow:0 4px 12px #0000004d}.slideshow-screen .music-button.playing{background:#ff98b8cc;box-shadow:0 0 0 2px #ffffff59,0 4px 16px #ff98b873}.slideshow-screen .slideshow-controls{z-index:1000;flex-direction:column;align-items:center;gap:14px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.slideshow-screen .start-button{appearance:none;color:#fff;letter-spacing:.12em;cursor:pointer;text-shadow:0 1px #e8789873;background:linear-gradient(#ffd6e7 0%,#ff98b8 100%);border:2px solid #ffffffd9;border-radius:999px;padding:8px 24px;font-size:13px;font-weight:700;transition:transform .2s,box-shadow .2s,filter .2s;box-shadow:0 4px #e87898,0 8px 18px #ff78a059}.slideshow-screen .start-button:before{content:"♡ "}.slideshow-screen .start-button:hover{filter:brightness(1.05);transform:scale(1.06);box-shadow:0 5px #e87898,0 10px 22px #ff78a073}.slideshow-screen .start-button:active{transform:translateY(3px)scale(.98);box-shadow:0 1px #e87898,0 4px 10px #ff78a04d}.slideshow-screen .cover-button{appearance:none;color:#fff;letter-spacing:.08em;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #ffffff8c;border-radius:999px;padding:7px 18px;font-size:12px;font-weight:600;transition:transform .2s,background .2s}.slideshow-screen .cover-button:hover{background:#ffffff38;transform:scale(1.04)}.slideshow-screen .cover-button.is-active{background:#ff98b8bf;border-color:#ffffffd9}.slideshow-screen .home-button{appearance:none;color:#fff;letter-spacing:.08em;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000059;border:1px solid #ffffff8c;border-radius:999px;padding:7px 18px;font-size:12px;font-weight:600;transition:transform .2s,background .2s}.slideshow-screen .home-button:hover{background:#00000080;transform:scale(1.04)}.slideshow-screen .play-button{z-index:1000;appearance:none;color:#fff;cursor:pointer;background:0 0;border:none;padding:0;font-size:24px;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.slideshow-screen .play-button:hover{transform:translate(-50%)scale(1.1)}.game-screen{color:#e2e8f0;background:radial-gradient(circle at 0 0,#38bdf82e,#0000 40%),linear-gradient(#0f172a 0%,#1e293b 55%,#0f172a 100%);min-height:100vh;padding:24px}.game-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.game-header h1{color:#f8fafc;margin:0;font-size:28px}.game-header-actions{gap:10px;display:flex}.game-back,.game-primary,.game-secondary{cursor:pointer;border:none;border-radius:999px;padding:10px 18px;font-weight:700;transition:transform .2s,opacity .2s}.game-back,.game-secondary{color:#f8fafc;background:#94a3b840}.game-primary{color:#fff;background:linear-gradient(135deg,#38bdf8,#2563eb)}.game-back:hover,.game-primary:hover,.game-secondary:hover{transform:translateY(-1px)}.game-select-body{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;max-width:860px;display:grid}.game-select-card{color:inherit;text-align:left;cursor:pointer;background:#0f172ab8;border:1px solid #94a3b859;border-radius:20px;flex-direction:column;align-items:flex-start;gap:10px;padding:28px 24px;transition:transform .2s,border-color .2s,background .2s;display:flex}.game-select-card:hover{background:#1e293bf2;border-color:#38bdf8;transform:translateY(-3px)}.game-select-emoji{font-size:36px}.game-select-title{font-size:22px;font-weight:800}.game-select-desc{color:#94a3b8;font-size:14px;line-height:1.5}.memory-toolbar{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:18px;display:flex}.memory-stat{background:#94a3b833;border-radius:999px;padding:8px 14px;font-weight:700}.memory-stat.danger{color:#fecaca;background:#ef444433}.memory-board{grid-template-columns:repeat(5,minmax(0,1fr));justify-content:center;gap:14px;width:100%;max-width:980px;margin:0 auto;display:grid}.memory-screen .game-header{justify-content:center}.memory-card{aspect-ratio:3/4;cursor:pointer;perspective:1000px;background:0 0;border:none;padding:0}.memory-card:disabled{cursor:default}.memory-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .35s;position:relative}.memory-card.is-open .memory-card-inner,.memory-card.is-matched .memory-card-inner{transform:rotateY(180deg)}.memory-card-face{backface-visibility:hidden;border-radius:16px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 10px 24px #00000047}.memory-card-face.back{color:#fde68a;box-sizing:border-box;background:radial-gradient(circle at 20% 20%,#ffffff24,#0000 35%),radial-gradient(circle at 80% 80%,#ffd70029,#0000 40%),linear-gradient(145deg,#1e3a8a 0%,#1d4ed8 45%,#0f172a 100%);border:3px solid #f8fafc}.card-back-frame{background:repeating-linear-gradient(45deg,#fde68a14 0 6px,#0000 6px 12px),repeating-linear-gradient(-45deg,#93c5fd1a 0 6px,#0000 6px 12px);border:2px solid #fde68ad9;border-radius:10px;width:calc(100% - 14px);height:calc(100% - 14px);position:relative;box-shadow:inset 0 0 0 4px #1e3a8a8c}.card-back-corner{color:#fde68a;text-shadow:0 1px 2px #00000059;font-size:14px;line-height:1;position:absolute}.card-back-corner.tl{top:6px;left:7px}.card-back-corner.tr{top:6px;right:7px}.card-back-corner.bl{bottom:6px;left:7px}.card-back-corner.br{bottom:6px;right:7px}.card-back-center{place-items:center;display:grid;position:absolute;inset:0}.card-back-star{color:#fbbf24;text-shadow:0 0 8px #facc158c,0 2px #78350f59;position:absolute}.card-back-star.big{font-size:clamp(28px,7vw,48px)}.card-back-star.mid{opacity:.9;font-size:clamp(16px,3.5vw,24px);transform:translate(18px,-22px)rotate(18deg)}.card-back-star.small{opacity:.85;font-size:clamp(12px,2.8vw,18px);transform:translate(-20px,20px)rotate(-12deg)}.memory-card-face.front{box-sizing:border-box;background:#0f172a;border:3px solid #f8fafc;transform:rotateY(180deg)}.memory-card-face.front img{object-fit:cover;image-orientation:none;width:100%;height:100%}.memory-card.is-matched{opacity:.88}.game-message{background:#94a3b82e;border-radius:14px;margin:24px 0;padding:16px 18px;font-weight:700}.game-message.error{color:#fecaca;background:#ef444433}.game-result{background:#0f172ae0;border:1px solid #94a3b84d;border-radius:18px;max-width:520px;margin-top:22px;padding:22px}.game-result h2{margin:0 0 12px}.game-result.win h2{color:#4ade80}.game-result.lose h2{color:#f87171}.game-result-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px;display:flex}.game-overlay{z-index:10000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#020617b8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.cracker-burst{pointer-events:none;position:absolute;inset:0;overflow:hidden}.cracker{font-size:clamp(42px,8vw,72px);animation:.55s ease-out both crackerPop;position:absolute;top:12%}.cracker.left{transform-origin:100%;left:10%}.cracker.right{transform-origin:0;animation-delay:80ms;right:10%}.confetti{opacity:0;border-radius:2px;animation-name:confettiFall;animation-timing-function:ease-out;animation-fill-mode:both;position:absolute;top:18%}.game-overlay-card{z-index:1;text-align:center;border-radius:22px;width:min(520px,100%);padding:28px 24px;animation:.4s ease-out both overlayCardIn;position:relative;box-shadow:0 24px 50px #0006}.win-card{color:#7c2d12;background:linear-gradient(#fff7ed 0%,#fef3c7 55%,#ffe4e6 100%);border:3px solid #f59e0b}.win-card h2{color:#ea580c;margin:0 0 14px;font-size:34px}.overlay-loading{color:#9a3412}.coupon-prize{box-shadow:none;background:0 0;border:none;border-radius:16px;max-width:320px;margin:0 auto;padding:0}.coupon-prize-ticket{border-radius:16px;overflow:hidden}.coupon-prize-image{object-fit:contain;width:min(180px,70%);height:auto;margin:0 auto 10px;display:block}.coupon-prize-label{color:#c2410c;margin-bottom:6px;font-size:13px;font-weight:800}.coupon-prize-name{color:#9a3412;font-size:20px;font-weight:900}.coupon-prize-desc{color:#b45309;margin-top:8px;font-weight:700}.overlay-coupon{animation:.55s ease-out .25s both couponReveal}.coupon-item-name{color:#c2410c;text-align:center;font-size:15px;font-weight:800;line-height:1.3}.coupon-item-desc{color:#9a3412;text-align:center;margin-top:4px;font-size:12px;line-height:1.4}.coupon-item-date{color:#b45309;text-align:center;margin-top:0;font-size:11px}.lose-card{background:linear-gradient(#1f2937 0%,#450a0a 100%);border:2px solid #f87171a6}.overlay-pop{color:#78350f;background:#fbbf24;border-radius:999px;margin-bottom:8px;padding:6px 14px;font-size:18px;font-weight:900;animation:.6s ease-out both popBounce;display:inline-block}.lose-stamp{color:#fecaca;letter-spacing:.08em;text-shadow:0 4px #7f1d1d73;border:5px solid #f87171;border-radius:16px;width:fit-content;margin:8px auto 16px;padding:14px 28px;font-size:clamp(40px,10vw,64px);font-weight:900;animation:.45s cubic-bezier(.2,1.4,.4,1) both stampIn;transform:rotate(-8deg)}.lose-sub{color:#fca5a5;margin:0;font-weight:700}@keyframes crackerPop{0%{opacity:0;transform:scale(.4)rotate(-20deg)}60%{opacity:1;transform:scale(1.2)rotate(8deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes confettiFall{0%{opacity:0;transform:translateY(0)rotate(0)}15%{opacity:1}to{opacity:0;transform:translateY(70vh)rotate(540deg)}}@keyframes overlayCardIn{0%{opacity:0;transform:translateY(18px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes popBounce{0%{opacity:0;transform:scale(.2)}70%{opacity:1;transform:scale(1.15)}to{transform:scale(1)}}@keyframes couponReveal{0%{opacity:0;transform:scale(.85)rotate(-3deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes stampIn{0%{opacity:0;transform:scale(2.2)rotate(-18deg)}to{opacity:1;transform:scale(1)rotate(-8deg)}}.coupon-list{flex-wrap:wrap;align-items:stretch;gap:16px;max-width:none;display:flex}.coupon-card{background:#fff7ed;border:2px solid #fbbf24;border-radius:16px;flex:none;grid-template-columns:minmax(180px,240px) 14px auto;align-items:stretch;width:min(320px,100%);display:grid;overflow:hidden;box-shadow:0 10px 22px #f59e0b40}.coupon-card-body{min-width:0}.coupon-card-art{background:#fffbeb;width:100%;position:relative}.coupon-card-art img{object-fit:contain;width:100%;height:auto;display:block}.coupon-card-art.prize img{object-fit:contain;background:#fff7ed;width:100%;max-height:220px}.coupon-card-center-text{text-align:center;pointer-events:none;width:78%;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.coupon-card-date-text{text-align:center;pointer-events:none;background:linear-gradient(#0000 0%,#fff7edb3 30%,#fff7edf2 100%);padding:8px 12px 10px;position:absolute;bottom:0;left:0;right:0}.coupon-card-overlay-text{background:linear-gradient(#0000 0%,#fff7edd1 45%,#fff7edf5 100%);padding:10px 12px;position:absolute;bottom:0;left:0;right:0}.coupon-card-fallback{padding:14px}.coupon-card-perforation{background:radial-gradient(circle,#1e293b 2.5px,#0000 2.6px) 50%/100% 12px repeat-y;border-left:2px dashed #f59e0b;border-right:2px dashed #f59e0b;width:14px}.coupon-card-action{background:linear-gradient(#fdba74,#fb923c);justify-content:center;align-items:center;padding:12px;display:flex}.coupon-use-button{color:#9a3412;cursor:pointer;background:#fff7ed;border:none;border-radius:999px;padding:12px 16px;font-size:15px;font-weight:900;box-shadow:0 2px #9a341233}.coupon-use-button:hover:not(:disabled){transform:translateY(-1px)}.coupon-use-button:disabled{opacity:.6;cursor:not-allowed}.jenga-screen{box-sizing:border-box;min-height:100vh;padding:8px 12px 12px}.jenga-layout{grid-template-columns:188px minmax(0,1fr);align-items:stretch;gap:12px;max-width:1600px;height:calc(100vh - 16px);margin:0 auto;display:grid}.jenga-sidebar{flex-direction:column;gap:10px;min-height:0;display:flex;overflow:auto}.jenga-controls{background:#0f172ab8;border:1px solid #94a3b847;border-radius:12px;flex-direction:column;align-items:stretch;gap:8px;padding:10px;display:flex}.jenga-controls .game-secondary{width:100%;padding:8px 10px;font-size:13px}.jenga-name-field{flex-direction:column;gap:3px;min-width:0;display:flex}.jenga-name-field span{color:#94a3b8;font-size:11px;font-weight:700}.jenga-name-controls{align-items:center;gap:4px;min-width:0;display:flex}.jenga-name-field input,.jenga-name-field select{color:#f8fafc;box-sizing:border-box;background:#0f172ae6;border:1px solid #94a3b866;border-radius:8px;outline:none;height:32px;padding:5px 8px;font-size:13px;font-weight:600}.jenga-name-controls input{flex:1;width:auto;min-width:0}.jenga-name-controls select{flex:none;width:58px;padding-left:4px;padding-right:4px}.jenga-name-field input:focus,.jenga-name-field select:focus{border-color:#38bdf8b3}.jenga-first-field select{width:100%}.jenga-score-box{flex-direction:column;gap:6px;display:flex}.jenga-score-box .memory-stat{text-align:center;box-sizing:border-box;width:100%;padding:6px 8px;font-size:12px}.memory-stat.turn-a{background:#38bdf847;box-shadow:0 0 0 2px #38bdf88c}.memory-stat.turn-b{background:#fb923c47;box-shadow:0 0 0 2px #fb923c8c}.jenga-main{min-width:0;height:100%;min-height:0;display:flex}.jenga-canvas-wrap{background:#121216;border:1px solid #ff758c47;border-radius:16px;flex:1;width:100%;height:100%;min-height:0;position:relative;overflow:hidden;box-shadow:0 16px 40px #00000059}.jenga-canvas{width:100%;height:100%}.jenga-canvas canvas{display:block;width:100%!important;height:100%!important}.jenga-turn-name{z-index:3;pointer-events:none;letter-spacing:.02em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;padding:8px 24px;font-size:20px;font-weight:800;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000059}.jenga-turn-name.turn-a{color:#e0f2fe;background:#0e7490d9;border:1px solid #38bdf88c}.jenga-turn-name.turn-b{color:#ffedd5;background:#9a3412d9;border:1px solid #fb923c8c}.jenga-result-card{border-color:#ff758cb3}.jenga-score-line{color:#ff8fa3;margin:10px 0 0;font-weight:800}@media (width<=900px){.jenga-layout{grid-template-columns:1fr;height:auto;min-height:calc(100vh - 16px)}.jenga-canvas-wrap{height:58vh;min-height:58vh}.jenga-turn-name{padding:7px 16px;font-size:16px}}.heart-screen{box-sizing:border-box;min-height:100vh;padding:8px 12px 12px}.heart-layout{grid-template-columns:188px minmax(0,1fr);align-items:stretch;gap:12px;max-width:1600px;height:calc(100vh - 16px);margin:0 auto;display:grid}.heart-sidebar{flex-direction:column;gap:10px;min-height:0;display:flex;overflow:auto}.heart-controls{background:#0f172ab8;border:1px solid #ff6b8159;border-radius:12px;flex-direction:column;align-items:stretch;gap:8px;padding:10px;display:flex}.heart-controls .game-secondary,.heart-controls .game-primary{width:100%;padding:8px 10px;font-size:13px}.heart-setting-field{flex-direction:column;gap:6px;display:flex}.heart-setting-field span{color:#fda4af;font-size:12px;font-weight:700}.heart-setting-field input{color:#fff;box-sizing:border-box;background:#0f172ad9;border:1px solid #ff6b8173;border-radius:8px;width:100%;height:34px;padding:0 8px;font-weight:700}.heart-setting-field input:disabled{opacity:.55}.heart-score-box{flex-direction:column;gap:6px;display:flex}.heart-score-box .memory-stat{text-align:center;box-sizing:border-box;width:100%;padding:6px 8px;font-size:12px}.heart-start-btn{width:100%;margin-top:4px}.heart-playing-note{text-align:center;color:#94a3b8;margin:0;font-size:13px;font-weight:700}.heart-main{min-width:0;height:100%;min-height:0;display:flex}.heart-field{-webkit-user-select:none;user-select:none;touch-action:none;background:#0f172a8c;border:1px solid #ff6b8173;border-radius:16px;flex:1;width:100%;height:100%;min-height:0;position:relative;overflow:hidden;box-shadow:0 12px 28px #00000047}.heart-ready-hint{color:#94a3b8;pointer-events:none;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex;position:absolute;inset:0}.heart-falling-item{cursor:pointer;z-index:1;background:0 0;border:none;justify-content:center;align-items:center;padding:0;line-height:1;transition:transform .1s;display:flex;position:absolute}.heart-falling-item:active{transform:scale(.85)}.game-select-card.hearts:hover{border-color:#ff6b81}.game-select-card.flowers:hover{border-color:#c084fc;box-shadow:0 12px 28px #c084fc40}@media (width<=900px){.heart-layout{grid-template-columns:1fr;height:auto;min-height:calc(100vh - 16px)}.heart-field{height:58vh;min-height:58vh}}.flower-screen{box-sizing:border-box;background:radial-gradient(at 20% 10%,#fce7f3f2,#0000 45%),radial-gradient(at 90% 20%,#ede9fee6,#0000 40%),linear-gradient(165deg,#fff1f7 0%,#f5f0ff 45%,#fdf2f8 100%);min-height:100vh;padding:8px 12px 12px}.flower-layout{grid-template-columns:210px minmax(0,1fr);align-items:stretch;gap:12px;max-width:1600px;height:calc(100vh - 16px);margin:0 auto;display:grid}.flower-sidebar{flex-direction:column;gap:10px;min-height:0;display:flex;overflow:auto}.flower-controls{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffb8;border:1px solid #e879a859;border-radius:16px;flex-direction:column;align-items:stretch;gap:8px;padding:12px;display:flex;box-shadow:0 10px 28px #be185d14}.flower-controls .game-secondary,.flower-controls .game-primary{width:100%;padding:8px 10px;font-size:13px}.flower-controls .game-primary{color:#fff;background:linear-gradient(135deg,#f472b6,#c084fc);border:none}.flower-controls .game-secondary{color:#7c3aed;background:#ffffffe6;border:1px solid #c4b5fdb3}.flower-color-picker{flex-direction:column;gap:6px;display:flex}.flower-color-label{color:#9d174d;font-size:12px;font-weight:700}.flower-color-options{flex-direction:column;gap:6px;display:flex}.flower-color-btn{color:#831843;cursor:pointer;background:#ffffffe0;border:1px solid #f472b659;border-radius:999px;align-items:center;gap:8px;width:100%;padding:7px 10px;font-size:12px;font-weight:700;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.flower-color-swatch{border:1px solid #581c8733;border-radius:50%;flex-shrink:0;width:14px;height:14px;box-shadow:inset 0 0 0 1px #ffffff73}.flower-color-btn.active{border-color:var(--flower-swatch,#f9a8d4);background:linear-gradient(90deg, color-mix(in srgb, var(--flower-swatch,#f9a8d4) 35%, white), #fffffff2);box-shadow:0 0 0 2px color-mix(in srgb, var(--flower-swatch,#f9a8d4) 45%, transparent)}.flower-color-btn:disabled{opacity:.55;cursor:default}.flower-setting-field{flex-direction:column;gap:6px;display:flex}.flower-setting-field span{color:#7e22ce;font-size:12px;font-weight:700}.flower-setting-field input{color:#581c87;box-sizing:border-box;background:#ffffffeb;border:1px solid #c4b5fdb3;border-radius:10px;width:100%;height:34px;padding:0 8px;font-weight:700}.flower-setting-field input:disabled{opacity:.55}.flower-score-box{flex-direction:column;gap:6px;display:flex}.flower-score-box .memory-stat{text-align:center;box-sizing:border-box;color:#9d174d;background:#fdf2f8e6;border:1px solid #f472b640;border-radius:10px;width:100%;padding:6px 8px;font-size:12px}.flower-target-hint{color:#6b21a8!important;background:#ede9fef2!important;border-color:#a78bfa66!important}.flower-start-btn{width:100%;margin-top:4px}.flower-playing-note{text-align:center;color:#a855f7;margin:0;font-size:13px;font-weight:700}.flower-main{min-width:0;height:100%;min-height:0;display:flex}.flower-field{-webkit-user-select:none;user-select:none;touch-action:none;background:linear-gradient(#fff1f28c,#f5f3ff59),radial-gradient(circle at 50% 120%,#f472b62e,#0000 55%);border:1px solid #d8b4fe8c;border-radius:20px;flex:1;width:100%;height:100%;min-height:0;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffb3,0 14px 32px #a855f71f}.flower-ready-hint{text-align:center;color:#9d174d;pointer-events:none;justify-content:center;align-items:center;padding:24px;font-size:16px;font-weight:700;display:flex;position:absolute;inset:0}.flower-falling-item{cursor:pointer;z-index:1;filter:drop-shadow(0 4px 6px #9d174d2e);background:0 0;border:none;justify-content:center;align-items:center;padding:0;line-height:1;transition:transform .1s;display:flex;position:absolute}.flower-falling-item:active{transform:scale(.85)}.flower-falling-item.wrong,.flower-falling-item.trap{opacity:.92}.flower-result-card{background:linear-gradient(160deg,#fff7fb,#f5f3ff);border:1px solid #e879a859}.flower-result-card .game-primary{background:linear-gradient(135deg,#f472b6,#c084fc);border:none}@media (width<=900px){.flower-layout{grid-template-columns:1fr;height:auto;min-height:calc(100vh - 16px)}.flower-field{height:58vh;min-height:58vh}.memory-board{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=640px){.game-screen{padding:16px}.memory-board{grid-template-columns:repeat(2,minmax(0,1fr))}.game-header{flex-direction:column;align-items:flex-start}}.html-game-page{color:#e2e8f0;background:#0f172a;flex-direction:column;min-height:100vh;display:flex}.html-game-bar{background:#0f172af2;border-bottom:1px solid #94a3b84d;flex-shrink:0;align-items:center;gap:14px;padding:10px 14px;display:flex}.html-game-bar h1{margin:0;font-size:18px}.html-game-frame{background:#000;border:none;flex:1;width:100%;height:calc(100vh - 56px);min-height:0}.html-game-page-nobar .html-game-frame{height:100vh}.mole-screen{box-sizing:border-box;min-height:100vh;padding:8px 12px 12px}.mole-layout{grid-template-columns:188px minmax(0,1fr);align-items:stretch;gap:12px;max-width:1600px;height:calc(100vh - 16px);margin:0 auto;display:grid}.mole-sidebar{flex-direction:column;gap:10px;min-height:0;display:flex;overflow:auto}.mole-controls{background:#0f172ab8;border:1px solid #94a3b847;border-radius:12px;flex-direction:column;align-items:stretch;gap:8px;padding:10px;display:flex}.mole-controls .game-secondary,.mole-controls .game-primary{width:100%;padding:8px 10px;font-size:13px}.mole-setting-field{flex-direction:column;gap:6px;display:flex}.mole-setting-field span{color:#cbd5e1;font-size:12px;font-weight:700}.mole-setting-field select{color:#fff;background:#0f172ae6;border:1px solid #94a3b866;border-radius:8px;width:100%;height:34px;padding:0 8px;font-weight:700}.mole-setting-field select:disabled{opacity:.55}.mole-score-box{flex-direction:column;gap:6px;display:flex}.mole-score-box .memory-stat{text-align:center;box-sizing:border-box;width:100%;padding:6px 8px;font-size:12px}.mole-help{color:#94a3b8;margin:0;font-size:11px;font-weight:700;line-height:1.45}.mole-playing-note{text-align:center;color:#94a3b8;margin:0;font-size:13px;font-weight:700}.mole-main{min-width:0;height:100%;min-height:0;display:flex}.mole-canvas-wrap{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg transform='rotate(-35 20 20)'%3E%3Crect x='18' y='14' width='4' height='20' rx='1.5' fill='%238B5A2B'/%3E%3Crect x='10' y='8' width='20' height='10' rx='2' fill='%23999'/%3E%3Crect x='11' y='9' width='18' height='4' fill='%23ccc'/%3E%3C/g%3E%3C/svg%3E") 8 8,pointer;background:#1a1a24;border:1px solid #94a3b847;border-radius:16px;flex:1;width:100%;height:100%;min-height:0;position:relative;overflow:hidden;box-shadow:0 16px 40px #00000059}.mole-canvas{width:100%;height:100%}.mole-canvas canvas{display:block;width:100%!important;height:100%!important}.mole-ready-hint{z-index:4;color:#94a3b8;pointer-events:none;background:#0f172a47;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex;position:absolute;inset:0}.mole-flash{z-index:5;pointer-events:none;opacity:0;position:absolute;inset:0}.mole-flash.ok.show{background:#2ecc7147;animation:.35s ease-out moleFlashPulse}.mole-flash.miss.show{background:#e74c3c52;animation:.4s ease-out moleFlashPulse}@keyframes moleFlashPulse{0%{opacity:1}to{opacity:0}}.mole-popups{z-index:6;pointer-events:none;position:absolute;inset:0;overflow:hidden}.mole-popup{text-shadow:0 2px 6px #000000d9;white-space:nowrap;font-size:28px;font-weight:800;animation:.85s ease-out forwards molePopRise;position:absolute;transform:translate(-50%,-50%)}.mole-popup.ok{color:#2ecc71}.mole-popup.miss{color:#ff6b6b;font-size:26px}@keyframes molePopRise{0%{opacity:1;transform:translate(-50%,-50%)scale(.7)}30%{opacity:1;transform:translate(-50%,-80%)scale(1.15)}to{opacity:0;transform:translate(-50%,-140%)scale(1)}}.mole-hammer{pointer-events:none;z-index:7;opacity:0;filter:drop-shadow(0 2px 4px #000000b3);width:56px;height:56px;margin-top:-28px;margin-left:-28px;position:absolute}.mole-hammer.show{opacity:1;animation:.22s ease-out moleSwing}@keyframes moleSwing{0%{transform:rotate(25deg)translateY(-10px)}55%{transform:rotate(-45deg)translateY(4px)}to{transform:rotate(-20deg)translateY(0)}}@media (width<=900px){.mole-layout{grid-template-columns:1fr;height:auto;min-height:calc(100vh - 16px)}.mole-canvas-wrap{height:58vh;min-height:58vh}}.daruma-screen{box-sizing:border-box;min-height:100vh;padding:8px 12px 12px}.daruma-layout{grid-template-columns:188px minmax(0,1fr);align-items:stretch;gap:12px;max-width:1600px;height:calc(100vh - 16px);margin:0 auto;display:grid}.daruma-sidebar{flex-direction:column;gap:10px;min-height:0;display:flex;overflow:auto}.daruma-controls{background:#0f172ab8;border:1px solid #94a3b847;border-radius:12px;flex-direction:column;align-items:stretch;gap:8px;padding:10px;display:flex}.daruma-controls .game-secondary,.daruma-controls .game-primary{width:100%;padding:8px 10px;font-size:13px}.daruma-setting-field{flex-direction:column;gap:6px;display:flex}.daruma-setting-field span{color:#cbd5e1;font-size:12px;font-weight:700}.daruma-setting-field select{color:#fff;background:#0f172ae6;border:1px solid #94a3b866;border-radius:8px;width:100%;height:34px;padding:0 8px;font-weight:700}.daruma-setting-field select:disabled{opacity:.55}.daruma-score-box .memory-stat{text-align:center;box-sizing:border-box;width:100%;padding:6px 8px;font-size:12px;display:block}.daruma-help{color:#94a3b8;margin:0;font-size:11px;font-weight:700;line-height:1.45}.daruma-playing-note{text-align:center;color:#94a3b8;margin:0;font-size:13px;font-weight:700}.daruma-main{min-width:0;height:100%;min-height:0;display:flex}.daruma-canvas-wrap{background:#1a1a24;border:1px solid #94a3b847;border-radius:16px;flex:1;width:100%;height:100%;min-height:0;position:relative;overflow:hidden;box-shadow:0 16px 40px #00000059}.daruma-canvas{width:100%;height:100%}.daruma-canvas canvas{display:block;width:100%!important;height:100%!important}.daruma-ready-hint{z-index:4;color:#94a3b8;pointer-events:none;background:#0f172a47;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex;position:absolute;inset:0}.daruma-power-ui{z-index:8;background:#0000009e;border:1px solid #ffffff38;border-radius:14px;width:min(380px,78%);padding:10px 12px;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #00000073}.daruma-power-bar{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg transform='rotate(-35 20 20)'%3E%3Crect x='18' y='14' width='4' height='20' rx='1.5' fill='%238B5A2B'/%3E%3Crect x='10' y='8' width='20' height='10' rx='2' fill='%23999'/%3E%3Crect x='11' y='9' width='18' height='4' fill='%23ccc'/%3E%3C/g%3E%3C/svg%3E") 8 8,pointer;background:linear-gradient(90deg,#3498db 0% 37.84%,#2ecc71 44.24% 55.76%,#e67e22 62.16%,#e74c3c 100%);border:2px solid #fff6;border-radius:10px;width:100%;height:44px;padding:0;display:block;position:relative;overflow:visible}.daruma-power-bar:disabled{cursor:default;opacity:.7}.daruma-power-sweet{box-sizing:border-box;pointer-events:none;z-index:2;background:#ffffff29;border-left:2px solid #fffffff2;border-right:2px solid #fffffff2;width:11.52%;position:absolute;top:0;bottom:0;left:44.24%}.daruma-power-marker{pointer-events:none;z-index:3;filter:drop-shadow(0 2px 3px #000000a6);width:36px;height:36px;margin-top:-18px;margin-left:-18px;transition:transform 80ms ease-out;position:absolute;top:50%;left:0%}.daruma-power-marker.swing{transform:rotate(-50deg)translateY(-4px)}.daruma-power-marker svg{width:100%;height:100%;display:block}@media (width<=900px){.daruma-layout{grid-template-columns:1fr;height:auto;min-height:calc(100vh - 16px)}.daruma-canvas-wrap{height:62vh;min-height:58vh}}.puzzle-screen{box-sizing:border-box;min-height:100vh;padding:8px 12px 12px}.puzzle-layout{grid-template-columns:168px minmax(0,1fr);align-items:stretch;gap:12px;max-width:1600px;height:calc(100vh - 16px);margin:0 auto;display:grid}.puzzle-sidebar{flex-direction:column;gap:10px;min-height:0;display:flex}.puzzle-controls{flex-direction:column;align-items:stretch;gap:8px;display:flex}.puzzle-controls .game-secondary{width:100%;padding:8px 10px;font-size:13px}.puzzle-difficulty{color:#cbd5e1;flex-direction:column;gap:4px;font-size:12px;font-weight:700;display:flex}.puzzle-difficulty select{color:#fff;background:#0f172ae6;border:1px solid #94a3b866;border-radius:8px;width:100%;height:34px;padding:0 8px;font-weight:700}.puzzle-picker{background:#0f172ab8;border:1px solid #94a3b847;border-radius:12px;flex-direction:column;flex:1;min-height:0;padding:8px;display:flex}.puzzle-picker-title{color:#fda4af;margin-bottom:8px;font-size:12px;font-weight:700}.puzzle-photo-grid{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px;min-height:0;display:grid;overflow:auto}.puzzle-photo-item{cursor:pointer;aspect-ratio:1;background:#0f172a;border:2px solid #0000;border-radius:10px;padding:0;position:relative;overflow:hidden}.puzzle-photo-item.is-selected{border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf859}.puzzle-photo-item img{object-fit:cover;width:100%;height:100%;display:block}.puzzle-photo-flags{text-shadow:0 1px 2px #000c;color:#fff;font-size:11px;position:absolute;bottom:1px;right:3px}.puzzle-preview{background:#0f172ab8;border:1px solid #94a3b847;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:8px;display:flex}.puzzle-preview span{color:#cbd5e1;font-size:11px;font-weight:700}.puzzle-preview img{object-fit:contain;background:#0f172a;border-radius:6px;width:100%;height:auto;max-height:100px}.puzzle-main{justify-content:center;align-items:center;min-width:0;height:100%;min-height:0;display:flex}.puzzle-canvas-wrap{aspect-ratio:900/600;background:#1a252f;border:3px solid #7f8c8d;border-radius:10px;width:min(100%,150vh - 24px);height:auto;max-height:calc(100vh - 16px);position:relative;overflow:hidden;box-shadow:0 8px 24px #00000059}.puzzle-canvas{touch-action:none;cursor:pointer;width:100%;height:100%;display:block}.puzzle-placeholder{text-align:center;color:#94a3b8;pointer-events:none;justify-content:center;align-items:center;padding:20px;font-weight:700;display:flex;position:absolute;inset:0}@media (width<=900px){.puzzle-layout{grid-template-columns:1fr;height:auto}.puzzle-photo-grid{max-height:160px}.puzzle-canvas-wrap{width:min(100%,96vw);max-height:58vh}}.login-screen{box-sizing:border-box;background:radial-gradient(circle at 20% 15%,#fce7f3e6,#0000 42%),radial-gradient(circle at 85% 10%,#ede9fed9,#0000 38%),linear-gradient(165deg,#fff7fb 0%,#f5f3ff 50%,#fdf2f8 100%);justify-content:center;align-items:center;min-height:100svh;padding:24px 16px;display:flex}.login-card{background:#ffffffeb;border:1px solid #d8b4fe8c;border-radius:20px;flex-direction:column;gap:14px;width:min(100%,440px);padding:28px 24px 24px;display:flex;box-shadow:0 18px 40px #a855f71f}.login-title{text-align:center;color:#831843;margin:0;font-size:24px}.login-lead{text-align:center;color:#7c3aed;margin:0 0 4px;font-size:14px}.login-field{flex-direction:column;gap:6px;display:flex}.login-field span{color:#9d174d;font-size:13px;font-weight:700}.login-field input{color:#581c87;box-sizing:border-box;background:#fff;border:1px solid #c4b5fdbf;border-radius:10px;width:100%;height:48px;padding:0 12px;font-size:16px}.login-password-wrap{position:relative}.login-password-wrap input{padding-right:48px}.login-password-wrap input.is-masked{-webkit-text-security:disc}.login-visibility{color:#7c3aed;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;padding:0;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.login-visibility:hover:not(:disabled){background:#c084fc29}.login-visibility:disabled{opacity:.5;cursor:default}.login-eye-icon{width:22px;height:22px;display:block}.login-field input:focus{border-color:#c084fc;outline:none;box-shadow:0 0 0 3px #c084fc40}.login-notice{text-align:center;color:#7c3aed;margin:0;font-size:13px;font-weight:700}.login-error{text-align:center;color:#e11d48;margin:0;font-size:13px;font-weight:700}.login-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f472b6,#c084fc);border:none;border-radius:999px;height:44px;margin-top:4px;font-size:15px;font-weight:700;transition:transform .15s,box-shadow .15s}.login-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 18px #c084fc59}.login-submit:disabled{opacity:.7;cursor:default}.splash-screen{background:#000;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.splash-image{object-fit:contain;object-position:center;transform-origin:50%;width:100%;height:100%;animation:3s ease-in-out infinite splashFloat}.petal-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.petal{opacity:.9;background:radial-gradient(circle at 35% 35%,#fff6fb,#ffd3e2 70%,#f6a6c3);border-radius:80% 0;width:18px;height:18px;animation:linear infinite petalFall;position:absolute;top:-40px;box-shadow:0 4px 10px #dd749a4d}@keyframes petalFall{0%{transform:translateY(-40px)rotate(0)scale(.9)}to{transform:translate(24px,115vh)rotate(360deg)scale(1.05)}}@keyframes splashFloat{0%,to{transform:translateY(0)rotate(0)scale(1)}50%{transform:translateY(-7px)rotate(.4deg)scale(1.01)}}