/* Gula Mix: isolated component styles, mobile-first and safe-area aware. */
#gula-game{--gm-blue:#1646c6;--gm-ink:#142747;--gm-pink:#ff9fbd;--gm-lime:#dcf74f;--gm-cream:#fff9ee;color:var(--gm-ink)}
#gula-game [hidden]{display:none!important}
.gm-open{overflow:hidden}
.gm-launcher{position:fixed;z-index:18;right:max(14px,env(safe-area-inset-right));bottom:calc(122px + env(safe-area-inset-bottom));width:79px;height:97px;padding:0;border:0;border-radius:27px;background:var(--gm-lime);color:var(--gm-blue);box-shadow:0 5px 0 var(--gm-blue),0 10px 26px #14274726;cursor:pointer;isolation:isolate;animation:gm-invite 4s ease-in-out infinite}
body:not(.gate-complete) .gm-launcher{display:none}
.gm-launcher .gm-mascot{width:64px;height:76px;position:absolute;top:-26px;left:7px}
.gm-launcher strong{position:absolute;left:-13px;right:-2px;bottom:17px;padding:7px 4px;border:2px solid var(--gm-ink);border-radius:14px;background:var(--gm-pink);font-size:.77rem;transform:rotate(-6deg);white-space:nowrap}
.gm-launcher>span:last-child{position:absolute;bottom:3px;left:0;right:0;font-size:.45rem;font-weight:800;letter-spacing:.06em}
.gm-mascot{position:relative;display:block;overflow:hidden;pointer-events:none}
.gm-mascot img{position:absolute;width:185%;height:145%;max-width:none;left:-42%;top:-16%;object-fit:contain;mix-blend-mode:multiply}
.gm-dialog{width:min(480px,calc(100% - 20px));max-height:calc(100dvh - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:auto;overscroll-behavior:contain;padding:20px;border:3px solid var(--gm-blue);border-radius:29px;color:var(--gm-ink);background:radial-gradient(circle at 100% 0,#ffe2ec 0,transparent 240px),var(--gm-cream);box-shadow:7px 8px 0 #ff9fbd,0 28px 90px #09183170;scrollbar-width:thin}
.gm-dialog::backdrop{background:#0e214cc9;backdrop-filter:blur(6px)}
.gm-dialog button{font-family:inherit;cursor:pointer}
.gm-dialog button:disabled{cursor:default;opacity:.48}
.gm-dialog button:focus-visible,.gm-launcher:focus-visible{outline:3px solid #ec5595;outline-offset:3px}
.gm-header{display:flex;align-items:center;justify-content:space-between;gap:8px}
.gm-eyebrow{font-size:.53rem;letter-spacing:.13em;font-weight:800;color:var(--gm-blue)}
.gm-header h2{font-family:'Titan One',sans-serif;color:var(--gm-blue);font-size:2.75rem;line-height:1;margin:4px 0 14px;letter-spacing:-.05em}
.gm-header h2 em{color:#e55296;font-style:normal}
.gm-close{display:grid;place-items:center;align-self:flex-start;flex:0 0 38px;width:38px;height:38px;border:2px solid var(--gm-blue);border-radius:50%;background:white;color:var(--gm-blue);font-size:1.7rem;line-height:1}
.gm-tabs{display:flex;gap:7px;padding:4px;border:1px solid #1646c627;border-radius:15px;background:white}
.gm-tabs button{flex:1;border:0;border-radius:11px;padding:9px 7px;background:transparent;color:var(--gm-blue);font-weight:700;font-size:.9rem}
.gm-tabs button[aria-selected=true]{background:var(--gm-blue);color:white;box-shadow:0 3px 0 var(--gm-ink)}
.gm-message{margin:13px 1px 11px;min-height:2.5em;color:#53617b;font-size:.82rem;line-height:1.3}
.gm-message.is-error{color:#a1254f;background:#ffe5ec;padding:8px;border-radius:10px}
.gm-scoreboard{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;text-align:center}
.gm-scoreboard>div{display:grid;gap:3px;padding:9px 3px;background:white;border:1px solid #1646c635;border-radius:14px;box-shadow:0 3px 0 #1646c616}
.gm-scoreboard>div:nth-child(2){background:var(--gm-lime)}
.gm-scoreboard small{font-size:.55rem;letter-spacing:.06em;font-weight:800}
.gm-scoreboard strong{font-family:'Titan One',sans-serif;font-size:1.3rem;color:var(--gm-blue);line-height:1.2}
.gm-host{display:flex;align-items:center;gap:10px;margin:9px 0 10px;min-height:86px}
.gm-host>div{flex:1;min-width:0}
.gm-host strong{font-size:.98rem;color:var(--gm-blue)}
.gm-host p{font-size:.78rem;line-height:1.25;margin:4px 0 0;color:#53617b}
.gm-power{position:relative;flex:0 0 66px;width:66px;height:79px;padding:0;border:2px solid #1646c640;border-radius:20px;background:#ffe0ea}
.gm-power:disabled{opacity:1!important}
.gm-power .gm-mascot{width:62px;height:74px}
.gm-power>span:last-child{position:absolute;bottom:-2px;left:6px;right:6px;border:2px solid var(--gm-blue);border-radius:9px;padding:1px 0;background:white;font-size:.6rem;font-weight:800;color:var(--gm-blue)}
.gm-power.is-ready{background:var(--gm-lime);border-color:var(--gm-blue);animation:gm-power-pulse 1.5s ease-in-out infinite}
.gm-power.is-armed{outline:3px solid #e55296;outline-offset:2px}
.gm-power.is-cheering .gm-mascot{animation:gm-hop .3s ease-in-out 2}
.gm-board-wrap{position:relative;isolation:isolate;padding:8px;border:2px solid var(--gm-blue);border-radius:22px;background:linear-gradient(135deg,#e7eaff,#ffdcec);box-shadow:0 5px 0 var(--gm-blue)}
.gm-board{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;touch-action:none;user-select:none;-webkit-user-select:none}
.gm-tile{display:grid;place-items:center;aspect-ratio:1;min-width:0;min-height:0;padding:3px;border:1px solid #ffffffcc;border-bottom:3px solid #14274720;border-radius:12px;background:#fffaf3;transform-origin:center;transition:transform .16s,background .16s;box-shadow:0 2px 2px #1427470d;-webkit-tap-highlight-color:transparent}
.gm-tile[data-type="1"]{background:#e4edff}.gm-tile[data-type="2"]{background:#ffe2ec}.gm-tile[data-type="3"]{background:#f0facd}.gm-tile[data-type="4"]{background:#efdcf5}.gm-tile[data-type="5"]{background:#ffe7ca}
.gm-tile svg{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 1px 0 #ffffffb3);pointer-events:none}
.gm-tile.is-selected{outline:3px solid var(--gm-blue);outline-offset:-2px;background:var(--gm-lime);transform:scale(.94)}
.gm-tile.is-hint{animation:gm-hint .7s ease-in-out 3;outline:2px solid #e55296}
.gm-tile.is-matched{animation:gm-pop .26s ease-in forwards}
.gm-welcome{position:absolute;z-index:2;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:25px;border-radius:19px;background:#fff9eef2;backdrop-filter:blur(4px)}
.gm-sticker{background:var(--gm-lime);padding:5px 10px;border:2px solid var(--gm-blue);border-radius:99px;font-size:.56rem;font-weight:800;letter-spacing:.09em;transform:rotate(-5deg);margin-bottom:12px}
.gm-welcome h3{font-family:'Titan One',sans-serif;font-size:clamp(1.7rem,7vw,2.5rem);line-height:1.06;color:var(--gm-blue);margin:0;letter-spacing:-.04em}.gm-welcome h3 em{font-style:normal;color:#e55296}
.gm-welcome p{font-size:.83rem;line-height:1.3;max-width:250px;margin:12px 0 16px;color:#53617b}
.gm-start{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:12px 23px;border:0;border-radius:15px;background:var(--gm-blue);box-shadow:0 4px 0 var(--gm-ink);color:white;font-size:1rem;font-weight:800}
.gm-controls{display:flex;justify-content:space-between;gap:8px;margin:16px 0 13px}
.gm-controls button{border:1px solid #1646c633;border-radius:12px;padding:9px 12px;background:white;color:var(--gm-blue);font-size:.78rem;font-weight:700}
.gm-progress{padding:12px;border:1px dashed #1646c665;border-radius:15px;background:white}
.gm-progress>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:3px;font-size:.72rem}
.gm-progress strong{color:var(--gm-blue)}
.gm-progress progress{display:block;width:100%;height:9px;margin:9px 0 7px;border:0;border-radius:99px;overflow:hidden;background:#dce5ff;accent-color:var(--gm-blue)}
.gm-progress progress::-webkit-progress-bar{background:#dce5ff}.gm-progress progress::-webkit-progress-value{background:var(--gm-blue);border-radius:99px}.gm-progress progress::-moz-progress-bar{background:var(--gm-blue)}
.gm-progress small{display:block;font-size:.67rem;color:#63708a;line-height:1.25}
.gm-reward-options{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.gm-ticket{position:relative;padding:17px 10px 12px;text-align:center;border:2px solid var(--gm-blue);border-radius:18px;background:#ffe0ed;box-shadow:3px 4px 0 var(--gm-blue)}
.gm-ticket:nth-child(2){background:var(--gm-lime)}
.gm-ticket>span{font-size:.5rem;letter-spacing:.09em;font-weight:800}
.gm-ticket>strong{display:block;font-family:'Titan One',sans-serif;color:var(--gm-blue);font-size:3.1rem;line-height:1.1;margin:13px 0 0}.gm-ticket strong small{font-size:1.4rem}
.gm-ticket p{font-size:.74rem;margin:4px 0 13px}
.gm-ticket button{width:100%;padding:10px 6px;border:0;border-radius:12px;background:var(--gm-blue);color:white;font-size:.7rem;font-weight:800;line-height:1.3;min-height:44px}
.gm-wallet-title{font-size:1.1rem;margin:25px 0 10px;color:var(--gm-blue)}
.gm-coupon-list{display:grid;gap:8px;font-size:.86rem;color:#53617b}
.gm-coupon-row{border:1px solid #1646c633;border-radius:13px;padding:14px;text-align:left;background:white;color:var(--gm-blue);font-size:.87rem;font-weight:700}
.gm-qr{display:grid;justify-items:center;padding:18px 10px;border-radius:20px;background:white;margin-top:19px;border:2px solid var(--gm-blue)}
.gm-qr strong{font-family:'Titan One',sans-serif;color:var(--gm-blue);font-size:1.3rem}
.gm-qr canvas{display:block;max-width:100%;height:auto!important;margin:9px 0}.gm-qr p{font-size:.78rem;text-align:center;margin:4px 0 14px}
.gm-qr-close{border:0;border-radius:12px;background:var(--gm-blue);color:white;padding:9px 18px}
.gm-rules{margin-top:17px;border-top:1px solid #1646c625;padding-top:12px;font-size:.75rem;color:#53617b}.gm-rules summary{color:var(--gm-blue);font-weight:800;cursor:pointer}.gm-rules p{line-height:1.4;margin:10px 0}
.gm-footer{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:16px;font-size:.48rem;font-weight:800;letter-spacing:.07em;color:#68758f}.gm-footer span{color:#e55296}
.gm-shake{animation:gm-shake .2s ease-in-out}
@keyframes gm-invite{0%,75%,100%{transform:translateY(0) rotate(0)}82%{transform:translateY(-8px) rotate(-3deg)}90%{transform:translateY(0) rotate(2deg)}}
@keyframes gm-power-pulse{50%{box-shadow:0 0 0 5px #dcf74f6b}}
@keyframes gm-hop{50%{transform:translateY(-7px) rotate(-6deg)}}
@keyframes gm-hint{50%{transform:scale(.88) rotate(-6deg)}}
@keyframes gm-pop{to{transform:scale(.22) rotate(12deg);opacity:.15}}
@keyframes gm-shake{25%,75%{transform:translateX(-3px)}50%{transform:translateX(3px)}}
@media(min-width:801px){.gm-launcher{right:24px;bottom:30px}}
@media(max-width:360px){.gm-dialog{padding:13px;width:calc(100% - 12px);border-radius:23px}.gm-board-wrap{padding:6px}.gm-board{gap:3px}.gm-tile{border-radius:9px;padding:2px}.gm-header h2{font-size:2.4rem}.gm-host{gap:7px}.gm-host strong{font-size:.87rem}.gm-welcome{padding:16px}.gm-launcher{width:69px;height:85px;right:10px}.gm-launcher .gm-mascot{left:3px}.gm-launcher strong{font-size:.68rem}}
@media(prefers-reduced-motion:reduce){#gula-game *,#gula-game *::before,#gula-game *::after{animation:none!important;transition:none!important}.gm-tile.is-matched{opacity:.25}}