/* Faint decorative corner circles */
#wtg-app.wtg-app{
    position:relative;
    overflow:hidden;
}

#wtg-app.wtg-app::before{
    content:"";
    position:absolute;
    z-index:0;
    width:260px;
    height:260px;
    left:-110px;
    top:-120px;
    border-radius:50%;
    background:rgba(22,139,75,.08);
    pointer-events:none;
}


.wtg-app{max-width:760px;width:100%;margin:20px auto;padding:16px;background:linear-gradient(180deg,#f7fbf8 0,#eef5ef 100%);border:1px solid #c8d8cb;border-radius:18px;box-shadow:0 10px 35px rgba(0,0,0,.08);font-family:inherit;color:#1f2b22;box-sizing:border-box;overflow:hidden}
.wtg-app *{box-sizing:border-box}.wtg-topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.wtg-brand-wrap{display:flex;align-items:center;gap:10px}.wtg-logo{display:flex;gap:2px}.wtg-logo span{width:31px;height:31px;border-radius:7px;background:#f3a500;color:#fff;display:grid;place-items:center;font-weight:900;font-size:18px;box-shadow:inset 0 -2px 0 rgba(0,0,0,.12)}.wtg-brand{font-size:22px;line-height:1;font-weight:900;letter-spacing:.7px}.wtg-tagline{font-size:11px;opacity:.58;margin-top:4px}.wtg-icon-btn{width:42px;height:42px;border:0;border-radius:12px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.08);font-size:23px;cursor:pointer;color:#27452f}.wtg-scorebar{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:10px}.wtg-scorebar>div{background:#fff;border:1px solid #d9e3da;border-radius:12px;padding:8px;text-align:center}.wtg-scorebar span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.6px;opacity:.55}.wtg-scorebar strong{display:block;font-size:20px;line-height:1.1;margin-top:2px}.wtg-turn strong{font-size:16px}.wtg-turn small{font-size:10px;opacity:.6}.wtg-help{text-align:center;font-size:12px;opacity:.62;margin:6px 0 10px}
/* The board is one centered square grid. Coordinates are inside the same width so the board cannot overflow the phone viewport. */
.wtg-board-shell{width:100%;max-width:620px;margin:0 auto;display:grid;grid-template-columns:max-content minmax(0,1fr);grid-template-rows:18px auto;gap:2px;overflow:visible}.wtg-coordinate-spacer{grid-column:1;grid-row:1}.wtg-cols{grid-column:2;grid-row:1;display:grid;grid-template-columns:repeat(15,minmax(0,1fr));width:100%;height:18px}.wtg-cols span{text-align:center;font-size:9px;opacity:.5;font-weight:800;line-height:18px;white-space:nowrap}.wtg-rows{grid-column:1;grid-row:2;display:grid;grid-template-rows:repeat(15,minmax(0,1fr));width:max-content;height:100%;align-self:stretch}.wtg-rows span{display:flex;align-items:center;justify-content:center;font-size:9px;line-height:1;opacity:.5;font-weight:800;white-space:nowrap}.wtg-board{grid-column:2;grid-row:2;width:100%;aspect-ratio:1/1;display:grid;grid-template-columns:repeat(15,minmax(0,1fr));grid-template-rows:repeat(15,minmax(0,1fr));gap:2px;background:#6b8c68;padding:3px;border-radius:9px;touch-action:pan-y;user-select:none}.wtg-cell{min-width:0;min-height:0;border-radius:0px !important;background:#dce9d8;display:grid;place-items:center;position:relative;cursor:pointer}.wtg-cell.dl{background:#b9dff0}.wtg-cell.tl{background:#63b7d4}.wtg-cell.dw{background:#f1b0b8}.wtg-cell.tw{background:#df6d79}.wtg-cell.center{background:#e4ad65}.wtg-cell span.premium{font-size:7px;font-weight:900;color:#28402c;opacity:.72}.wtg-cell.tw span.premium,.wtg-cell.tl span.premium{color:#fff;opacity:.92}.wtg-cell.pending{outline:2px solid #f3a500;outline-offset:-2px}.wtg-cell.drop-target{box-shadow:inset 0 0 0 3px rgba(243,165,0,.9),0 0 0 1px rgba(255,255,255,.5)}
.wtg-tile{width:86%;height:86%;border-radius:5px;background:linear-gradient(145deg,#fff4c9,#e7c77b);border:1px solid #c29d51;box-shadow:0 2px 2px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.75);display:grid;place-items:center;position:relative;color:#463718;font-weight:900;font-size:clamp(12px,2.6vw,23px);line-height:1;cursor:grab;transform:translateZ(0);touch-action:none;user-select:none;-webkit-user-select:none}.wtg-tile:active{cursor:grabbing}.wtg-tile em{position:absolute;right:3px;bottom:2px;font-size:clamp(5px,1vw,8px);font-style:normal;font-weight:800}.wtg-tile.blank{background:linear-gradient(145deg,#f4f4f4,#d7d7d7);color:#333}.wtg-tile.selected{outline:3px solid #f3a500;outline-offset:1px;transform:scale(1.06)}.wtg-pending-draggable{cursor:grab}.wtg-pending-draggable:active{cursor:grabbing}.wtg-drag-ghost{position:fixed;z-index:1000000;pointer-events:none;width:54px!important;height:54px!important;transform:translate(-50%,-50%) rotate(3deg) scale(1.08);opacity:.96;box-shadow:0 10px 24px rgba(0,0,0,.3);cursor:grabbing}.wtg-current{display:flex;justify-content:center;gap:25px;text-align:center;margin:10px 0 5px}.wtg-current div{min-width:105px}.wtg-current span{display:block;font-size:9px;letter-spacing:.6px;opacity:.5;font-weight:800}.wtg-current strong{display:block;font-size:18px;margin-top:2px}.wtg-message{min-height:25px;text-align:center;font-size:12px;font-weight:800;padding:5px 8px}.wtg-message.good{color:#168345}.wtg-message.bad{color:#bd3030}.wtg-rack-area{margin:6px auto 10px;padding:10px 10px 12px;background:#c89450;border-radius:13px;box-shadow:inset 0 2px rgba(255,255,255,.25),0 3px 10px rgba(0,0,0,.12)}.wtg-rack-label{text-align:center;color:#fff;font-size:9px;font-weight:900;letter-spacing:1px;margin-bottom:7px;opacity:.85}.wtg-rack{display:flex;justify-content:center;gap:6px;min-height:58px}.wtg-rack .wtg-tile{width:52px;height:52px;flex:0 0 52px;font-size:20px}
.wtg-lifeline{display:inline-flex;align-items:center;gap:4px;color:#8b3d46}.wtg-lifeline-icon,.wtg-lifeline-mini-icon{display:inline-grid;place-items:center;font-size:13px;line-height:1}.wtg-lifeline:hover{color:#b52f39}.wtg-lifeline-count{font-size:10px;min-width:15px;height:15px;padding:0 4px;border-radius:99px;background:#f7e8ea;color:#9b3440;display:inline-grid;place-items:center}.wtg-lifeline[disabled]{opacity:.42;cursor:not-allowed}.wtg-lifeline-panel{position:relative;margin:10px 0 0;padding:11px 34px 11px 12px;background:linear-gradient(135deg,#fff8f8,#fff);border:1px solid #e7c8cc;border-radius:12px;box-shadow:0 5px 16px rgba(100,30,40,.08);text-align:left}.wtg-lifeline-panel[hidden]{display:none}.wtg-lifeline-head{display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:900;letter-spacing:.7px;color:#9b3440}.wtg-lifeline-close{position:absolute;right:7px;top:5px;border:0;background:transparent;color:#7b5257;font-size:20px;line-height:1;cursor:pointer}.wtg-lifeline-word{margin-top:3px;font-size:20px;font-weight:950;letter-spacing:1px;color:#26362b}.wtg-lifeline-place{margin-top:2px;font-size:11px;font-weight:800;color:#9b3440}.wtg-lifeline-panel small{display:block;margin-top:5px;font-size:9px;color:#66736b}.wtg-lifeline-actions{display:flex;gap:7px;margin-top:9px}.wtg-lifeline-use,.wtg-lifeline-dismiss{border:0;border-radius:8px;padding:7px 12px;font:inherit;font-size:10px;font-weight:900;cursor:pointer}.wtg-lifeline-use{background:#9b3440;color:#fff}.wtg-lifeline-dismiss{background:#f1e5e7;color:#7b5257}.wtg-lifeline-use:hover{background:#b52f39}.wtg-lifeline-dismiss:hover{background:#e7d5d8}.wtg-tile.exchange-selected{outline:3px solid #f3a500;outline-offset:1px;transform:scale(1.06)}.wtg-exchange-mode .wtg-tile{cursor:pointer}.wtg-tile.lifeline-suggested{outline:3px solid #f3a500!important;outline-offset:1px;transform:scale(1.06)}.wtg-cell.lifeline-target{position:relative;z-index:3;animation:wtgLifelinePulse 1s ease-in-out infinite;box-shadow:inset 0 0 0 3px rgba(181,47,57,.55),0 0 12px rgba(181,47,57,.28)}.wtg-cell.lifeline-target::after{content:'♥';position:absolute;right:2px;top:1px;font-size:9px;color:#b52f39;pointer-events:none}@keyframes wtgLifelinePulse{50%{transform:scale(.96);filter:brightness(1.08)}}.wtg-lifeline.busy{pointer-events:none}.wtg-lifeline.busy .wtg-lifeline-icon{animation:wtgLifelineSpin .7s linear infinite}@keyframes wtgLifelineSpin{to{transform:rotate(360deg)}}.wtg-actions{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:8px}.wtg-action{border:0;border-radius:10px;padding:12px 8px;font:inherit;font-size:12px;font-weight:900;cursor:pointer}.wtg-secondary{background:#fff;color:#27452f;border:1px solid #ccd9ce}.wtg-primary{background:#168b4b;color:#fff;box-shadow:0 4px 10px rgba(22,139,75,.2)}.wtg-primary:disabled,.wtg-action:disabled{opacity:.45;cursor:not-allowed}.wtg-secondary-actions{display:flex;justify-content:center;gap:20px;margin-top:8px}.wtg-link-btn{border:0;background:transparent;color:#4b6250;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.wtg-modal{display:none;position:fixed;inset:0;z-index:999999;background:rgba(15,25,18,.55);align-items:center;justify-content:center;padding:18px}.wtg-modal.open{display:flex}.wtg-modal-card{position:relative;max-width:480px;width:100%;background:#fff;border-radius:16px;padding:22px;box-shadow:0 20px 60px rgba(0,0,0,.25)}.wtg-modal-card h3{margin:0 0 10px;font-size:21px}.wtg-modal-card p{font-size:13px;line-height:1.55}.wtg-modal-close{position:absolute !important;right:10px !important;top:8px !important;width:34px !important;height:34px !important;display:flex !important;align-items:center !important;justify-content:center !important;padding:0 !important;margin:0 !important;border:0 !important;border-radius:50% !important;background:transparent !important;color:#1b6997 !important;font-size:28px !important;line-height:1 !important;font-weight:700 !important;cursor:pointer !important;box-shadow:none !important;text-decoration:none !important;z-index:10 !important;opacity:1 !important;visibility:visible !important}.wtg-modal-close:hover,.wtg-modal-close:focus,.wtg-modal-close:active{background:#f1f4f1 !important;color:#d95a00 !important;border:0 !important;box-shadow:none !important;outline:none !important;}.wtg-rule-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.wtg-rule-grid span{padding:7px;border-radius:7px;background:#f1f4f1;font-size:11px}.wtg-rule-grid b{display:inline-block;min-width:23px}.wtg-loading{margin:8px 0 10px;padding:8px 12px;background:#fff;border:1px solid #d9e3da;border-radius:10px;box-shadow:0 3px 10px rgba(0,0,0,.04)}.wtg-loading[hidden]{display:none!important}.wtg-loading-label{display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:900;color:#526057;margin-bottom:5px}.wtg-loading-percent{font-variant-numeric:tabular-nums;color:#168b4b}.wtg-loading-track{height:5px;border-radius:99px;background:#edf2ee;overflow:hidden}.wtg-loading-fill{height:100%;width:1%;border-radius:99px;background:#168b4b;transition:width .18s ease}.wtg-app.preparing .wtg-game-ui{pointer-events:none}.wtg-app.preparing .wtg-action,.wtg-app.preparing .wtg-link-btn,.wtg-app.preparing .wtg-icon-btn,.wtg-app.preparing .wtg-dots{pointer-events:none}.wtg-start-panel{display:none;text-align:center;padding:42px 18px 50px;background:#fff;border:1px solid #d9e3da;border-radius:16px;box-shadow:0 5px 18px rgba(0,0,0,.06);margin-top:6px}.wtg-app.not-started .wtg-start-panel{display:block}.wtg-app.not-started .wtg-game-ui{display:none}.wtg-start-icon{width:58px;height:58px;margin:0 auto 12px;border-radius:18px;background:#168b4b;color:#fff;display:grid;place-items:center;font-size:25px;box-shadow:0 8px 18px rgba(22,139,75,.2)}.wtg-start-title{margin:0;font-size:24px}.wtg-start-text{max-width:410px;margin:8px auto 20px;font-size:13px;line-height:1.5;opacity:.65}.wtg-resume-actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-bottom:9px}.wtg-start-btn{border:0;border-radius:11px;background:#168b4b;color:#fff;padding:12px 18px;font:inherit;font-size:12px;font-weight:900;cursor:pointer;box-shadow:0 4px 12px rgba(22,139,75,.18)}.wtg-start-over{background:#fff;color:#27452f;border:1px solid #ccd9ce;box-shadow:none}.wtg-bag-btn{border:1px solid #d6dfd7;background:#fff;border-radius:9px;width:32px;height:28px;padding:0;display:inline-grid;place-items:center;font-size:17px;cursor:pointer;box-shadow:0 2px 7px rgba(0,0,0,.06)}.wtg-bag-btn:hover{background:#f1f5f1}.wtg-bag-modal{display:none;position:fixed;inset:0;z-index:1000002;background:rgba(15,25,18,.58);align-items:center;justify-content:center;padding:18px}.wtg-bag-modal.open{display:flex}.wtg-bag-card{position:relative;max-width:560px;width:100%;background:#fff;border-radius:17px;padding:22px;box-shadow:0 20px 60px rgba(0,0,0,.28)}.wtg-bag-card h3{margin:0 0 5px;font-size:21px}.wtg-bag-card p{margin:0 0 15px;font-size:12px;opacity:.68}.wtg-bag-close{position:absolute;right:10px;top:7px;border:0;background:none;font-size:28px;cursor:pointer;color:#35463a}.wtg-bag-tiles{display:flex;flex-wrap:wrap;align-items:center;gap:5px 9px;line-height:1.2;max-height:58vh;overflow:auto;padding:10px;border:1px solid #d9e3da;border-radius:12px;background:#f7faf7}.wtg-bag-letter{display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:18px;min-width:18px}.wtg-bag-space{width:5px}.wtg-bag-group{display:inline-flex;gap:3px;align-items:center}.wtg-bag-empty{font-size:13px;opacity:.6}.wtg-exchange-confirm{font-weight:900!important;color:#168b4b!important}.wtg-exchange-mode .wtg-exchange{color:#168b4b}.wtg-bag-pill{display:inline-flex;align-items:center;gap:4px}.wtg-settings-modal{display:none;position:fixed;inset:0;z-index:1000001;background:rgba(15,25,18,.58);align-items:center;justify-content:center;padding:18px}.wtg-settings-modal.open{display:flex}.wtg-settings-card{position:relative;max-width:420px;width:100%;background:#fff;border-radius:17px;padding:23px;box-shadow:0 20px 60px rgba(0,0,0,.28)}.wtg-settings-card h3{margin:0 0 7px;font-size:21px}.wtg-settings-card p{font-size:12px;line-height:1.5;opacity:.65;margin:0 0 18px}.wtg-settings-close{position:absolute;right:10px;top:7px;border:0;background:none;font-size:28px;cursor:pointer;color:#35463a}.wtg-setting-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.7px;font-weight:900;opacity:.65;margin:12px 0 6px}.wtg-setting-select{width:100%;height:44px;border:1px solid #ccd9ce;border-radius:10px;background:#f8faf8;padding:0 12px;font:inherit;font-size:13px;color:#1f2b22}.wtg-settings-card .wtg-confirm-start{width:100%;margin-top:19px}.wtg-app.busy{pointer-events:none;opacity:.72}.wtg-rack .wtg-tile.new-tile{animation:wtgTileIn .28s ease-out}@keyframes wtgTileIn{0%{transform:scale(.65);opacity:0}70%{transform:scale(1.08)}100%{transform:scale(1);opacity:1}}
@media(max-width:520px){.wtg-app{margin:0;width:100%;max-width:none;padding:5px;border-radius:0}.wtg-brand{font-size:19px}.wtg-logo span{width:27px;height:27px;font-size:16px}.wtg-scorebar{padding:0 8px}.wtg-scorebar strong{font-size:18px}.wtg-rack-area{margin-left:8px;margin-right:8px}.wtg-rack{gap:4px}.wtg-rack .wtg-tile{width:42px !important;height:42px !important;max-width:42px !important;max-height:52px !important;flex:0 0 42px !important}.wtg-board-shell{width:100%;max-width:none;grid-template-columns:max-content minmax(0,1fr);grid-template-rows:17px auto;gap:0}.wtg-cols{height:17px}.wtg-cols span{font-size:8px;line-height:17px}.wtg-rows{width:max-content}.wtg-rows span{font-size:8px;min-width:8px}.wtg-board{gap:1px;padding:3px;border-radius:5px;touch-action:pan-x pan-y pinch-zoom !important;-webkit-overflow-scrolling:touch}.wtg-cell span.premium{font-size:10px !important;line-height:1}}

/* v2.6 head-to-head match UI */
.wtg-matchbar{display:grid;grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);gap:8px;align-items:stretch;margin:0 0 8px}
.wtg-contestant{display:flex;align-items:center;gap:9px;min-width:0;background:#fff;border:2px solid #d9e3da;border-radius:14px;padding:8px 10px;transition:border-color .2s,box-shadow .2s,transform .2s}
.wtg-contestant.active{border-color:#168b4b;box-shadow:0 0 0 3px rgba(22,139,75,.12),0 5px 15px rgba(22,139,75,.10);transform:translateY(-1px)}
.wtg-computer-card.active{border-color:#7c58d4;box-shadow:0 0 0 3px rgba(124,88,212,.13),0 5px 15px rgba(124,88,212,.10)}
.wtg-avatar{width:38px;height:38px;flex:0 0 38px;border-radius:11px;display:grid;place-items:center;background:#eef7f0;font-size:22px;box-shadow:inset 0 -2px 0 rgba(0,0,0,.06)}
.wtg-computer-card .wtg-avatar{background:#f1ecff}.wtg-contestant-info{min-width:0;display:flex;flex-direction:column;align-items:flex-start;line-height:1}.wtg-contestant-info strong{font-size:11px;letter-spacing:.5px;white-space:nowrap}.wtg-contestant-info small{font-size:7px;opacity:.45;letter-spacing:.7px;margin-top:2px}.wtg-time{font-size:25px;font-weight:950;line-height:.95;margin-top:3px;font-variant-numeric:tabular-nums}.wtg-player-card .wtg-time{color:#168b4b}.wtg-computer-card .wtg-time{color:#7c58d4}.wtg-contestant-info b{font-size:14px;margin-top:5px;line-height:1;font-variant-numeric:tabular-nums}.wtg-contestant-info em{font-size:6px;font-style:normal;opacity:.42;letter-spacing:.8px;margin-top:2px}.wtg-vs{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#6b786d}.wtg-vs b{font-size:10px;background:#25372a;color:#fff;border-radius:50%;width:31px;height:31px;display:grid;place-items:center}.wtg-vs small{font-size:7px;font-weight:900;margin-top:4px;white-space:nowrap}.wtg-turn-banner{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 8px;padding:6px 9px;border-radius:9px;background:#f0f5f1;color:#526057;font-size:10px;font-weight:900}.wtg-bag-pill{font-weight:700;opacity:.7}.wtg-bag-pill b{color:#1f2b22}.wtg-menu-wrap{position:relative;display:flex;justify-content:center;margin:0}.wtg-dots{width:38px;height:30px;border:1px solid #d6dfd7;background:#fff;border-radius:10px;font-size:22px;line-height:20px;font-weight:900;color:#35463a;cursor:pointer;box-shadow:0 2px 7px rgba(0,0,0,.07)}.wtg-options{position:fixed;right:16px;top:72px;width:205px;padding:6px;background:#fff;border:1px solid #d4ded6;border-radius:12px;box-shadow:0 14px 35px rgba(0,0,0,.18);z-index:1000}.wtg-option{display:block;width:100%;border:0;background:transparent;text-align:left;padding:10px 11px;border-radius:8px;font:inherit;font-size:11px;font-weight:800;color:#29372d;cursor:pointer}.wtg-option:hover{background:#f1f5f1}.wtg-option.wtg-quit{color:#b52f39}.wtg-computer-turn .wtg-turn-banner{background:#f1edff;color:#5e45a5}.wtg-computer-turn .wtg-status{color:#6548ad}
@media(max-width:520px){.wtg-matchbar{grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr);gap:4px;padding:7px 6px 0}.wtg-contestant{padding:7px 6px;gap:6px;border-radius:11px}.wtg-avatar{width:31px;height:31px;flex-basis:31px;font-size:18px;border-radius:9px}.wtg-contestant-info strong{font-size:9px}.wtg-time{font-size:22px}.wtg-contestant-info b{font-size:13px}.wtg-vs b{width:27px;height:27px;font-size:8px}.wtg-vs small{font-size:6px}.wtg-turn-banner{margin-left:6px;margin-right:6px}.wtg-options{right:8px;top:58px}.wtg-menu-wrap{margin-bottom:4px}}
	
	
	h3.wtg-start-title {
  
    text-align: center !important;
}
	
	.wtg-topbar {

    padding: 20px;
}
	
	
	.wtg-icon-btn,
 .wtg-dots {
    width: 38px !important;
    display: flex !important;
    height: 38px !important;
    border: 1px solid #d6dfd7 !important;
    box-shadow: 0 2px 7px rgba(0,0,0,.07) !important;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
	
	
	.wtg-dots:hover,
		.wtg-icon-btn:hover {
			color: #35463a !important;
    background: #fff !important;
}


.wtg-tile.last-played{
    filter:brightness(1.22);
    
}
	.wtg-start-panel{
    
    visibility:hidden;
    
}
	
	.wtg-start-panel.ready{
    visibility:visible;
}
	
	.wtg-resume-actions[hidden]{
    display:none !important;
}


/* v2.11: hard-scoped Word Tiles controls to override theme/global button rules */
#wtg-app.wtg-app .wtg-action,
#wtg-app.wtg-app .wtg-action:hover,
#wtg-app.wtg-app .wtg-action:focus,
#wtg-app.wtg-app .wtg-action:active,
#wtg-app.wtg-app .wtg-link-btn,
#wtg-app.wtg-app .wtg-link-btn:hover,
#wtg-app.wtg-app .wtg-link-btn:focus,
#wtg-app.wtg-app .wtg-link-btn:active,
#wtg-app.wtg-app .wtg-lifeline-use,
#wtg-app.wtg-app .wtg-lifeline-use:hover,
#wtg-app.wtg-app .wtg-lifeline-use:focus,
#wtg-app.wtg-app .wtg-lifeline-use:active,
#wtg-app.wtg-app .wtg-lifeline-dismiss,
#wtg-app.wtg-app .wtg-lifeline-dismiss:hover,
#wtg-app.wtg-app .wtg-lifeline-dismiss:focus,
#wtg-app.wtg-app .wtg-lifeline-dismiss:active,
#wtg-app.wtg-app .wtg-lifeline-close,
#wtg-app.wtg-app .wtg-lifeline-close:hover,
#wtg-app.wtg-app .wtg-lifeline-close:focus,
#wtg-app.wtg-app .wtg-lifeline-close:active{
 -webkit-appearance:none !important;
 appearance:none !important;
 text-decoration:none !important;
 outline-offset:0 !important;
 box-shadow:none !important;
 text-transform:none !important;
}
#wtg-app.wtg-app .wtg-action{
 border:0 !important;
 border-radius:10px !important;
 padding:12px 8px !important;
 font:inherit !important;
 font-size:12px !important;
 font-weight:900 !important;
 cursor:pointer !important;
}
#wtg-app.wtg-app .wtg-secondary{
 background:#fff !important;
 color:#27452f !important;
 border:1px solid #ccd9ce !important;
}
#wtg-app.wtg-app .wtg-secondary:hover,
#wtg-app.wtg-app .wtg-secondary:focus,
#wtg-app.wtg-app .wtg-secondary:active{
 background:#fff !important;
 color:#27452f !important;
 border-color:#ccd9ce !important;
}
#wtg-app.wtg-app .wtg-primary,
#wtg-app.wtg-app .wtg-primary:hover,
#wtg-app.wtg-app .wtg-primary:focus,
#wtg-app.wtg-app .wtg-primary:active{
 background:#168b4b !important;
 color:#fff !important;
 border:0 !important;
}
#wtg-app.wtg-app .wtg-link-btn{
 background:transparent !important;
 color:#4b6250 !important;
 border:0 !important;
 padding:0 !important;
 font:inherit !important;
 font-size:11px !important;
 font-weight:800 !important;
}
#wtg-app.wtg-app .wtg-link-btn:hover,
#wtg-app.wtg-app .wtg-link-btn:focus,
#wtg-app.wtg-app .wtg-link-btn:active{
 background:transparent !important;
 color:#4b6250 !important;
 border:0 !important;
}
#wtg-app.wtg-app .wtg-lifeline-use{
 background:#9b3440 !important;
 color:#fff !important;
 border:0 !important;
}
#wtg-app.wtg-app .wtg-lifeline-use:hover,
#wtg-app.wtg-app .wtg-lifeline-use:focus,
#wtg-app.wtg-app .wtg-lifeline-use:active{
 background:#b52f39 !important;
 color:#fff !important;
}
#wtg-app.wtg-app .wtg-lifeline-dismiss{
 background:#f1e5e7 !important;
 color:#7b5257 !important;
 border:0 !important;
}
#wtg-app.wtg-app .wtg-lifeline-dismiss:hover,
#wtg-app.wtg-app .wtg-lifeline-dismiss:focus,
#wtg-app.wtg-app .wtg-lifeline-dismiss:active{
 background:#e7d5d8 !important;
 color:#7b5257 !important;
}
#wtg-app.wtg-app .wtg-lifeline-close,
#wtg-app.wtg-app .wtg-lifeline-close:hover,
#wtg-app.wtg-app .wtg-lifeline-close:focus,
#wtg-app.wtg-app .wtg-lifeline-close:active{
 background:transparent !important;
 color:#7b5257 !important;
 border:0 !important;
 padding:0 !important;
}
#wtg-app.wtg-app .wtg-tile.exchange-selected{
 outline:3px solid #f3a500 !important;
 outline-offset:1px !important;
}
#wtg-app.wtg-app .wtg-tile.exchange-selected:hover{
 outline:3px solid #f3a500 !important;
 outline-offset:1px !important;
}

/* v3.0: physical game-board + usable game controls */
#wtg-app.wtg-app .wtg-board-shell{
  position:relative;
  padding:0 0 18px 0;
  filter:drop-shadow(0 14px 12px rgba(45,57,43,.22));
}
#wtg-app.wtg-app .wtg-board-shell::after{
  content:"";
  position:absolute;
  z-index:-1;
  left:12px; right:2px; bottom:3px;
  height:18px;
  border-radius:0 0 12px 12px;
  background:linear-gradient(180deg,#557052,#344a34);
  transform:skewX(-2deg);
  box-shadow:0 5px 0 #293b29,0 9px 12px rgba(0,0,0,.18);
}
#wtg-app.wtg-app .wtg-board{
  position:relative;
  background:linear-gradient(145deg,#89aa80 0%,#587451 48%,#3e573c 100%);
  padding:7px;
  gap:2px;
  border:2px solid #344a34;
  border-radius:12px;
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.38),
    inset 0 -4px 0 rgba(0,0,0,.18),
    0 3px 0 #293b29,
    0 7px 10px rgba(0,0,0,.22);
  transform:perspective(900px) rotateX(1deg);
}
#wtg-app.wtg-app .wtg-cell{
  border:1px solid rgba(57,76,54,.32);
  border-radius:4px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -2px 0 rgba(0,0,0,.10),0 1px 0 rgba(255,255,255,.22);
  transform:translateZ(0);
}
#wtg-app.wtg-app .wtg-cell:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.65),inset 0 -2px 0 rgba(0,0,0,.10),0 3px 5px rgba(0,0,0,.18)}
#wtg-app.wtg-app .wtg-cell.pending{box-shadow:inset 0 0 0 3px rgba(243,165,0,.95),inset 0 1px 0 rgba(255,255,255,.6),0 3px 5px rgba(0,0,0,.18)}
#wtg-app.wtg-app .wtg-secondary-actions{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
  margin:12px 0 2px;
  padding:8px;
  background:linear-gradient(180deg,#e7eee8,#d5e1d7);
  border:1px solid #c2d0c4;
  border-radius:15px;
  box-shadow:inset 0 1px 0 #fff,0 4px 10px rgba(31,55,37,.10);
}
#wtg-app.wtg-app .wtg-secondary-actions .wtg-link-btn{
  min-height:50px;
  padding:7px 5px;
  border:1px solid #b7c6b9;
  border-radius:11px;
  background:linear-gradient(180deg,#ffffff 0%,#edf3ee 100%);
  color:#29452f;
  box-shadow:0 3px 0 #b5c2b7,0 5px 9px rgba(35,57,39,.13),inset 0 1px 0 #fff;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  font-size:10px;
  line-height:1.05;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.35px;
  text-decoration:none;
  cursor:pointer;
  transition:transform .08s ease,box-shadow .08s ease,filter .15s ease;
}
#wtg-app.wtg-app .wtg-secondary-actions .wtg-link-btn::before{font-size:17px;line-height:16px}

#wtg-app.wtg-app .wtg-secondary-actions .wtg-exchange::before{content:'⇄';color:#168b4b}
#wtg-app.wtg-app .wtg-secondary-actions .wtg-pass::before{content:'→';color:#d08300}
#wtg-app.wtg-app .wtg-secondary-actions .wtg-rules::before{content:'?';color:#4166a3}
#wtg-app.wtg-app .wtg-secondary-actions .wtg-link-btn:hover{filter:brightness(.98);transform:translateY(-1px);box-shadow:0 4px 0 #b5c2b7,0 7px 12px rgba(35,57,39,.16),inset 0 1px 0 #fff}
#wtg-app.wtg-app .wtg-secondary-actions .wtg-link-btn:active{transform:translateY(2px);box-shadow:0 1px 0 #b5c2b7,0 2px 4px rgba(35,57,39,.12),inset 0 1px 0 #fff}
#wtg-app.wtg-app .wtg-lifeline-count{font-size:9px;min-width:18px;height:16px;padding:0 5px;margin-left:2px;vertical-align:middle;box-shadow:inset 0 1px 2px rgba(0,0,0,.08)}
#wtg-app.wtg-app .wtg-secondary-actions .wtg-lifeline[disabled]{opacity:.45;filter:grayscale(.5);cursor:not-allowed;transform:none}
@media(max-width:520px){
 #wtg-app.wtg-app .wtg-board-shell{padding-bottom:15px}
 #wtg-app.wtg-app .wtg-board{padding:5px;border-radius:9px;box-shadow:inset 0 2px 0 rgba(255,255,255,.38),inset 0 -3px 0 rgba(0,0,0,.18),0 3px 0 #293b29,0 6px 9px rgba(0,0,0,.2)}
 #wtg-app.wtg-app .wtg-secondary-actions{gap:5px;padding:5px;margin-top:9px}
 #wtg-app.wtg-app .wtg-secondary-actions .wtg-link-btn{min-height:46px;font-size:8px;border-radius:9px}
 #wtg-app.wtg-app .wtg-secondary-actions .wtg-link-btn::before{font-size:15px}
}


/* v14 visual polish: turn / bag strip + remaining tile bag */
.wtg-app.wtg-app .wtg-turn-banner{
    position:relative;
    display:grid;
    grid-template-columns:1fr auto auto;
    align-items:center;
    gap:8px;
    margin:10px 8px 9px;
    min-height:44px;
    padding:7px 9px;
    border:1px solid #cbd9ce;
    border-radius:13px;
    background:linear-gradient(135deg,#ffffff 0%,#edf5ef 100%);
    color:#2b4132;
    box-shadow:0 4px 12px rgba(38,67,45,.08), inset 0 1px rgba(255,255,255,.9);
    overflow:hidden;
}
.wtg-app.wtg-app .wtg-turn-banner::before{
    content:"";
    position:absolute;
    left:0;top:0;bottom:0;
    width:4px;
    background:#168b4b;
}
.wtg-app.wtg-app .wtg-status{
    position:relative;
    display:flex;
    align-items:center;
    gap:7px;
    padding-left:5px;
    font-size:11px;
    font-weight:950;
    letter-spacing:.25px;
    color:#254431;
}
.wtg-app.wtg-app .wtg-status::before{
    content:"";
    width:8px;height:8px;
    flex:0 0 8px;
    border-radius:50%;
    background:#168b4b;
    box-shadow:0 0 0 3px rgba(22,139,75,.11);
}
.wtg-app.wtg-app .wtg-bag-pill{
    display:inline-flex;
    align-items:center;
    gap:6px;
    min-height:29px;
    padding:0 9px;
    border:1px solid #d5e0d7;
    border-radius:9px;
    background:#f8fbf8;
    color:#617066;
    font-size:9px;
    font-weight:900;
    letter-spacing:.25px;
    opacity:1;
}
.wtg-app.wtg-app .wtg-bag-pill b{
    display:grid;
    place-items:center;
    min-width:22px;
    height:21px;
    padding:0 5px;
    border-radius:7px;
    background:#168b4b;
    color:#fff;
    font-size:10px;
    line-height:1;
}
.wtg-app.wtg-app .wtg-bag-btn{
    width:34px;
    height:31px;
    border:1px solid #c9d8cc;
    border-radius:9px;
    background:linear-gradient(145deg,#fff,#f0f6f1);
    color:#294634;
    font-size:17px;
    box-shadow:0 2px 7px rgba(34,65,43,.08), inset 0 1px rgba(255,255,255,.9);
    transition:transform .15s ease,box-shadow .15s ease,background .15s ease;
}
.wtg-app.wtg-app .wtg-bag-btn:hover{background:#eaf4ec;box-shadow:0 4px 10px rgba(34,65,43,.12);transform:translateY(-1px)}
.wtg-app.wtg-app .wtg-bag-btn:active{transform:translateY(0) scale(.96)}
.wtg-app.wtg-app .wtg-computer-turn .wtg-turn-banner{
    background:linear-gradient(135deg,#fff 0%,#f2efff 100%);
    border-color:#d8cff1;
    color:#554487;
}
.wtg-app.wtg-app .wtg-computer-turn .wtg-turn-banner::before{background:#7c58d4}
.wtg-app.wtg-app .wtg-computer-turn .wtg-status{color:#5d4798}
.wtg-app.wtg-app .wtg-computer-turn .wtg-status::before{background:#7c58d4;box-shadow:0 0 0 3px rgba(124,88,212,.12)}
.wtg-app.wtg-app .wtg-rack-area{
    margin-top:0;
}

/* Remaining bag modal */
.wtg-app.wtg-app .wtg-bag-modal{
    background:rgba(20,31,23,.66);
    backdrop-filter:blur(4px);
    -webkit-backdrop-filter:blur(4px);
    padding:16px;
}
.wtg-app.wtg-app .wtg-bag-card{
    max-width:580px;
    padding:0;
    overflow:hidden;
    border:1px solid #cbd9ce;
    border-radius:20px;
    background:#f8fbf8;
    box-shadow:0 24px 70px rgba(0,0,0,.28),0 4px 14px rgba(25,55,34,.12);
}
.wtg-app.wtg-app .wtg-bag-card::before{
    content:"";
    display:block;
    height:5px;
    background:linear-gradient(90deg,#168b4b,#54aa72,#c89450);
}
.wtg-app.wtg-app .wtg-bag-card h3{
    margin:0;
    padding:18px 52px 3px 20px;
    color:#24372a;
    font-size:20px;
    font-weight:950;
    letter-spacing:.1px;
}
.wtg-app.wtg-app .wtg-bag-card p{
    margin:0;
    padding:0 20px 15px;
    color:#6b786d;
    font-size:11px;
    opacity:1;
}
.wtg-app.wtg-app .wtg-bag-card p b{
    display:inline-grid;
    place-items:center;
    min-width:24px;
    height:21px;
    padding:0 6px;
    margin-right:3px;
    border-radius:7px;
    background:#168b4b;
    color:#fff;
    font-size:10px;
}
.wtg-app.wtg-app .wtg-bag-close{
    position:absolute;
    right:12px;
    top:14px;
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    padding:0;
    border:1px solid #d6e0d8;
    border-radius:50%;
    background:#fff;
    color:#415248;
    font-size:24px;
    line-height:1;
    box-shadow:0 2px 7px rgba(0,0,0,.06);
}
.wtg-app.wtg-app .wtg-bag-close:hover{background:#edf5ef;color:#168b4b}
.wtg-app.wtg-app .wtg-bag-tiles{
    display:flex;
    flex-wrap:wrap;
    align-content:flex-start;
    gap:9px 8px;
    max-height:58vh;
    margin:0 15px 15px;
    padding:14px;
    border:1px solid #d5e0d7;
    border-radius:14px;
    background:linear-gradient(180deg,#eef5ef,#e7f0e9);
    box-shadow:inset 0 1px 3px rgba(37,64,44,.05);
    overflow:auto;
}
.wtg-app.wtg-app .wtg-bag-group{
    display:inline-flex;
    align-items:center;
    gap:3px;
    min-height:42px;
    padding:4px 6px;
    border:1px solid #d1ddd4;
    border-radius:10px;
    background:rgba(255,255,255,.74);
    box-shadow:0 2px 5px rgba(39,66,47,.05);
}
.wtg-app.wtg-app .wtg-bag-letter{
    width:30px;
    min-width:30px;
    height:30px;
    border:1px solid #c19d55;
    border-radius:6px;
    background:linear-gradient(145deg,#fff4c9,#e7c77b);
    color:#463718;
    font-size:15px;
    font-weight:950;
    box-shadow:0 2px 3px rgba(65,49,20,.13),inset 0 1px rgba(255,255,255,.8);
    text-shadow:0 1px rgba(255,255,255,.4);
}
.wtg-app.wtg-app .wtg-bag-group:last-of-type .wtg-bag-letter{}
.wtg-app.wtg-app .wtg-bag-space{display:none}
.wtg-app.wtg-app .wtg-bag-empty{
    width:100%;
    padding:26px 12px;
    text-align:center;
    color:#647269;
    font-size:12px;
    font-weight:800;
}
.wtg-app.wtg-app .wtg-bag-empty{
    width:100%;
    padding:26px 12px;
    text-align:center;
    color:#647269;
    font-size:12px;
    font-weight:800;
}

/* v15: board tiles fill their cells and visually join into real word runs */
#wtg-app.wtg-app .wtg-board{
    gap:1px;
}
#wtg-app.wtg-app .wtg-cell{
    padding:0 !important;
    overflow:visible;
}
#wtg-app.wtg-app .wtg-cell > .wtg-tile{
    width:100% !important;
    height:100% !important;
    min-width:0;
    min-height:0;
    max-width:none !important;
    max-height:none !important;
    box-sizing:border-box;
    border-radius:6px;
}

/* A lone tile keeps all four rounded corners. Adjacent tiles lose only the
   corners that touch another tile, producing the joined-tile shape shown
   in the reference board. */
#wtg-app.wtg-app .wtg-cell > .wtg-tile.join-left{
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    box-shadow:inset 1px 0 rgba(92,68,28,.13), inset 0 1px rgba(255,255,255,.72), inset 0 -1px rgba(92,68,28,.08);
}
#wtg-app.wtg-app .wtg-cell > .wtg-tile.join-right{
    border-top-right-radius:0;
    border-bottom-right-radius:0;
    box-shadow:inset -1px 0 rgba(92,68,28,.13), inset 0 1px rgba(255,255,255,.72), inset 0 -1px rgba(92,68,28,.08);
}
#wtg-app.wtg-app .wtg-cell > .wtg-tile.join-up{
    border-top-left-radius:0;
    border-top-right-radius:0;
    box-shadow:inset 0 1px rgba(92,68,28,.13), inset 1px 0 rgba(255,255,255,.45), inset -1px 0 rgba(92,68,28,.06);
}
#wtg-app.wtg-app .wtg-cell > .wtg-tile.join-down{
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;
    box-shadow:inset 0 -1px rgba(92,68,28,.13), inset 1px 0 rgba(255,255,255,.45), inset -1px 0 rgba(92,68,28,.06);
}
/* When a tile joins on multiple sides, keep the subtle divider on every
   shared edge without adding a heavy outer shadow. */
#wtg-app.wtg-app .wtg-cell > .wtg-tile.join-left.join-right,
#wtg-app.wtg-app .wtg-cell > .wtg-tile.join-up.join-down{
    box-shadow:inset 0 0 0 1px rgba(92,68,28,.10), inset 0 1px rgba(255,255,255,.52), inset 0 -1px rgba(92,68,28,.06);
}
#wtg-app.wtg-app .wtg-cell > .wtg-tile.join-left.join-up{
    border-top-left-radius:0;
}
#wtg-app.wtg-app .wtg-cell > .wtg-tile.join-left.join-down{
    border-bottom-left-radius:0;
}
#wtg-app.wtg-app .wtg-cell > .wtg-tile.join-right.join-up{
    border-top-right-radius:0;
}
#wtg-app.wtg-app .wtg-cell > .wtg-tile.join-right.join-down{
    border-bottom-right-radius:0;
}
@media(max-width:520px){
    .wtg-app.wtg-app .wtg-turn-banner{margin-left:8px;margin-right:8px;min-height:42px}
    .wtg-app.wtg-app .wtg-status{font-size:10px}
    .wtg-app.wtg-app .wtg-bag-pill{font-size:8px;padding:0 7px}
    .wtg-app.wtg-app .wtg-bag-btn{width:33px}
    .wtg-app.wtg-app .wtg-bag-card{border-radius:17px}
    .wtg-app.wtg-app .wtg-bag-card h3{font-size:18px;padding:16px 50px 3px 16px}
    .wtg-app.wtg-app .wtg-bag-card p{padding-left:16px;padding-right:16px}
    .wtg-app.wtg-app .wtg-bag-tiles{margin-left:10px;margin-right:10px;padding:10px;gap:7px 6px}
    .wtg-app.wtg-app .wtg-bag-group{min-height:37px;padding:3px 4px}
    .wtg-app.wtg-app .wtg-bag-letter{width:27px;min-width:27px;height:27px;font-size:13px}
}
	
	.wtg-cell .wtg-tile {
    border-radius: 0px !important;
}
	
	.wtg-tile.selected {
    outline: 1px solid #f3a500 !important;
    outline-offset: 0px !important;
}
	
	
	.wtg-loading {
    margin: 8px 0 10px;
    padding: 0px !important;
    background: transparent !important;
    border: none !important;
    border-radius: 10px;
    box-shadow: none !important;
}
	
	.wtg-app {
    border-radius: 20px !important;
    padding-bottom: 30px !important;
}
