/* Theme-matched speech bubbles copied from the runtime colors, ornaments and sizing. */
.speech-design{--speech-top:#fffae7;--speech-bottom:#ffd8e0;--speech-border:#80354b;--speech-ink:#4f2430;--speech-glow:#f582a477;--speech-radius:11px;color:var(--speech-ink);font-family:var(--pixel)}
.speech-design.classic{--speech-top:#ffefc4;--speech-bottom:#dbae69;--speech-border:#562b20;--speech-ink:#43231e;--speech-glow:#e9ad4777;--speech-radius:2px}
.speech-design.short-chaos{--speech-top:#e1fbff;--speech-bottom:#91dcef;--speech-border:#1c4a70;--speech-ink:#173c5b;--speech-glow:#45bfec77;--speech-radius:10px 3px 10px 3px}
.speech-box{display:grid;grid-template-columns:18px 1fr 18px;align-items:center;gap:1px;width:var(--bubble-width,176px);min-height:46px;max-width:100%;padding:5px;background:linear-gradient(var(--speech-top),var(--speech-bottom));border:2px solid var(--speech-border);border-radius:var(--speech-radius);box-shadow:0 2px 6px var(--speech-glow);font:12px/1.5 var(--pixel);text-align:center}
.speech-design.classic .speech-box,.speech-design.classic .bonus-slip{border-width:2px 3px 3px}.speech-box>img{width:16px;height:16px;object-fit:contain;image-rendering:pixelated}.speech-box>img:last-child{transform:scaleX(-1)}.bonus-slip{display:flex;align-items:center;gap:5px;margin:4px 0 0 auto;padding:3px 5px;width:108px;height:26px;font:11px var(--pixel);border:2px solid var(--speech-border);border-radius:var(--speech-radius);background:linear-gradient(var(--speech-top),var(--speech-bottom));color:var(--speech-ink)}.bonus-slip img{width:16px;height:16px;image-rendering:pixelated}.bonus-slip[hidden]{display:none}
.demo-pet{position:absolute;width:350px;height:350px;border:0;background:none;padding:0;touch-action:none;cursor:grab;z-index:3;user-select:none}.demo-pet.is-dragging{cursor:grabbing}.demo-pet canvas{display:block;width:350px;height:350px;image-rendering:pixelated;pointer-events:none}.demo-speech{position:absolute;z-index:6;pointer-events:none}.demo-speech[hidden]{display:none}.desktop-canvas .mini-wines{z-index:7;left:112px;bottom:47px;background:#34262ac9;border:1px solid #c0996680;padding:4px 8px}.mini-wines[hidden]{display:none}.demo-wallet{position:absolute;right:16px;top:12px;z-index:8;display:flex;align-items:center;gap:10px;font:12px var(--pixel);color:#f4dfac;padding:5px 7px;background:#291b24cc;border:1px solid #ae805558}.demo-wallet>span,.demo-wallet>button{display:flex;align-items:center;gap:4px}.demo-wallet img{width:20px;height:20px;object-fit:contain;image-rendering:pixelated}.demo-wallet button{font:12px var(--pixel);padding:3px 5px;color:#f4dfac;background:#653744;border:1px solid #b98c57}.demo-status{position:absolute;left:112px;top:18px;font:11px var(--pixel);color:#ebd7ae;z-index:1}.demo-menu{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:12px;flex-wrap:wrap}.demo-menu .mode-switch button{padding:7px 12px}.demo-utilities{display:flex;gap:10px}.demo-utilities button{font:10px var(--pixel);background:none;color:#cba575;padding:5px 0;border-bottom:1px solid #88604777}.demo-hint{font-size:10px;color:#d4b291;margin-top:10px;min-height:18px;line-height:1.6}.demo-disclaimer{font-size:9px;color:#a38879;margin-top:6px;line-height:1.7}.desktop-exhibit .desktop-note{width:190px;left:95px;top:66px}.desktop-exhibit .desktop-note p{font-size:16px;padding:14px}.desktop-exhibit .desktop-note small{font-size:9px;padding-bottom:15px}.desktop-exhibit .desktop-date{display:none}
.play-guide{padding:62px 0 12px}.guide-head{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:27px}.guide-head h2{font-size:30px}.guide-head>p{font-size:11px;color:#b39683;max-width:300px}.guide-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.guide-panel{background:#38232a;border:1px solid #815d454d;padding:22px 24px 24px}.guide-art{height:156px;position:relative;display:flex;align-items:center;justify-content:center;gap:12px}.guide-art img{object-fit:contain}.guide-bottle{width:48px;height:78px;image-rendering:pixelated}.guide-pet{width:145px;height:145px;image-rendering:pixelated}.guide-arrow{font:23px var(--pixel);color:#d7af73}.guide-ticket{width:43px;height:43px;image-rendering:pixelated}.guide-gacha{width:102px;height:145px}.guide-card{width:112px;height:112px}.guide-panel h3{font-size:19px;margin:14px 0 11px}.guide-panel p{font-size:11px;color:#b99a88;line-height:1.9}.guide-panel button{margin-top:15px;background:none;padding:0 0 5px;font:11px var(--pixel);color:#e7c48e;border-bottom:1px solid #906a4366}
.interaction-section{padding:65px 0 75px;border-top:1px solid var(--line)}.interaction-section .section-head{margin-bottom:28px}.interaction-section h2{font-size:33px}.interaction-tabs{display:flex;justify-content:space-between;gap:20px;margin-bottom:25px;flex-wrap:wrap}.interaction-tabs>div{display:flex;gap:8px;flex-wrap:wrap}.interaction-tabs button{border:1px solid #866145;background:#2d1d24;padding:10px 17px;color:#bda18a;font:12px var(--pixel)}.interaction-tabs button.is-active{background:#673743;border-color:#c4975d;color:#f4d6a0}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.compare-card{background:radial-gradient(ellipse at 50% 70%,#8e633423,transparent 80%),#2c1d26;border:1px solid #946c4a88;position:relative;padding:19px 20px 22px;min-width:0}.compare-title{display:flex;justify-content:space-between;align-items:center;font:15px var(--pixel);color:#dbbd95}.compare-title small{font:10px var(--body);color:#aa8b79}.compare-stage{height:240px;position:relative;display:flex;justify-content:center;align-items:flex-end;overflow:hidden}.compare-stage>.compare-pet{height:228px;width:290px;object-fit:contain;image-rendering:pixelated}.compare-stage .compare-bubble{position:absolute;right:10px;top:16px;transform:scale(.92);transform-origin:top right}.compare-stage .compare-shelf{position:absolute;left:14px;bottom:25px;display:flex;gap:3px}.compare-shelf>img{width:33px;height:52px;object-fit:contain;image-rendering:pixelated}.compare-caption{font-size:11px;color:#b79a89;text-align:center;margin-top:20px;line-height:1.8}.interaction-note{font-size:10px;color:#997d71;margin-top:18px;line-height:1.8}.bubble-gallery{margin-top:55px}.bubble-gallery-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:25px;gap:20px}.bubble-gallery-head h3{font-size:25px}.bubble-gallery-head p{font-size:11px;color:#bda08d}.bubble-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.bubble-card{min-width:0;background:#3a2530;border:1px solid #8a624544;padding:22px 18px 19px}.bubble-card:nth-child(2){background:#3c2b27}.bubble-card:nth-child(3){background:#233039}.bubble-composition{display:flex;align-items:center;justify-content:center;gap:8px;min-height:156px}.bubble-avatar{width:100px;height:150px;object-fit:contain;image-rendering:pixelated}.bubble-card .speech-design{flex:none}.bubble-card footer{border:0;padding:10px 0 0;font:11px var(--pixel);color:#b89983;display:flex;justify-content:space-between;gap:5px}.bubble-card footer button{background:none;color:#e1b682;font:10px var(--pixel);padding:4px;border-bottom:1px solid #87634388}
.demo-gacha{width:540px;max-width:92vw}.demo-gacha h3{font-size:24px;margin-top:3px}.demo-gacha .draw-subtitle{font-size:11px;color:#c3a38b;margin-top:10px}.demo-gacha .draw-art{width:235px;height:235px;object-fit:contain;margin:23px auto 12px;display:block}.demo-gacha .draw-title{font:22px var(--pixel);color:#f0d29d}.draw-buttons{display:flex;justify-content:center;gap:15px;margin-top:24px}.draw-buttons button{padding:12px 18px;font:12px var(--pixel);border:1px solid #b88f5b;background:#5e303f;color:#f0d5a2}.draw-buttons button:disabled{opacity:.5;cursor:not-allowed}.demo-gacha .draw-note{font-size:10px;color:#a88a78;margin-top:18px}.demo-collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:23px}.demo-collection-grid .card-item strong{font-size:9px}.demo-collection-grid .card-item small{font-size:9px}.demo-empty{padding:35px 10px;font-size:13px;color:#bc9c85}.demo-complete{color:#f2dca5;font-size:12px;padding-top:16px}
@media(max-width:1120px){.bubble-avatar{width:72px;height:130px}.bubble-composition{gap:3px}.bubble-card .speech-design{transform:scale(.88);transform-origin:center}.bubble-card{padding:15px 7px}.compare-stage .compare-bubble{right:0;transform:scale(.78)}.guide-panel{padding:18px}.guide-art{gap:7px}.guide-pet{width:125px;height:125px}.guide-bottle{width:39px}.guide-card{width:95px}.guide-gacha{width:86px}}
@media(max-width:800px){.bubble-cards{grid-template-columns:1fr}.bubble-composition{min-height:170px;gap:25px}.bubble-avatar{width:130px;height:160px}.bubble-card .speech-design{transform:scale(1.1)}.bubble-card{padding:20px 30px}.compare-grid{gap:16px}.compare-card{padding:16px 12px}.compare-stage{height:225px}.compare-stage>.compare-pet{height:200px;max-width:100%}.compare-stage .compare-bubble{top:0;transform:scale(.7)}.guide-panels{gap:13px}.guide-panel{padding:15px 12px}.guide-art{height:140px;gap:3px}.guide-pet{width:100px;height:130px}.guide-bottle{width:31px;height:60px}.guide-arrow{font-size:17px}.guide-ticket{width:24px;height:24px}.guide-card{width:70px}.guide-gacha{width:65px}.guide-panel h3{font-size:15px}.guide-panel p{font-size:10px}}
@media(max-width:540px){.demo-menu{gap:9px}.demo-menu .mode-switch button{font-size:9px;padding:7px 9px}.demo-utilities{gap:9px}.demo-utilities button{font-size:9px}.demo-hint,.demo-disclaimer{font-size:9px}.play-guide{padding-top:38px}.guide-head{display:block}.guide-head h2{font-size:26px}.guide-head>p{font-size:10px;margin-top:12px}.guide-panels{grid-template-columns:1fr;gap:13px}.guide-panel{display:grid;grid-template-columns:135px 1fr;column-gap:16px;padding:17px 13px}.guide-art{grid-row:span 3;height:148px;align-self:center}.guide-panel h3{font-size:17px;margin:4px 0 8px}.guide-panel p{font-size:10px}.guide-panel button{text-align:left;font-size:10px;justify-self:start;margin-top:10px}.guide-pet{width:82px;height:125px}.guide-bottle{width:29px}.guide-arrow{font-size:14px}.guide-ticket{width:18px}.guide-gacha{width:52px}.guide-card{width:60px}.interaction-section{padding:42px 0}.interaction-section h2{font-size:26px}.interaction-tabs{gap:12px}.interaction-tabs>div{gap:6px}.interaction-tabs button{font-size:10px;padding:9px 11px}.compare-grid{grid-template-columns:1fr;gap:14px}.compare-stage{height:245px}.compare-stage>.compare-pet{height:225px;width:270px}.compare-stage .compare-bubble{transform:scale(.85);top:5px}.compare-stage .compare-shelf{left:4px;bottom:35px}.compare-stage .compare-shelf>img{width:28px}.compare-title{font-size:14px}.compare-caption{font-size:10px;margin-top:13px}.interaction-note{font-size:9px}.bubble-gallery{margin-top:34px}.bubble-gallery-head{display:block}.bubble-gallery-head h3{font-size:24px}.bubble-gallery-head p{font-size:10px;margin-top:10px}.bubble-card{padding:17px 15px}.bubble-composition{gap:10px;min-height:155px}.bubble-avatar{width:98px;height:145px}.bubble-card .speech-design{transform:scale(1);transform-origin:center}.bubble-card footer{font-size:10px}.bubble-card footer button{font-size:10px}.demo-gacha .draw-art{width:205px;height:205px}.draw-buttons{gap:10px}.draw-buttons button{font-size:11px;padding:11px 13px}.demo-collection-grid{gap:9px}}