.tg2-shell{--tg2-z-mascot: 18;--tg2-z-library: 40;--tg2-z-orientation: 23000;position:relative;display:grid;grid-template:"topbar topbar" clamp(52px,9.5dvh,88px) "stage  side" minmax(0,1fr) / minmax(0,1fr) clamp(300px,30vw,470px);width:100%;height:100dvh;max-height:100dvh;overflow:hidden;box-sizing:border-box;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);background:linear-gradient(180deg,var(--ck-biome-sky) 0%,#eaf6ff 46%,var(--ck-biome-ground) 100%);background:linear-gradient(180deg,var(--ck-biome-sky) 0%,color-mix(in srgb,var(--ck-biome-sky) 55%,#ffffff) 46%,var(--ck-biome-ground) 100%)}.tg2-shell.is-fullbleed{grid-template-columns:minmax(0,1fr) 0}.tg2-topbar{grid-area:topbar;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px clamp(12px,1.6vw,24px);background:linear-gradient(180deg,var(--ck-game-wood-300) 0%,var(--ck-game-wood-500) 42%,var(--ck-game-wood-700) 100%);border-bottom:var(--ck-game-outline-w) solid var(--ck-game-outline);box-shadow:0 4px #4a2f1d59,var(--ck-game-shadow-soft)}.tg2-topbar__left,.tg2-topbar__right{display:flex;align-items:center;gap:clamp(8px,1vw,14px);min-width:0}.tg2-topbar__back{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(180deg,var(--ck-game-terracotta-500),color-mix(in srgb,var(--ck-game-terracotta-500) 72%,#7a3c22));border:var(--ck-game-outline-w-ui) solid var(--ck-game-outline);box-shadow:0 3px #4a2f1d8c}.tg2-topbar__back:active{transform:translateY(2px);box-shadow:0 1px #4a2f1d8c}.tg2-topbar__title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fff6e6;font-size:clamp(18px,2.4vw,28px);font-weight:var(--ck-game-font-weight-strong);letter-spacing:.5px;text-shadow:0 2px 0 rgba(74,47,29,.6)}.tg2-chip{position:relative;display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px;border-radius:999px;border:var(--ck-game-outline-w-ui) solid var(--ck-game-outline);background:linear-gradient(180deg,var(--ck-game-brass-400),var(--ck-game-brass-600));box-shadow:inset 0 2px #fff4c88c,0 3px #4a2f1d73;color:#4a2c12;white-space:nowrap}.tg2-chip__label{font-size:12px;font-weight:var(--ck-game-font-weight-strong);text-transform:uppercase;letter-spacing:.4px;opacity:.85}.tg2-chip__value{font-size:16px;font-weight:800;font-family:var(--ck-game-font-display)}.tg2-chip--gold .tg2-chip__value{color:#6e3c05}.tg2-chip--art{padding:0 18px;border:0;border-radius:0;background:none;box-shadow:none}.tg2-chip--art .tg2-chip__plate{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.tg2-chip--art>:not(.tg2-chip__plate):not(.tg2-chip__badge){position:relative;z-index:1}.tg2-chip__icon-img{height:30px;width:auto;flex:0 0 auto;margin-left:-6px}.tg2-chip--art .tg2-chip__label{color:#ffe3b8;opacity:1}.tg2-chip--art .tg2-chip__value{color:#fff6e6}.tg2-chip--art.tg2-chip--gold .tg2-chip__value{color:var(--ck-game-chip-gold, #fcc728)}.tg2-avatar{position:relative;display:grid;place-items:center;width:46px;height:46px;flex:0 0 auto}.tg2-avatar__ring{position:absolute;top:0;right:0;bottom:0;left:0;width:46px;height:auto;filter:drop-shadow(0 2px 0 rgba(60,38,15,.35))}.tg2-avatar__face{position:relative;z-index:1;width:30px;height:auto;border-radius:50%}.tg2-topbar__back--art{width:auto;height:auto;padding:0;border:0;border-radius:0;background:none;box-shadow:none}.tg2-topbar__back--art:active{transform:translateY(2px);box-shadow:none}.tg2-topbar__back-img{display:block;height:50px;width:auto}.tg2-chip__badge{position:absolute;top:-7px;right:-5px;display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--ck-game-badge-red);border:2px solid #ffffff;color:#fff;font-size:11px;font-weight:800;animation:tg2BadgePulse 1.2s ease-in-out infinite}@keyframes tg2BadgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}.tg2-stage{grid-area:stage;position:relative;min-width:0;min-height:0;container:tg2stage / size;display:grid;place-items:center;padding:clamp(8px,1.4vh,18px)}.tg2-stage[data-stage-mode=board] .tg2-board-frame{aspect-ratio:1;height:min(84vh,58vw);height:min(96cqh,58cqw);border-radius:var(--ck-game-radius-md);border:var(--ck-game-outline-w) solid var(--ck-game-outline);background:repeating-conic-gradient(var(--ck-biome-board-light) 0% 25%,var(--ck-biome-board-dark) 0% 50%) 0 0 / 25% 25%;box-shadow:0 8px #4a2f1d59,var(--ck-game-shadow)}.tg2-stage[data-stage-mode=canvas]>*{width:100%;height:100%}.tg2-side{grid-area:side;min-height:0;padding:clamp(8px,1.4vh,18px) clamp(10px,1.2vw,18px) clamp(8px,1.4vh,18px) 0;display:grid}.tg2-side__panel{display:flex;flex-direction:column;min-height:0;border-radius:var(--ck-game-radius-lg);border:var(--ck-game-outline-w) solid var(--ck-game-parchment-border);outline:var(--ck-game-outline-w-ui) solid var(--ck-game-outline);background:linear-gradient(180deg,var(--ck-game-parchment-100),var(--ck-game-parchment-200));box-shadow:inset 0 0 0 3px #fffbebb3,0 6px #4a2f1d47}.tg2-side__heading{padding:12px 16px 8px;text-align:center;color:#6e3c05;font-size:clamp(15px,1.6vw,19px);font-weight:800;text-transform:uppercase;letter-spacing:.6px;border-bottom:2px dashed rgba(200,150,90,.55)}.tg2-side__scroll{flex:1 1 auto;min-height:0;overflow-y:auto;padding:10px 14px;scrollbar-width:thin}.tg2-side__heading{flex:none}.tg2-side__footer{flex:none;display:grid;gap:10px;padding:10px 14px 14px}.tg2-mascot{position:absolute;left:clamp(6px,1vw,20px);bottom:clamp(56px,9dvh,88px);z-index:var(--tg2-z-mascot);display:grid;justify-items:start;gap:6px;width:clamp(120px,14vw,210px);pointer-events:none}.tg2-mascot__img{width:100%;height:auto;filter:drop-shadow(0 6px 6px rgba(60,38,15,.3))}.tg2-mascot__bubble{position:relative;max-width:clamp(150px,17vw,250px);padding:10px 14px;border-radius:16px;border:var(--ck-game-outline-w-ui) solid var(--ck-game-outline);background:#fffdf4;box-shadow:0 4px #4a2f1d40}.tg2-mascot__bubble:after{content:"";position:absolute;left:30px;bottom:-12px;border:7px solid transparent;border-top-color:#fffdf4;filter:drop-shadow(0 3px 0 var(--ck-game-outline))}.tg2-mascot__text{color:var(--ck-game-ink);font-size:clamp(12px,1.2vw,15px);font-weight:700}.tg2-library-btn{position:absolute;left:clamp(10px,1.2vw,22px);bottom:clamp(8px,1.6dvh,16px);z-index:var(--tg2-z-library);display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 18px 0 14px;border-radius:999px;border:var(--ck-game-outline-w-ui) solid var(--ck-game-outline);background:linear-gradient(180deg,#fffdf4,var(--ck-game-parchment-100));box-shadow:0 4px #4a2f1d66;color:#6e3c05;font-family:var(--ck-game-font-display);font-size:15px;font-weight:800;cursor:pointer}.tg2-library-btn:active{transform:translateY(3px);box-shadow:0 1px #4a2f1d66}.tg2-library-btn.is-wood{height:56px;min-height:56px;border:0;background:none;border-radius:0;color:#fff3d6;text-shadow:0 2px 0 rgba(74,47,29,.65);filter:drop-shadow(0 4px 0 rgba(74,47,29,.4))}.tg2-library-btn .tg2-library-btn__wood{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;z-index:0;pointer-events:none}.tg2-library-btn.is-wood .tg2-library-btn__label{position:relative;z-index:1}.tg2-library-btn.is-wood .tg2-library-btn__icon--fallback{display:none}.tg2-library-btn.is-wood .tg2-library-btn__icon--asset{position:absolute;z-index:1;left:20px;display:block;width:32px;height:32px;object-fit:contain;filter:drop-shadow(0 2px 1px rgba(44,27,12,.35))}.tg2-library-btn.is-wood{padding:0 26px 0 68px;min-width:168px}@media (max-height: 480px){.tg2-library-btn{left:10px;bottom:10px;height:44px;min-width:44px;padding:0;justify-content:center}.tg2-library-btn.is-wood{height:44px;min-height:44px;padding:0;min-width:44px}.tg2-library-btn.is-wood .tg2-library-btn__icon--asset{position:relative;left:auto;width:24px;height:24px}.tg2-library-btn__label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}.tg2-library-btn__icon{display:grid;gap:3px}.tg2-library-btn__icon span{width:16px;height:3px;border-radius:2px;background:var(--ck-game-terracotta-500)}.tg2-orientation-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--tg2-z-orientation);display:grid;place-items:center;padding:24px;background:linear-gradient(180deg,var(--ck-game-sky-400),#4a90c2)}.tg2-orientation-gate__card{display:grid;justify-items:center;gap:12px;max-width:420px;padding:26px 22px;border-radius:var(--ck-game-radius-lg);border:var(--ck-game-outline-w) solid var(--ck-game-outline);background:linear-gradient(180deg,var(--ck-game-parchment-100),var(--ck-game-parchment-200));box-shadow:0 8px #4a2f1d59;text-align:center}.tg2-orientation-gate__phone{width:42px;height:68px;border-radius:10px;border:4px solid var(--ck-game-outline);background:#fffdf4;animation:tg2RotateHint 1.6s ease-in-out infinite}@keyframes tg2RotateHint{0%,20%{transform:rotate(0)}60%,to{transform:rotate(90deg)}}.tg2-orientation-gate__title{font-family:var(--ck-game-font-display);font-size:22px;font-weight:800;color:#6e3c05}.tg2-orientation-gate__hint{font-size:14px;color:var(--ck-game-muted)}@media (prefers-reduced-motion: reduce){.tg2-chip__badge,.tg2-orientation-gate__phone{animation:none}}.tg2-btn{--tg2-btn-top: var(--ck-game-cta-orange-top);--tg2-btn-face: var(--ck-game-cta-orange);--tg2-btn-lip: var(--ck-game-cta-orange-lip);--tg2-btn-ink: #fff6e6;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:8px 22px;border-radius:16px;border:var(--ck-game-outline-w-ui) solid var(--ck-game-outline);background:linear-gradient(180deg,var(--tg2-btn-top) 0%,var(--tg2-btn-face) 55%);box-shadow:inset 0 3px #fffae080,0 4px 0 var(--tg2-btn-lip);color:var(--tg2-btn-ink);font-family:var(--ck-game-font-display);font-size:clamp(15px,1.5vw,19px);font-weight:800;letter-spacing:.4px;text-shadow:0 2px 0 rgba(74,47,29,.4);cursor:pointer;transition:transform var(--ck-game-motion-fast) ease,box-shadow var(--ck-game-motion-fast) ease}.tg2-btn:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 3px #fffae080,0 1px 0 var(--tg2-btn-lip)}.tg2-btn:disabled{filter:grayscale(.45) saturate(.7);cursor:not-allowed}.tg2-btn--green{--tg2-btn-top: var(--ck-game-cta-green-top);--tg2-btn-face: var(--ck-game-cta-green);--tg2-btn-lip: var(--ck-game-cta-green-lip)}.tg2-btn--wood{--tg2-btn-top: var(--ck-game-wood-300);--tg2-btn-face: var(--ck-game-wood-500);--tg2-btn-lip: var(--ck-game-wood-700)}.tg2-btn--hero{min-height:64px;padding:10px 34px;border-radius:20px;font-size:clamp(18px,2vw,24px)}.tg2-art-h3{position:relative;display:inline-flex;align-items:stretch;height:var(--tg2-af-height);min-width:max(var(--tg2-af-min-width),calc(var(--tg2-af-left-cap) + var(--tg2-af-right-cap)))}.tg2-art-h3__art{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;pointer-events:none}.tg2-art-h3__cap{flex:0 0 auto;height:100%;background-image:var(--tg2-af-image);background-repeat:no-repeat;background-size:var(--tg2-af-source-render-width) 100%}.tg2-art-h3__cap--left{width:var(--tg2-af-left-cap);background-position:left center}.tg2-art-h3__cap--right{width:var(--tg2-af-right-cap);background-position:right center}.tg2-art-h3__center{flex:1 1 auto;min-width:0;height:100%;background-image:var(--tg2-af-image);background-repeat:no-repeat;background-size:var(--tg2-af-center-background-width) 100%;background-position:var(--tg2-af-center-position) center}.tg2-art-h3[data-art-frame$="progress/progress_track_3slice.png"],.tg2-art-h3[data-art-frame$="progress/progressbar_frame_3slice.png"]{background:linear-gradient(180deg,#78522c61,#98704442);border-radius:999px}.tg2-art-h3[data-art-frame$="progress/progress_track_3slice.png"]>.tg2-art-h3__art,.tg2-art-h3[data-art-frame$="progress/progressbar_frame_3slice.png"]>.tg2-art-h3__art{opacity:.5}.tg2-art-h3__content{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;padding-left:var(--tg2-af-content-left);padding-right:var(--tg2-af-content-right)}.tg2-art-layered{position:relative;display:inline-flex;align-items:stretch;height:var(--tg2-af-height);min-width:var(--tg2-af-min-width)}.tg2-art-layered__art{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;pointer-events:none}.tg2-art-layered__cap{flex:0 0 auto;height:100%;width:auto}.tg2-art-layered__center{flex:1 1 auto;min-width:0;background:var(--tg2-af-center-fill)}.tg2-art-layered__content{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;padding-left:var(--tg2-af-content-left);padding-right:var(--tg2-af-content-right)}.tg2-art-nine{position:relative}.tg2-art-fixed{display:block}.tg2-icon{width:1.15em;height:1.15em;object-fit:contain;vertical-align:-.15em;flex:0 0 auto}.tg2-framed{--tg2-framed-size: 64px;--tg2-framed-safe: .82;position:relative;display:grid;place-items:center;flex:0 0 auto;width:var(--tg2-framed-size);height:var(--tg2-framed-size)}.tg2-framed__art{display:block;width:calc(var(--tg2-framed-size) * var(--tg2-framed-safe));height:calc(var(--tg2-framed-size) * var(--tg2-framed-safe));object-fit:contain}:where(.tg2-shell) :where(img){object-fit:contain}.tg2-rarity{position:relative;box-shadow:inset 0 0 0 var(--tg2-rarity-ring, 2px) var(--tg2-rarity, transparent)}.tg2-rarity:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:inherit;background:var(--tg2-rarity, transparent);opacity:var(--tg2-rarity-fill, .22);pointer-events:none}.tg2-rarity--glow:before{background:radial-gradient(ellipse at 50% 56%,var(--tg2-rarity, transparent) 0%,transparent 68%);opacity:var(--tg2-rarity-fill, .34)}.tg2-rarity>*{position:relative;z-index:1}