/* TronClick game loading skeleton.
   Shown only while <html> has .tc-layout-pending (inline gate in user/header.php hides the
   real game container with visibility:hidden). The skeleton lives in the container's own
   ::before/::after (visibility:visible), so it disappears in the very same frame the gate
   class is removed - including the 4s failsafe. No JS here. */

html.tc-layout-pending :is(.gamebox_container,.tc-dice-shell,#roulette_game,#ftUdice,:has(> :is(#ftBjBoard,#ftBcBoard,#ftCfBoard,#ftHlBoard,#ftGemsTable,#ftEggSlots,#pokerBoard))){position:relative!important;
  /* accent: override with --tc-skeleton-accent, else the site's --lux-accent, else a generic --accent */
  --tc-sk-acc:var(--tc-skeleton-accent,var(--lux-accent,var(--accent,#b7f76b)));
  height:var(--tc-sk-h,520px)!important;min-height:0!important;max-height:none!important;overflow:hidden!important;
  --tc-sk-card:var(--ui-p-102735,#102735);--tc-sk-panel:var(--ui-p-1b3445,#1b3445);--tc-sk-line:var(--ui-p-365164,#365164);
  --tc-sk-board:radial-gradient(at 50% 0%,var(--ui-p-253b50,#253b50),var(--ui-p-112331,#112331));--tc-sk-floor:0,0,0;
  --tc-sk-blocks:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='304' height='340' viewBox='0 0 304 340'%3E%3Crect x='21.5' y='20.5' width='252' height='47' rx='10' fill='%23102532' stroke='%23365164'/%3E%3Crect x='25' y='24' width='124' height='40' rx='8' fill='%23294a61' /%3E%3Crect x='21' y='100' width='72' height='10' rx='5' fill='%23294a61' /%3E%3Crect x='21.5' y='120.5' width='252' height='47' rx='10' fill='%23102532' stroke='%23365164'/%3E%3Ccircle cx='45' cy='144' r='10' fill='%23294a61'/%3E%3Crect x='64' y='139' width='70' height='10' rx='5' fill='%23294a61' /%3E%3Crect x='196' y='128' width='34' height='32' rx='8' fill='%23294a61' /%3E%3Crect x='236' y='128' width='32' height='32' rx='8' fill='%23294a61' /%3E%3Crect x='21' y='184' width='60' height='10' rx='5' fill='%23294a61' /%3E%3Crect x='21.5' y='204.5' width='252' height='47' rx='10' fill='%23102532' stroke='%23365164'/%3E%3Crect x='37' y='223' width='90' height='10' rx='5' fill='%23294a61' /%3E%3C/svg%3E");--tc-sk-mblocks:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='346' height='250' viewBox='0 0 346 250'%3E%3Crect x='15.5' y='14.5' width='315' height='47' rx='10' fill='%23102532' stroke='%23365164'/%3E%3Crect x='19' y='18' width='154' height='40' rx='8' fill='%23294a61' /%3E%3Crect x='15' y='88' width='72' height='10' rx='5' fill='%23294a61' /%3E%3Crect x='15.5' y='108.5' width='315' height='47' rx='10' fill='%23102532' stroke='%23365164'/%3E%3Ccircle cx='39' cy='132' r='10' fill='%23294a61'/%3E%3Crect x='58' y='127' width='80' height='10' rx='5' fill='%23294a61' /%3E%3Crect x='246' y='116' width='36' height='32' rx='8' fill='%23294a61' /%3E%3Crect x='288' y='116' width='38' height='32' rx='8' fill='%23294a61' /%3E%3Crect x='15' y='172' width='60' height='10' rx='5' fill='%23294a61' /%3E%3Crect x='15.5' y='192.5' width='315' height='47' rx='10' fill='%23102532' stroke='%23365164'/%3E%3Crect x='31' y='211' width='90' height='10' rx='5' fill='%23294a61' /%3E%3C/svg%3E")}
html[data-theme=light].tc-layout-pending :is(.gamebox_container,.tc-dice-shell,#roulette_game,#ftUdice,:has(> :is(#ftBjBoard,#ftBcBoard,#ftCfBoard,#ftHlBoard,#ftGemsTable,#ftEggSlots,#pokerBoard))){--tc-sk-card:var(--ui-p-ffffff,#fff);--tc-sk-floor:0,0,0;--tc-sk-panel:var(--ui-p-eaf2f7,#eaf2f7);--tc-sk-line:var(--ui-p-cbdde8,#cbdde8);
  --tc-sk-blocks:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='304' height='340' viewBox='0 0 304 340'%3E%3Crect x='21.5' y='20.5' width='252' height='47' rx='10' fill='%23f2f7fa' stroke='%23cbdde8'/%3E%3Crect x='25' y='24' width='124' height='40' rx='8' fill='%23d3e1ea' /%3E%3Crect x='21' y='100' width='72' height='10' rx='5' fill='%23d3e1ea' /%3E%3Crect x='21.5' y='120.5' width='252' height='47' rx='10' fill='%23f2f7fa' stroke='%23cbdde8'/%3E%3Ccircle cx='45' cy='144' r='10' fill='%23d3e1ea'/%3E%3Crect x='64' y='139' width='70' height='10' rx='5' fill='%23d3e1ea' /%3E%3Crect x='196' y='128' width='34' height='32' rx='8' fill='%23d3e1ea' /%3E%3Crect x='236' y='128' width='32' height='32' rx='8' fill='%23d3e1ea' /%3E%3Crect x='21' y='184' width='60' height='10' rx='5' fill='%23d3e1ea' /%3E%3Crect x='21.5' y='204.5' width='252' height='47' rx='10' fill='%23f2f7fa' stroke='%23cbdde8'/%3E%3Crect x='37' y='223' width='90' height='10' rx='5' fill='%23d3e1ea' /%3E%3C/svg%3E");--tc-sk-mblocks:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='346' height='250' viewBox='0 0 346 250'%3E%3Crect x='15.5' y='14.5' width='315' height='47' rx='10' fill='%23f2f7fa' stroke='%23cbdde8'/%3E%3Crect x='19' y='18' width='154' height='40' rx='8' fill='%23d3e1ea' /%3E%3Crect x='15' y='88' width='72' height='10' rx='5' fill='%23d3e1ea' /%3E%3Crect x='15.5' y='108.5' width='315' height='47' rx='10' fill='%23f2f7fa' stroke='%23cbdde8'/%3E%3Ccircle cx='39' cy='132' r='10' fill='%23d3e1ea'/%3E%3Crect x='58' y='127' width='80' height='10' rx='5' fill='%23d3e1ea' /%3E%3Crect x='246' y='116' width='36' height='32' rx='8' fill='%23d3e1ea' /%3E%3Crect x='288' y='116' width='38' height='32' rx='8' fill='%23d3e1ea' /%3E%3Crect x='15' y='172' width='60' height='10' rx='5' fill='%23d3e1ea' /%3E%3Crect x='15.5' y='192.5' width='315' height='47' rx='10' fill='%23f2f7fa' stroke='%23cbdde8'/%3E%3Crect x='31' y='211' width='90' height='10' rx='5' fill='%23d3e1ea' /%3E%3C/svg%3E")}
html.tc-layout-pending .tc-dice-shell{--tc-sk-r:14px}
html.tc-layout-pending :has(> :is(#ftBjBoard,#ftBcBoard,#ftCfBoard,#ftHlBoard,#ftGemsTable,#ftEggSlots,#pokerBoard)){--tc-sk-bx:324px;--tc-sk-gap:20px;--tc-sk-r:5px;margin:0!important;max-width:none!important;width:auto!important} /* legacy .ft-poker: margin-top 30px, max-width 500px centred; import layout resets */
html.tc-layout-pending .tc-dice-shell{--tc-sk-h:639px;--tc-sk-mh:610px;--tc-sk-mb:443px}
html.tc-layout-pending #roulette_game{--tc-sk-h:648px;--tc-sk-mh:1197px;--tc-sk-mb:973px}
/* Ultimate Dice (#ftUdice, flush in .tc-studio-shell): 304px controls column, 560px stage; mobile 564px stage + controls */
html.tc-layout-pending #ftUdice{--tc-sk-h:560px;--tc-sk-mh:859px;--tc-sk-mb:564px;--tc-sk-bx:304px;--tc-sk-r:0px;margin:0!important;max-width:none!important;width:auto!important}
html.tc-layout-pending .gamebox_container:has(#limbo_gameboard){--tc-sk-h:437px;--tc-sk-mh:599px;--tc-sk-mb:337px}
html.tc-layout-pending .gamebox_container:has(#keno_gameboard){--tc-sk-h:520px;--tc-sk-mh:709px;--tc-sk-mb:452px}
html.tc-layout-pending .gamebox_container:has(#plinko_gameboard){--tc-sk-h:504px;--tc-sk-mh:637px;--tc-sk-mb:380px}
html.tc-layout-pending .gamebox_container:has(#wheel_gameboard){--tc-sk-h:464px;--tc-sk-mh:609px;--tc-sk-mb:352px}
html.tc-layout-pending .gamebox_container:has(#sicbo_gameboard){--tc-sk-h:545px;--tc-sk-mh:734px;--tc-sk-mb:562px}
html.tc-layout-pending .gamebox_container:has(#chuckaluck_gameboard){--tc-sk-h:599px;--tc-sk-mh:752px;--tc-sk-mb:518px}
html.tc-layout-pending .gamebox_container:has(#mines_gameboard){--tc-sk-h:542px;--tc-sk-mh:726px;--tc-sk-mb:344px}
html.tc-layout-pending .gamebox_container:has(#tower_gameboard){--tc-sk-h:620px;--tc-sk-mh:792px;--tc-sk-mb:535px}
html.tc-layout-pending .gamebox_container:has(.chicken_game_container){--tc-sk-h:510px;--tc-sk-mh:675px;--tc-sk-mb:402px}
html.tc-layout-pending :has(> #ftBjBoard){--tc-sk-h:440px;--tc-sk-mh:444px;--tc-sk-mb:336px}
html.tc-layout-pending :has(> #ftBcBoard){--tc-sk-h:498px;--tc-sk-mh:567px;--tc-sk-mb:300px}
html.tc-layout-pending :has(> #ftCfBoard){--tc-sk-h:461px;--tc-sk-mh:405px;--tc-sk-mb:210px}
html.tc-layout-pending :has(> #ftHlBoard){--tc-sk-h:505px;--tc-sk-mh:558px;--tc-sk-mb:230px}
html.tc-layout-pending :has(> #ftGemsTable){--tc-sk-h:510px;--tc-sk-mh:586px;--tc-sk-mb:351px}
html.tc-layout-pending :has(> #ftEggSlots){--tc-sk-h:561px;--tc-sk-mh:445px;--tc-sk-mb:210px}
html.tc-layout-pending :has(> #pokerBoard){--tc-sk-h:551px;--tc-sk-mh:379px;--tc-sk-mb:210px}
html.tc-layout-pending :is(.gamebox_container,.tc-dice-shell,#roulette_game,#ftUdice,:has(> :is(#ftBjBoard,#ftBcBoard,#ftCfBoard,#ftHlBoard,#ftGemsTable,#ftEggSlots,#pokerBoard)))::before,html.tc-layout-pending :is(.gamebox_container,.tc-dice-shell,#roulette_game,#ftUdice,:has(> :is(#ftBjBoard,#ftBcBoard,#ftCfBoard,#ftHlBoard,#ftGemsTable,#ftEggSlots,#pokerBoard)))::after{content:'';position:absolute;visibility:visible!important;pointer-events:none;box-sizing:border-box}
/* desktop: settings panel left (304px), board right */
html.tc-layout-pending :is(.gamebox_container,.tc-dice-shell,#roulette_game,#ftUdice,:has(> :is(#ftBjBoard,#ftBcBoard,#ftCfBoard,#ftHlBoard,#ftGemsTable,#ftEggSlots,#pokerBoard)))::before{inset:0;z-index:2;border-radius:var(--tc-sk-r,16px);border:1px solid var(--tc-sk-line);
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='10' viewBox='0 0 56 10'%3E%3Crect x='0' y='0' width='56' height='10' rx='5' fill='%23000' fill-opacity='.22'/%3E%3C/svg%3E") 120px 301px/56px 10px no-repeat,linear-gradient(var(--tc-sk-acc),var(--tc-sk-acc)) 33px 281px/229px 50px no-repeat,linear-gradient(var(--tc-sk-acc),var(--tc-sk-acc)) 21px 293px/253px 26px no-repeat,radial-gradient(circle at 100% 100%,var(--tc-sk-acc) 11.4px,transparent 12px) 21px 281px/12px 12px no-repeat,radial-gradient(circle at 0 100%,var(--tc-sk-acc) 11.4px,transparent 12px) 262px 281px/12px 12px no-repeat,radial-gradient(circle at 100% 0,var(--tc-sk-acc) 11.4px,transparent 12px) 21px 319px/12px 12px no-repeat,radial-gradient(circle at 0 0,var(--tc-sk-acc) 11.4px,transparent 12px) 262px 319px/12px 12px no-repeat,
    var(--tc-sk-blocks) 0 0/304px auto no-repeat,
    linear-gradient(var(--tc-sk-panel),var(--tc-sk-panel)) 0 0/303px 100% no-repeat,
    linear-gradient(var(--tc-sk-line),var(--tc-sk-line)) 303px 0/1px 100% no-repeat,
    linear-gradient(var(--tc-sk-card),var(--tc-sk-card)) 304px 0/var(--tc-sk-gap,0px) 100% no-repeat,
    var(--tc-sk-board) var(--tc-sk-bx,305px) 0/calc(100% - var(--tc-sk-bx,305px)) 100% no-repeat,var(--tc-sk-card)}
/* invisible anchor at the board centre; the 3D dice overlay (#tc-sk-dz, injected by the inline script in header.php) is pinned here */
html.tc-layout-pending :is(.gamebox_container,.tc-dice-shell,#roulette_game,#ftUdice,:has(> :is(#ftBjBoard,#ftBcBoard,#ftCfBoard,#ftHlBoard,#ftGemsTable,#ftEggSlots,#pokerBoard)))::after{z-index:3;width:0;height:0;left:calc(var(--tc-sk-bx,305px) + (100% - var(--tc-sk-bx,305px)) / 2);top:min(50%,280px)}
/* mobile (same 900px breakpoint as tronclick-mobile-play.js): board on top, settings below, dock fixed at bottom */
@media (max-width:900px){
  html.tc-layout-pending :is(.gamebox_container,.tc-dice-shell,#roulette_game,#ftUdice,:has(> :is(#ftBjBoard,#ftBcBoard,#ftCfBoard,#ftHlBoard,#ftGemsTable,#ftEggSlots,#pokerBoard))){height:var(--tc-sk-mh,640px)!important}
  html.tc-layout-pending :is(.gamebox_container,.tc-dice-shell,#roulette_game,#ftUdice,:has(> :is(#ftBjBoard,#ftBcBoard,#ftCfBoard,#ftHlBoard,#ftGemsTable,#ftEggSlots,#pokerBoard)))::before{border-radius:calc(12px * var(--ui-radius-scale,1))}
  html.tc-layout-pending :is(.gamebox_container,.tc-dice-shell,#roulette_game,#ftUdice,:has(> :is(#ftBjBoard,#ftBcBoard,#ftCfBoard,#ftHlBoard,#ftGemsTable,#ftEggSlots,#pokerBoard)))::before{
    background:var(--tc-sk-mblocks) 0 var(--tc-sk-mb,360px)/min(100%,430px) auto no-repeat,
      linear-gradient(var(--tc-sk-line),var(--tc-sk-line)) 0 var(--tc-sk-mb,360px)/100% 1px no-repeat,
      linear-gradient(var(--tc-sk-panel),var(--tc-sk-panel)) 0 var(--tc-sk-mb,360px)/100% 100% no-repeat,
      var(--tc-sk-board) 0 0/100% var(--tc-sk-mb,360px) no-repeat,var(--tc-sk-card)}
  html.tc-layout-pending :is(.gamebox_container,.tc-dice-shell,#roulette_game,#ftUdice,:has(> :is(#ftBjBoard,#ftBcBoard,#ftCfBoard,#ftHlBoard,#ftGemsTable,#ftEggSlots,#pokerBoard)))::after{left:50%;top:calc(min(var(--tc-sk-mb,360px),560px) / 2)}
  html.tc-layout-pending body:has(:is(.gamebox_container,.tc-dice-shell,#roulette_game,#ftUdice,#ftBjBoard,#ftBcBoard,#ftCfBoard,#ftHlBoard,#ftGemsTable,#ftEggSlots,#pokerBoard))::after{--tc-sk-acc:var(--tc-skeleton-accent,var(--lux-accent,var(--accent,#b7f76b)));content:'';position:fixed;left:0;right:0;bottom:0;z-index:1040;pointer-events:none;
    height:calc(69px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--ui-p-365164,#365164);
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='110' height='48' viewBox='0 0 110 48'%3E%3Crect x='0' y='8' width='78' height='12' rx='6' fill='%232c4b60' /%3E%3Crect x='0' y='28' width='54' height='10' rx='5' fill='%232c4b60' /%3E%3C/svg%3E") 16px 10px/110px 48px no-repeat,
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='10' viewBox='0 0 56 10'%3E%3Crect x='0' y='0' width='56' height='10' rx='5' fill='%23000' fill-opacity='.22'/%3E%3C/svg%3E") calc(50% + 56px) 29px/56px 10px no-repeat,linear-gradient(var(--tc-sk-acc),var(--tc-sk-acc)) 124px 10px/calc(100% - 152px) 48px no-repeat,linear-gradient(var(--tc-sk-acc),var(--tc-sk-acc)) 112px 22px/calc(100% - 128px) 24px no-repeat,radial-gradient(circle at 100% 100%,var(--tc-sk-acc) 11.4px,transparent 12px) 112px 10px/12px 12px no-repeat,radial-gradient(circle at 0 100%,var(--tc-sk-acc) 11.4px,transparent 12px) right 16px top 10px/12px 12px no-repeat,radial-gradient(circle at 100% 0,var(--tc-sk-acc) 11.4px,transparent 12px) 112px 46px/12px 12px no-repeat,radial-gradient(circle at 0 0,var(--tc-sk-acc) 11.4px,transparent 12px) right 16px top 46px/12px 12px no-repeat,var(--ui-p-172f3e,#172f3e)}
  html[data-theme=light].tc-layout-pending body:has(:is(.gamebox_container,.tc-dice-shell,#roulette_game,#ftUdice,#ftBjBoard,#ftBcBoard,#ftCfBoard,#ftHlBoard,#ftGemsTable,#ftEggSlots,#pokerBoard))::after{border-top-color:var(--ui-p-cbdde8,#cbdde8);
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='110' height='48' viewBox='0 0 110 48'%3E%3Crect x='0' y='8' width='78' height='12' rx='6' fill='%23d3e1ea' /%3E%3Crect x='0' y='28' width='54' height='10' rx='5' fill='%23d3e1ea' /%3E%3C/svg%3E") 16px 10px/110px 48px no-repeat,
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='10' viewBox='0 0 56 10'%3E%3Crect x='0' y='0' width='56' height='10' rx='5' fill='%23000' fill-opacity='.22'/%3E%3C/svg%3E") calc(50% + 56px) 29px/56px 10px no-repeat,linear-gradient(var(--tc-sk-acc),var(--tc-sk-acc)) 124px 10px/calc(100% - 152px) 48px no-repeat,linear-gradient(var(--tc-sk-acc),var(--tc-sk-acc)) 112px 22px/calc(100% - 128px) 24px no-repeat,radial-gradient(circle at 100% 100%,var(--tc-sk-acc) 11.4px,transparent 12px) 112px 10px/12px 12px no-repeat,radial-gradient(circle at 0 100%,var(--tc-sk-acc) 11.4px,transparent 12px) right 16px top 10px/12px 12px no-repeat,radial-gradient(circle at 100% 0,var(--tc-sk-acc) 11.4px,transparent 12px) 112px 46px/12px 12px no-repeat,radial-gradient(circle at 0 0,var(--tc-sk-acc) 11.4px,transparent 12px) right 16px top 46px/12px 12px no-repeat,var(--ui-p-ffffff,#fff)}
}

/* 3D dice loader: two CSS cubes (6 faces + 3 core planes each, so rounded edges never show gaps), glossy bevelled faces,
   inset pips, accent glow, floor shadows, sparkles. Colour = --tc-skeleton-accent > --lux-accent > --accent. */
#tc-sk-dz{display:none}
html.tc-layout-pending #tc-sk-dz.on{display:block;position:fixed;left:0;top:0;width:0;height:0;z-index:3;pointer-events:none;visibility:visible;
  --tc-sk-acc:var(--tc-skeleton-accent,var(--lux-accent,var(--accent,#b7f76b)));
  --dz-s:38px;--dz-h:calc(var(--dz-s) / 2);--dz-pr:calc(var(--dz-s) * .085);
  --dz-hi:color-mix(in srgb,var(--tc-sk-acc),var(--ui-p-ffffff,#fff) 48%);--dz-lo:color-mix(in srgb,var(--tc-sk-acc),var(--ui-p-000000,#000) 34%);
  --dz-pip:var(--ui-p-0a1724,#0a1724);--dz-rim:color-mix(in srgb,var(--tc-sk-acc),var(--ui-p-000000,#000) 58%);--dz-lip:color-mix(in srgb,var(--tc-sk-acc),var(--ui-p-ffffff,#fff) 60%);
  --dz-face:linear-gradient(145deg,var(--ui-p-ffffff6b,rgba(255,255,255,.42)),var(--ui-p-ffffff00,rgba(255,255,255,0)) 40%),radial-gradient(130% 130% at 26% 16%,var(--dz-hi),var(--tc-sk-acc) 44%,var(--dz-lo))}
#tc-sk-dz b,#tc-sk-dz i{position:absolute;display:block}
#tc-sk-dz .dz-glow{left:-105px;top:-70px;width:210px;height:150px;border-radius:50%;
  background:radial-gradient(closest-side,color-mix(in srgb,var(--tc-sk-acc) 30%,transparent),color-mix(in srgb,var(--tc-sk-acc) 9%,transparent) 58%,transparent);
  animation:dz-glow 2.8s ease-in-out infinite}
#tc-sk-dz .dz-d{left:calc(var(--dz-s) * -.5);top:calc(var(--dz-s) * -.62);width:var(--dz-s);height:var(--dz-s);perspective:520px}
#tc-sk-dz .dz-a{transform:translateX(calc(var(--dz-s) * -.82))}
#tc-sk-dz .dz-b{transform:translate(calc(var(--dz-s) * .82),calc(var(--dz-s) * .1))}
#tc-sk-dz .dz-sh{left:-18%;width:136%;top:calc(100% + var(--dz-s) * .16);height:calc(var(--dz-s) * .34);border-radius:50%;
  background:radial-gradient(closest-side,var(--ui-p-0000009e,rgba(0,0,0,.62)),var(--ui-p-00000042,rgba(0,0,0,.26)) 62%,transparent);animation:dz-sh 2.8s infinite}
#tc-sk-dz .dz-hop{inset:0;transform-style:preserve-3d;transform-origin:50% 100%;animation:dz-hop 2.8s infinite}
#tc-sk-dz .dz-cube{inset:0;transform-style:preserve-3d;transform:rotateX(-26deg) rotateY(-36deg) rotateX(0deg) rotateY(0deg) rotateZ(0deg);animation:dz-ra 2.8s infinite}
#tc-sk-dz .dz-b .dz-cube{transform:rotateX(-26deg) rotateY(-36deg) rotateX(90deg) rotateY(0deg) rotateZ(0deg);animation-name:dz-rb}
#tc-sk-dz .dz-b .dz-hop,#tc-sk-dz .dz-b .dz-cube,#tc-sk-dz .dz-b .dz-sh{animation-delay:.14s}
#tc-sk-dz .f{inset:0;border-radius:21%;backface-visibility:hidden;
  box-shadow:inset 0 0 0 1px var(--ui-p-ffffff33,rgba(255,255,255,.2)),inset 0 calc(var(--dz-s) * -.09) calc(var(--dz-s) * .16) var(--ui-p-00000042,rgba(0,0,0,.26)),inset 0 calc(var(--dz-s) * .06) calc(var(--dz-s) * .1) var(--ui-p-ffffff57,rgba(255,255,255,.34))}
#tc-sk-dz .c{inset:1px;border-radius:8%;background:var(--dz-lo)}
#tc-sk-dz .c2{transform:rotateX(90deg)}#tc-sk-dz .c3{transform:rotateY(90deg)}
#tc-sk-dz .f1{transform:translateZ(var(--dz-h));background:radial-gradient(circle at 50% 50%,var(--dz-pip) 0 var(--dz-pr),var(--dz-rim) calc(var(--dz-pr) + .6px),var(--dz-lip) calc(var(--dz-pr) + 1.1px),transparent calc(var(--dz-pr) + 1.7px)),var(--dz-face)}
#tc-sk-dz .f2{transform:rotateX(90deg) translateZ(var(--dz-h));background:radial-gradient(circle at 27% 27%,var(--dz-pip) 0 var(--dz-pr),var(--dz-rim) calc(var(--dz-pr) + .6px),var(--dz-lip) calc(var(--dz-pr) + 1.1px),transparent calc(var(--dz-pr) + 1.7px)),radial-gradient(circle at 73% 73%,var(--dz-pip) 0 var(--dz-pr),var(--dz-rim) calc(var(--dz-pr) + .6px),var(--dz-lip) calc(var(--dz-pr) + 1.1px),transparent calc(var(--dz-pr) + 1.7px)),var(--dz-face)}
#tc-sk-dz .f3{transform:rotateY(90deg) translateZ(var(--dz-h));background:radial-gradient(circle at 27% 27%,var(--dz-pip) 0 var(--dz-pr),var(--dz-rim) calc(var(--dz-pr) + .6px),var(--dz-lip) calc(var(--dz-pr) + 1.1px),transparent calc(var(--dz-pr) + 1.7px)),radial-gradient(circle at 50% 50%,var(--dz-pip) 0 var(--dz-pr),var(--dz-rim) calc(var(--dz-pr) + .6px),var(--dz-lip) calc(var(--dz-pr) + 1.1px),transparent calc(var(--dz-pr) + 1.7px)),radial-gradient(circle at 73% 73%,var(--dz-pip) 0 var(--dz-pr),var(--dz-rim) calc(var(--dz-pr) + .6px),var(--dz-lip) calc(var(--dz-pr) + 1.1px),transparent calc(var(--dz-pr) + 1.7px)),var(--dz-face)}
#tc-sk-dz .f4{transform:rotateY(-90deg) translateZ(var(--dz-h));background:radial-gradient(circle at 27% 27%,var(--dz-pip) 0 var(--dz-pr),var(--dz-rim) calc(var(--dz-pr) + .6px),var(--dz-lip) calc(var(--dz-pr) + 1.1px),transparent calc(var(--dz-pr) + 1.7px)),radial-gradient(circle at 73% 27%,var(--dz-pip) 0 var(--dz-pr),var(--dz-rim) calc(var(--dz-pr) + .6px),var(--dz-lip) calc(var(--dz-pr) + 1.1px),transparent calc(var(--dz-pr) + 1.7px)),radial-gradient(circle at 27% 73%,var(--dz-pip) 0 var(--dz-pr),var(--dz-rim) calc(var(--dz-pr) + .6px),var(--dz-lip) calc(var(--dz-pr) + 1.1px),transparent calc(var(--dz-pr) + 1.7px)),radial-gradient(circle at 73% 73%,var(--dz-pip) 0 var(--dz-pr),var(--dz-rim) calc(var(--dz-pr) + .6px),var(--dz-lip) calc(var(--dz-pr) + 1.1px),transparent calc(var(--dz-pr) + 1.7px)),var(--dz-face)}
#tc-sk-dz .f5{transform:rotateX(-90deg) translateZ(var(--dz-h));background:radial-gradient(circle at 27% 27%,var(--dz-pip) 0 var(--dz-pr),var(--dz-rim) calc(var(--dz-pr) + .6px),var(--dz-lip) calc(var(--dz-pr) + 1.1px),transparent calc(var(--dz-pr) + 1.7px)),radial-gradient(circle at 73% 27%,var(--dz-pip) 0 var(--dz-pr),var(--dz-rim) calc(var(--dz-pr) + .6px),var(--dz-lip) calc(var(--dz-pr) + 1.1px),transparent calc(var(--dz-pr) + 1.7px)),radial-gradient(circle at 50% 50%,var(--dz-pip) 0 var(--dz-pr),var(--dz-rim) calc(var(--dz-pr) + .6px),var(--dz-lip) calc(var(--dz-pr) + 1.1px),transparent calc(var(--dz-pr) + 1.7px)),radial-gradient(circle at 27% 73%,var(--dz-pip) 0 var(--dz-pr),var(--dz-rim) calc(var(--dz-pr) + .6px),var(--dz-lip) calc(var(--dz-pr) + 1.1px),transparent calc(var(--dz-pr) + 1.7px)),radial-gradient(circle at 73% 73%,var(--dz-pip) 0 var(--dz-pr),var(--dz-rim) calc(var(--dz-pr) + .6px),var(--dz-lip) calc(var(--dz-pr) + 1.1px),transparent calc(var(--dz-pr) + 1.7px)),var(--dz-face)}
#tc-sk-dz .f6{transform:rotateY(180deg) translateZ(var(--dz-h));background:radial-gradient(circle at 28% 24%,var(--dz-pip) 0 var(--dz-pr),var(--dz-rim) calc(var(--dz-pr) + .6px),var(--dz-lip) calc(var(--dz-pr) + 1.1px),transparent calc(var(--dz-pr) + 1.7px)),radial-gradient(circle at 28% 50%,var(--dz-pip) 0 var(--dz-pr),var(--dz-rim) calc(var(--dz-pr) + .6px),var(--dz-lip) calc(var(--dz-pr) + 1.1px),transparent calc(var(--dz-pr) + 1.7px)),radial-gradient(circle at 28% 76%,var(--dz-pip) 0 var(--dz-pr),var(--dz-rim) calc(var(--dz-pr) + .6px),var(--dz-lip) calc(var(--dz-pr) + 1.1px),transparent calc(var(--dz-pr) + 1.7px)),radial-gradient(circle at 72% 24%,var(--dz-pip) 0 var(--dz-pr),var(--dz-rim) calc(var(--dz-pr) + .6px),var(--dz-lip) calc(var(--dz-pr) + 1.1px),transparent calc(var(--dz-pr) + 1.7px)),radial-gradient(circle at 72% 50%,var(--dz-pip) 0 var(--dz-pr),var(--dz-rim) calc(var(--dz-pr) + .6px),var(--dz-lip) calc(var(--dz-pr) + 1.1px),transparent calc(var(--dz-pr) + 1.7px)),radial-gradient(circle at 72% 76%,var(--dz-pip) 0 var(--dz-pr),var(--dz-rim) calc(var(--dz-pr) + .6px),var(--dz-lip) calc(var(--dz-pr) + 1.1px),transparent calc(var(--dz-pr) + 1.7px)),var(--dz-face)}
#tc-sk-dz .sp{width:10px;height:10px;opacity:0;background:color-mix(in srgb,var(--tc-sk-acc),var(--ui-p-ffffff,#fff) 65%);
  clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);animation:dz-tw 2.8s infinite}
#tc-sk-dz .sp1{left:calc(var(--dz-s) * -1.75);top:calc(var(--dz-s) * -.95)}
#tc-sk-dz .sp2{left:calc(var(--dz-s) * 1.3);top:calc(var(--dz-s) * -1.05);width:8px;height:8px;animation-delay:1.4s}
#tc-sk-dz .sp3{left:-3px;top:calc(var(--dz-s) * -1.25);width:6px;height:6px;animation-delay:.2s}
@keyframes dz-ra{0%,12%{transform:rotateX(-26deg) rotateY(-36deg) rotateX(0deg) rotateY(0deg) rotateZ(0deg);animation-timing-function:cubic-bezier(.22,.62,.36,1)}42%,62%{transform:rotateX(-26deg) rotateY(-36deg) rotateX(180deg) rotateY(90deg) rotateZ(0deg);animation-timing-function:cubic-bezier(.22,.62,.36,1)}92%,100%{transform:rotateX(-26deg) rotateY(-36deg) rotateX(360deg) rotateY(360deg) rotateZ(0deg)}}
@keyframes dz-rb{0%,12%{transform:rotateX(-26deg) rotateY(-36deg) rotateX(90deg) rotateY(0deg) rotateZ(0deg);animation-timing-function:cubic-bezier(.22,.62,.36,1)}42%,62%{transform:rotateX(-26deg) rotateY(-36deg) rotateX(270deg) rotateY(-90deg) rotateZ(90deg);animation-timing-function:cubic-bezier(.22,.62,.36,1)}92%,100%{transform:rotateX(-26deg) rotateY(-36deg) rotateX(450deg) rotateY(-360deg) rotateZ(360deg)}}
@keyframes dz-hop{0%,12%,56%,62%{transform:none;animation-timing-function:cubic-bezier(.22,.62,.36,1)}
  27%,77%{transform:translateY(calc(var(--dz-s) * -.9));animation-timing-function:cubic-bezier(.55,0,.85,.4)}
  42%,92%{transform:none;animation-timing-function:ease-out}46%,96%{transform:translateY(1px) scale(1.12,.86)}51%,99%{transform:scale(.97,1.03)}100%{transform:none}}
@keyframes dz-sh{0%,12%,42%,62%,92%,100%{transform:none;opacity:1}27%,77%{transform:scale(.55);opacity:.4}}
@keyframes dz-glow{0%,30%,62%,80%,100%{opacity:.62;transform:none}45%,95%{opacity:1;transform:scale(1.08)}}
@keyframes dz-tw{0%,38%{opacity:0;transform:scale(.2) rotate(0)}46%{opacity:1;transform:scale(1) rotate(45deg)}60%,100%{opacity:0;transform:scale(.2) rotate(90deg)}}
@media (max-width:900px){html.tc-layout-pending #tc-sk-dz.on{--dz-s:32px}}
@media (prefers-reduced-motion:reduce){#tc-sk-dz *{animation:none!important}#tc-sk-dz .sp{display:none}}