:root{--safe-bottom:env(safe-area-inset-bottom,0px)}.ad-placeholder,.controller-host{padding-bottom:var(--safe-bottom)}body{background:#f8fafc;font-family:Segoe UI,Hiragino Sans,Meiryo,sans-serif;margin:0}body.gc-test-mode{animation:gcTestPulse 6s ease-in-out infinite;background:linear-gradient(135deg,#0b3,#0a6,#2ecc71 60%);background-size:400% 400%}@keyframes gcTestPulse{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}body,html{height:100%;overflow:hidden}::-webkit-scrollbar{height:0;width:0}body.gc-test-mode .index-page{background:linear-gradient(135deg,#064e3b,#0f766e 30%,#10b981 80%)}body.gc-test-mode .breakout-playfield,body.gc-test-mode .game-playfield-box,body.gc-test-mode .game-shell .game-playfield-box{background:linear-gradient(180deg,#064e3bf2,#10b981e6);box-shadow:inset 0 0 40px #0006}.pixi-canvas{position:relative}.pixi-canvas:after,.pixi-canvas:before{background:linear-gradient(180deg,#0b1220,#102233);border-radius:2px;box-shadow:inset 0 0 8px #0009;content:"";height:calc(var(--playfield-height, 0px));pointer-events:none;position:absolute;top:calc(var(--playfield-top, 0px));width:calc(var(--wall-width, 16px));z-index:5}.pixi-canvas:before{left:calc(var(--playfield-left, 0px) - var(--wall-offset, 8px))}.pixi-canvas:after{left:calc(var(--playfield-left, 0px) + var(--playfield-width, 0px) + var(--wall-offset, 8px) - var(--wall-width, 16px))}.game-playfield-box .item-box{left:50%!important;max-width:calc(var(--playfield-width, 100%));transform:translate(-50%)!important;width:calc(var(--playfield-width, 100%))}.ad-placeholder[data-v-33feeaf5]{--ad-height:68px;align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(90deg,#fff7e6,#fff);bottom:env(safe-area-inset-bottom,0);box-shadow:inset 8px 0 #ff99330a,0 -3px 10px #0000000f;box-sizing:border-box;color:#000000ad;display:flex;flex-shrink:0;font-size:.82rem;height:var(--ad-height);justify-content:center;left:0;overflow:hidden;padding:6px 10px;position:fixed;right:0;transition:height .35s ease,opacity .25s ease,padding .3s ease,border-color .3s ease,box-shadow .3s ease,background .4s ease;width:100%;will-change:height;z-index:1100}.ad-placeholder.hide[data-v-33feeaf5]{background:transparent;border-top-color:transparent;box-shadow:none;font-size:0;height:0!important;opacity:0;padding:0;pointer-events:none}.ad-link[data-v-33feeaf5]{align-items:center;box-sizing:border-box;color:inherit;color:#000000b8;display:flex;font-size:.85rem;gap:12px;max-width:980px;padding:6px 12px;text-decoration:none;width:100%}.ad-placeholder[data-v-33feeaf5]{background:linear-gradient(90deg,#fff8f1,#fff);border-top:1px solid rgba(34,34,34,.06);box-shadow:inset 6px 0 #ff99330f,0 -2px 10px #0000000f}.ad-content-wrap[data-v-33feeaf5]{align-items:center;display:flex;width:100%}.ad-placeholder .ad-content-wrap[data-v-33feeaf5],.ad-placeholder .ad-item-row[data-v-33feeaf5],.ad-placeholder .ad-meta-right[data-v-33feeaf5],.ad-placeholder .ad-name[data-v-33feeaf5]{color:#000000ad!important;font-size:.82rem!important}.ad-bg-overlay[data-v-33feeaf5]{background:linear-gradient(90deg,#ffe7c9,#fff7ee)!important;box-shadow:inset 12px 0 #ff993314!important;inset:0;opacity:.85!important;pointer-events:none;position:absolute;z-index:99990!important}.ad-content-wrap[data-v-33feeaf5]{position:relative;z-index:99991}.ad-carousel[data-v-33feeaf5]{flex:1 1 auto;overflow:hidden}.ad-carousel-inner[data-v-33feeaf5]{display:flex;width:auto}.ad-item[data-v-33feeaf5]{box-sizing:border-box;flex:0 0 100%;padding:6px 12px}.ad-item[data-v-33feeaf5],.ad-item-row[data-v-33feeaf5]{align-items:center;display:flex;gap:12px}.ad-item-row[data-v-33feeaf5]{color:inherit;font-size:.8rem;text-decoration:none;width:100%}.col[data-v-33feeaf5]{box-sizing:border-box}.col-name[data-v-33feeaf5]{flex:1 1 70%;min-width:0;padding-right:8px}.col-price[data-v-33feeaf5]{flex:0 0 110px;text-align:left}.col-rating[data-v-33feeaf5]{flex:0 0 120px;text-align:right}.stars[data-v-33feeaf5]{display:flex;gap:4px;justify-content:flex-end}.star svg[data-v-33feeaf5]{display:block}.ad-controls[data-v-33feeaf5]{align-items:center;display:flex;flex:0 0 56px;flex-direction:column;gap:6px;justify-content:center}.ad-controls button[data-v-33feeaf5]{height:28px;width:36px}.ad-image-viewport[data-v-33feeaf5]{background:transparent;border-radius:4px;flex:0 0 auto;height:calc(var(--ad-height) - 12px);overflow:hidden;position:relative;width:120px}.ad-image-stack[data-v-33feeaf5]{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.ad-image[data-v-33feeaf5]{display:block;height:100%;left:50%;max-width:none;-o-object-fit:cover;object-fit:cover;position:absolute;top:50%;transform:translate(-50%,-50%) scale(1);transform-origin:50% 100%;width:auto;will-change:transform,opacity}@keyframes adImageSeq-33feeaf5{0%{transform:translate(-50%,-50%) scale(1);transform-origin:50% 50%}19%{transform:translate(-50%,-50%) scale(1);transform-origin:50% 50%}29%{transform:translate(-50%,-50%) scale(2) translateY(0);transform-origin:50% 100%}33%{transform:translate(-50%,-50%) scale(2) translateY(0);transform-origin:50% 100%}71%{transform:translate(-50%,-50%) scale(2) translateY(var(--ad-vp-h));transform-origin:50% 100%}81%{transform:translate(-50%,-50%) scale(1) translateY(0);transform-origin:50% 50%}to{transform:translate(-50%,-50%) scale(1) translateY(0);transform-origin:50% 50%}}.ad-image.seq-anim[data-v-33feeaf5]{animation-duration:10.5s;animation-fill-mode:both;animation-name:adImageSeq-33feeaf5;animation-timing-function:linear}.ad-image.next[data-v-33feeaf5]{height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;width:auto}.ad-meta[data-v-33feeaf5]{align-items:stretch;display:flex;gap:12px;width:100%}.ad-meta-left[data-v-33feeaf5]{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;min-width:0}.ad-name[data-v-33feeaf5]{color:#000000b8;display:-webkit-box;font-size:.88rem;font-weight:600;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.ad-price-row[data-v-33feeaf5]{margin-top:6px}.ad-price[data-v-33feeaf5]{color:#b12704;font-weight:700}.ad-meta-right[data-v-33feeaf5]{color:#000000bf;flex:0 0 120px;font-size:.9rem;gap:4px}.ad-meta-right[data-v-33feeaf5],.col-ratingprice[data-v-33feeaf5]{align-items:flex-end;display:flex;flex-direction:column;justify-content:center}.rating-top[data-v-33feeaf5]{align-items:center;display:flex;gap:6px;white-space:nowrap}.rating-num[data-v-33feeaf5]{color:#000000a6;font-size:.9rem;white-space:nowrap}.ad-chip[data-v-33feeaf5]{background:#ffffffeb;border:1px solid rgba(0,0,0,.05);border-radius:999px;box-shadow:0 2px 6px #00000014;color:#0000008c;font-size:10px;font-weight:600;left:8px;letter-spacing:.04em;line-height:12px;padding:3px 8px;pointer-events:none;position:absolute;top:8px;transform:translateZ(0);z-index:1010}.ad-content-wrap[data-v-33feeaf5],.ad-image-stack[data-v-33feeaf5],.ad-item[data-v-33feeaf5],.ad-item-row[data-v-33feeaf5]{background:transparent!important;border:none!important}.price-bottom[data-v-33feeaf5]{margin-top:4px}.ad-rating[data-v-33feeaf5]{color:#444;font-size:.95rem}.ad-review-row small[data-v-33feeaf5]{color:#666}.ad-controls[data-v-33feeaf5]{pointer-events:auto;position:relative;z-index:11100}.ad-controls button[data-v-33feeaf5]{background:#ffffffe6;border:1px solid rgba(0,0,0,.06);border-radius:4px;cursor:pointer;margin-left:6px;padding:4px 8px}.ad-ctrl-btn[data-v-33feeaf5]{box-shadow:0 2px 6px #00000014;min-height:32px;min-width:40px;pointer-events:auto!important;z-index:12000!important}[data-v-33feeaf5]:root{--ad-height:68px}.ad-placeholder[data-v-33feeaf5]{background:linear-gradient(90deg,#fff7e6,#fff)!important;box-shadow:inset 8px 0 #ff99330d!important;box-shadow:0 -3px 10px #00000014!important;color:#000000ad!important;font-size:.82rem!important;z-index:1100!important}.ad-item-row[data-v-33feeaf5],.ad-link[data-v-33feeaf5]{color:#000000a6!important;font-size:.8rem!important}*{box-sizing:border-box}*,body{margin:0;padding:0}body{overflow-x:hidden}.app-shell{flex-direction:column;height:100vh;width:100vw}.app-shell,.content-area{display:flex;overflow:hidden}.content-area{flex:1;flex-direction:column;padding-bottom:calc(var(--ad-height,60px) + var(--safe-bottom, env(safe-area-inset-bottom,0px)))}
