/* TABOOO PLAY v1.2.0 — self-contained widget; intentionally no global/body/theme selectors */
.tabooo-pi-widget,.tabooo-pi-widget *{box-sizing:border-box}
.tabooo-pi-widget{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;line-height:1.5;color:#f7f4fa!important;background:linear-gradient(135deg,#211829,#130f1c);border:1px solid #6c3b51;border-radius:15px;max-width:100%;min-width:0;padding:16px;box-shadow:0 10px 32px #0003;overflow-wrap:anywhere}
.tabooo-pi-widget-heading{display:flex;align-items:center;gap:6px;margin:0 0 10px;min-width:0}
.tabooo-pi-logo{font-weight:900;font-size:29px;color:#fff;line-height:1}
.tabooo-pi-wordmark{color:#f18aa1;font-weight:900;font-size:20px;letter-spacing:-.03em}
.tabooo-pi-wordmark span{color:#fff}
.tabooo-pi-account-hint{color:#ef91a3;font-size:9px;letter-spacing:.1em;font-weight:800;margin-left:auto;text-align:right}
.tabooo-pi-intro{color:#d9cbd9!important;font-size:13px!important;margin:5px 0 12px!important;line-height:1.55!important}
.tabooo-pi-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:stretch}
.tabooo-pi-primary,.tabooo-pi-secondary{display:inline-flex!important;align-items:center;justify-content:center;min-height:37px;border-radius:10px;padding:9px 14px!important;text-decoration:none!important;font-size:12px!important;font-weight:750!important;text-align:center;line-height:1.25!important}
.tabooo-pi-primary{background:linear-gradient(130deg,#ed7588,#b83c55)!important;color:#fff!important;border:1px solid #e46a84!important}
.tabooo-pi-secondary{background:#201624!important;color:#f9c0cd!important;border:1px solid #76546d!important}
.tabooo-pi-primary:hover,.tabooo-pi-secondary:hover{filter:brightness(1.13)}
.tabooo-pi-guest{display:inline-flex;margin-top:12px!important;text-decoration:none!important;color:#f2a5b7!important;font-size:12px!important;font-weight:650}
.tabooo-pi-widget--compact{padding:11px 12px;border-radius:12px}
.tabooo-pi-widget--compact .tabooo-pi-logo{font-size:23px}
.tabooo-pi-widget--compact .tabooo-pi-wordmark{font-size:16px}
.tabooo-pi-widget--compact .tabooo-pi-account-hint{display:none}
.tabooo-pi-widget--compact .tabooo-pi-intro{font-size:11px!important;margin:0 0 8px!important}
.tabooo-pi-widget--compact .tabooo-pi-actions{flex-wrap:nowrap}
.tabooo-pi-widget--compact .tabooo-pi-primary,.tabooo-pi-widget--compact .tabooo-pi-secondary{padding:8px 11px!important;min-width:0;flex:1}
.tabooo-pi-widget--full{padding:clamp(16px,3vw,30px);max-width:600px}
.tabooo-pi-widget--full .tabooo-pi-logo{font-size:37px}
.tabooo-pi-widget--full .tabooo-pi-wordmark{font-size:24px}
.tabooo-pi-player{display:flex;gap:12px;align-items:center;margin-bottom:13px;min-width:0}
.tabooo-pi-avatar{border:1px solid #ac6682;background:#a34d69;width:48px;height:48px;flex:none;display:flex;align-items:center;justify-content:center;color:#fff;border-radius:14px;font-size:30px}
.tabooo-pi-player-details{display:flex;flex-direction:column;min-width:0;line-height:1.3;color:#fff}
.tabooo-pi-player-details small{font-size:9px;color:#ef9daf;letter-spacing:.08em;font-weight:800}
.tabooo-pi-player-details strong{font-size:17px;overflow-wrap:anywhere;color:#fff}
.tabooo-pi-logout{margin:10px 0 0!important}
.tabooo-pi-logout-btn{appearance:none;cursor:pointer;color:#f4b7c3!important;border:1px solid #76546d!important;background:transparent!important;padding:8px 12px!important;border-radius:9px!important;font-size:12px!important;line-height:1.3!important}
.tabooo-pi-tabs{display:flex;gap:8px;margin:10px 0 15px}
.tabooo-pi-tab{flex:1;cursor:pointer;border-radius:9px!important;padding:10px!important;background:#1e1728!important;color:#f8beca!important;border:1px solid #76546d!important;font-size:13px!important;font-weight:700!important}
.tabooo-pi-tab.is-active{background:#b34e67!important;color:#fff!important}
.tabooo-pi-inline-form h2{font-size:24px!important;color:#fff!important;font-weight:800;line-height:1.2!important;margin:0 0 8px!important}
.tabooo-pi-inline-form p{color:#d0c3d1!important;font-size:13px!important;line-height:1.5!important;margin:5px 0 17px!important}
.tabooo-pi-inline-form .tabooo-identity-label{display:block!important;color:#f4eaf4!important;font-size:12px!important;font-weight:700!important;margin:13px 0 6px!important}
.tabooo-pi-inline-form .tabooo-identity-input{width:100%!important;max-width:100%!important;box-sizing:border-box!important;background:#140f1d!important;border:1px solid #59465d!important;color:#fff!important;min-height:44px!important;padding:11px 12px!important;border-radius:9px!important;font:inherit!important;font-size:13px!important}
.tabooo-pi-inline-form .tabooo-identity-check{display:flex!important;gap:9px!important;align-items:flex-start!important;color:#ddcbdc!important;font-size:12px!important;margin:14px 0!important}
.tabooo-pi-inline-form .tabooo-identity-check input{margin-top:3px!important;accent-color:#db6b83}
.tabooo-pi-inline-form .tabooo-identity-submit{cursor:pointer!important;display:block!important;width:100%!important;padding:12px!important;border-radius:9px!important;background:#c85471!important;color:#fff!important;font-weight:800!important;font-size:13px!important;border:0!important;margin-top:15px!important;text-align:center!important}
.tabooo-pi-inline-form .tabooo-identity-links{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin:12px 0}
.tabooo-pi-inline-form .tabooo-identity-links a,.tabooo-pi-inline-form a{font-size:12px!important;color:#f5aabc!important;text-decoration:none!important}
.tabooo-pi-inline-form .tabooo-identity-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.tabooo-pi-inline-form .tabooo-identity-alert{padding:10px;border-radius:9px;font-size:12px;background:#563044;color:#fff}
.tabooo-pi-inline-form .tabooo-identity-welcome{display:none}
.tabooo-pi-widget :focus-visible,.tabooo-pi-header-toggle:focus-visible{outline:2px solid #ffbbca!important;outline-offset:3px!important}
/* Header changes are limited to the existing Full Immersive account navigation. */
.tabooo-pi-header-profile{max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tabooo-pi-header-toggle{cursor:pointer;border:1px solid #6b4b60!important;border-radius:20px!important;background:#191320!important;color:#efadc0!important;padding:3px 8px!important;margin-left:4px!important;font-size:12px!important;line-height:1.5!important;vertical-align:middle!important}
.tabooo-pi-header-signup{display:inline-flex;color:#efa3b6!important;text-decoration:none!important;font-size:12px!important;margin-left:10px!important}
.tabooo-pi-header-menu[hidden]{display:none!important}
.tabooo-pi-header-menu{position:absolute!important;z-index:9999!important;right:clamp(16px,9vw,170px)!important;top:70px!important;width:225px!important;display:flex!important;flex-direction:column!important;gap:0!important;padding:8px!important;background:#211826!important;border:1px solid #9b516b!important;border-radius:12px!important;box-shadow:0 18px 40px #0008!important;color:#fff!important;font-family:Inter,system-ui,sans-serif!important}
.tabooo-pi-header-menu .tabooo-pi-menu-link{display:block!important;padding:11px 10px!important;color:#fff!important;text-decoration:none!important;font-size:12px!important;font-weight:650!important}
.tabooo-pi-header-menu .tabooo-pi-menu-link:hover{background:#392536!important}
.tabooo-pi-header-menu .tabooo-pi-logout{padding:3px 8px!important;margin:0!important}
.tabooo-pi-header-menu .tabooo-pi-logout-btn{width:100%!important;text-align:left!important}
@media(max-width:700px){.tabooo-pi-header-profile{max-width:125px}.tabooo-pi-header-menu{right:12px!important;top:68px!important}.tabooo-pi-widget--full{width:100%}}


/* v1.2.1: JNews sometimes resets padding on article content descendants.
   Reassert spacing only on TABOOO PLAY's own widgets, never on game layouts. */
body .tabooo-pi-widget.tabooo-pi-widget--compact{padding:12px 14px!important}
body .tabooo-pi-widget.tabooo-pi-widget--card{padding:22px 24px!important}
body .tabooo-pi-widget.tabooo-pi-widget--full{padding:clamp(18px,3vw,30px)!important}
body .tabooo-pi-widget .tabooo-pi-widget-heading{margin-bottom:12px!important}
body .tabooo-pi-widget .tabooo-pi-widget-body{min-width:0}
@media(max-width:520px){
 body .tabooo-pi-widget.tabooo-pi-widget--card{padding:18px!important}
 body .tabooo-pi-widget.tabooo-pi-widget--compact{padding:12px!important}
}