@import url("https://fonts.googleapis.com/css2?family=Hachi+Maru+Pop&display=swap");html,body{height:100%;margin:0}.bg-only{position:fixed;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat}.moon-page{background:none !important}.ui-layer{position:fixed;inset:0;display:flex;align-items:flex-end;justify-content:center;padding-bottom:clamp(40px, 6vmin, 72px);pointer-events:none}.ui-layer .btn-row{pointer-events:auto;display:flex;gap:clamp(12px, 3vmin, 28px)}.img-btn{border:none;background:transparent;padding:0;margin:0;cursor:pointer;outline-offset:4px;transition:transform 0.12s ease, filter 0.12s ease}.img-btn img{display:block;width:clamp(120px, 18vmin, 220px);height:auto;filter:drop-shadow(0 4px 12px rgba(0,0,0,0.35))}.img-btn:hover{transform:translateY(-2px) scale(1.04)}.img-btn:active{transform:translateY(0) scale(0.98)}.toast{position:fixed;left:50%;bottom:clamp(120px, 18vmin, 200px);transform:translateX(-50%) translateY(12px);background:rgba(0,0,0,0.6);color:#fff;padding:8px 14px;border-radius:999px;font-size:14px;opacity:0;transition:opacity 0.2s ease, transform 0.2s ease;pointer-events:none;z-index:10}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.item-info-row{display:flex;justify-content:space-between;align-items:flex-start;margin-top:1.5rem;gap:1rem;flex-wrap:wrap}.item-details,.share-section{flex:1;min-width:150px}.center-section{flex:0 0 auto;text-align:center}.share-section{text-align:right}.maker,.period{color:#666;font-size:0.9rem;margin:0.25rem 0}.tweet-btn{background:#1DA1F2;color:white;padding:0.5rem 1rem;border:none;border-radius:20px;cursor:pointer;transition:background 0.3s ease}.tweet-btn:hover{background:#0d8bd9}.official-link-btn{display:inline-block;background:linear-gradient(45deg, #FF6B6B, #4ECDC4);color:white;padding:0.5rem 1rem;border-radius:15px;text-decoration:none;margin-top:0.5rem;transition:all 0.3s ease}.official-link-btn:hover{color:white;transform:scale(1.05)}.no-link-note{color:#666;font-style:italic;font-size:0.85rem;margin-top:0.5rem}.image-note{color:#666;font-size:0.8rem;margin-bottom:0.5rem}.item-info-row{display:flex;gap:1rem}.default-title{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;max-width:100%;padding:0 10px;white-space:normal;z-index:1000;font-family:"Hachi Maru Pop", cursive;color:#FFD700;text-shadow:2px 2px 4px rgba(0,0,0,0.6)}.default-title h1{font-size:clamp(28px, 6vw, 48px);margin-bottom:20px}.default-title p{font-size:clamp(16px, 3vw, 24px);line-height:1.8}:root{--card-top: 100px;--card-base-width: 90vw;--card-max-width: 600px;--button-zone: clamp(100px, 20vmin, 180px);--buttons-bottom: clamp(20px, 3vmin, 40px)}.product-card{position:fixed !important;left:50% !important;top:var(--card-top) !important;bottom:auto !important;width:var(--card-base-width);max-width:var(--card-max-width);box-sizing:border-box;min-height:clamp(180px, 22vmin, 300px);max-height:calc(100vh - var(--card-top) - var(--button-zone) - var(--buttons-bottom) - 160px);overflow-y:auto;background:rgba(255,255,255,0.95);backdrop-filter:blur(8px);color:#222;padding:24px 32px;border-radius:12px;border:3px solid rgba(255,255,255,0.9);box-shadow:0 8px 32px rgba(0,0,0,0.3);z-index:9999 !important;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,0.3) transparent;scroll-behavior:smooth;opacity:0;transform:translate(-50%, -20px) scale(0.95);transition:all 0.6s cubic-bezier(0.4, 0, 0.2, 1);pointer-events:none}.product-card::-webkit-scrollbar{width:6px}.product-card::-webkit-scrollbar-track{background:transparent}.product-card::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.3);border-radius:3px}.product-card::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,0.5)}.product-card.show{position:fixed !important;left:50% !important;top:var(--card-top) !important;opacity:1 !important;transform:translate(-50%, 0) scale(1) !important;pointer-events:auto !important;z-index:9999 !important}.product-card.hide{opacity:0 !important;transform:translate(-50%, -20px) scale(0.95) !important;pointer-events:none !important}.product-card img{display:block;margin:16px auto;max-width:100%;height:auto;max-height:20vh;-o-object-fit:contain;object-fit:contain;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.15)}.item-info-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:20px;margin-top:15px;padding-top:15px;border-top:1px solid #eee}.center-section{display:flex;justify-content:center}.item-details{text-align:left}.product-card .maker{font-size:14px;color:#666;margin-bottom:5px}.product-card .period{font-size:14px;color:#e67e22;font-weight:bold;margin-bottom:0}.share-section{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.image-note{font-size:12px;color:#6c757d;margin:0;line-height:1.4;white-space:normal;text-align:right}.tweet-btn{background:linear-gradient(135deg, #2c3e50, #34495e);color:white;border:none;padding:8px 16px;border-radius:20px;cursor:pointer;font-size:13px;font-weight:bold;transition:all 0.3s ease;display:inline-flex;align-items:center;gap:6px;box-shadow:0 2px 8px rgba(44,62,80,0.3)}.tweet-btn:hover{background:linear-gradient(135deg, #34495e, #2c3e50);transform:translateY(-2px);box-shadow:0 4px 12px rgba(44,62,80,0.4)}.x-icon{font-size:14px;font-weight:bold}.tweet-btn{background:linear-gradient(135deg, #2c3e50, #34495e);box-shadow:0 2px 8px rgba(44,62,80,0.3)}.tweet-btn:hover{background:linear-gradient(135deg, #34495e, #2c3e50)}.close-btn{position:absolute;top:8px;right:12px;background:transparent;border:none;font-size:20px;font-weight:bold;color:#555;cursor:pointer;transition:color 0.2s}.close-btn:hover{color:#000}.ui-layer{top:auto !important;padding-bottom:var(--buttons-bottom) !important;z-index:999 !important}.btn-row{display:flex;gap:clamp(16px, 3vmin, 36px);align-items:flex-end;justify-content:center}.img-btn{background:transparent;border:0;padding:0;cursor:pointer}.img-btn img{width:clamp(120px, 20vmin, 180px);height:auto;display:block;filter:drop-shadow(0 6px 14px rgba(0,0,0,0.35))}.toast{pointer-events:none;position:fixed;left:50%;bottom:calc(var(--button-zone) + var(--buttons-bottom) + 16px);transform:translateX(-50%)}.image-modal{position:fixed;top:var(--card-top);left:50%;transform:translateX(-50%);width:var(--card-base-width);max-width:var(--card-max-width);background:rgba(255,255,255,0.95);border-radius:12px;padding:16px;box-shadow:0 8px 32px rgba(0,0,0,0.3);z-index:10000;text-align:center}.image-modal img{max-width:100%;max-height:50vh;-o-object-fit:contain;object-fit:contain;border-radius:8px}.image-modal .close-modal{position:absolute;top:8px;right:12px;background:transparent;border:none;font-size:20px;font-weight:bold;color:#555;cursor:pointer}.image-modal .close-modal:hover{color:#000}.image-modal[hidden]{display:none}@media (max-width: 480px){.default-title{top:40%}.default-title h1{font-size:20px}.default-title p{font-size:14px}.item-info-row{display:flex;flex-direction:column;gap:12px}.item-details{order:1;text-align:center;width:100%}.share-section{order:3;flex-direction:column;align-items:center}.center-section{order:4}.share-section .image-note{order:-1}.share-section,.center-section{width:100%;text-align:center}.official-link-btn,.tweet-btn{display:block;width:100%;text-align:center;padding:12px;font-size:15px;box-sizing:border-box}.image-note{font-size:12px;text-align:center;margin:8px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-hide-br{display:none}}@media (min-height: 800px){:root{--card-top: 120px}}@media (max-height: 500px) and (orientation: landscape){:root{--card-top: 40px;--button-zone: 60px;--buttons-bottom: 12px}.product-card{padding:12px 16px;max-height:calc(100vh - 140px)}}