.np-token-color-panel{margin:.8rem 0;padding:.9rem;border:1px solid #93682f;background:linear-gradient(145deg,#1a0f09f2,#2e1c10ed);box-shadow:inset 0 0 24px #0008,0 8px 22px #0006;color:#ecd9af}.np-token-color-panel header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.65rem}.np-token-color-panel strong{font-family:Literata,Georgia,"Times New Roman",serif;font-size:1rem;text-transform:uppercase;letter-spacing:.06em}.np-token-color-panel small{color:#bea477}.np-token-color-options{display:grid;grid-template-columns:repeat(6,minmax(34px,1fr));gap:.45rem}.np-token-color{position:relative;display:grid;place-items:center;min-height:42px;border:1px solid color-mix(in srgb,var(--token-color) 68%,#7c5b2c);border-radius:4px;background:radial-gradient(circle,var(--token-color) 0 18%,color-mix(in srgb,var(--token-color) 30%,#150d08) 20% 50%,#120b08 72%);box-shadow:inset 0 0 12px #0008,0 0 10px color-mix(in srgb,var(--token-color) 40%,transparent);cursor:pointer}.np-token-color:hover,.np-token-color.active{transform:translateY(-2px);box-shadow:0 0 18px var(--token-color),inset 0 0 0 2px #f4d68d}.np-token-color:disabled{filter:grayscale(.8);opacity:.36;cursor:not-allowed}.np-token-color span{font-size:1.25rem;filter:drop-shadow(0 1px 2px #000)}.np-token-color-status{min-height:1.1rem;margin:.55rem 0 0;color:#d9bd82;font-size:.72rem}
.np-native-token-hidden{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.np-token-overlay{position:absolute!important;display:block!important;z-index:16!important;width:1px!important;height:1px!important;transform:translate(-50%,-50%)!important;pointer-events:none!important;transition:none!important;overflow:visible!important}.np-3d-token{overflow:visible!important;color:transparent!important;text-shadow:none!important;background:transparent!important;border-color:transparent!important;box-shadow:none!important;contain:none!important}.np-3d-token canvas{position:absolute;left:50%;top:50%;width:76px!important;height:76px!important;max-width:none;transform:translate(-50%,-56%) scale(var(--np-token-field-scale,1));transform-origin:50% 72%;pointer-events:none;filter:drop-shadow(0 9px 7px #000c);will-change:translate,transform}.moving-board-token.np-3d-token canvas{width:88px!important;height:88px!important}.moving-board-token.np-3d-token{z-index:16!important;overflow:visible!important;will-change:left,top}.moving-board-token.np-3d-token.np-token-hopping{z-index:34!important}.moving-board-token.np-raven-token canvas{width:92px!important;height:92px!important}.moving-board-token.np-raven-token.np-token-flying{z-index:38!important}.table-player-token.np-3d-token canvas{width:54px!important;height:54px!important}.np-3d-token-preview{position:relative!important;display:grid;place-items:center;width:100%;height:100%;min-height:188px;overflow:hidden}.np-3d-token-preview canvas{position:relative!important;left:auto!important;top:auto!important;width:min(240px,90%)!important;height:min(240px,90%)!important;transform:none!important;filter:drop-shadow(0 14px 11px #000b)}
.np-classic-token-preview{display:grid;place-items:center;width:100%;height:100%;min-height:188px;background:radial-gradient(circle at 50% 58%,color-mix(in srgb,var(--token-color) 22%,transparent),transparent 55%)}.np-classic-token-preview i,.np-classic-token-large i{display:block;border-radius:50%;background:radial-gradient(circle at 34% 28%,#ffe9aa 0 7%,color-mix(in srgb,var(--token-color) 80%,#f3cf76) 10% 42%,color-mix(in srgb,var(--token-color) 70%,#170d08) 72%);border:3px solid color-mix(in srgb,var(--token-color) 52%,#f7d98a);box-shadow:inset 0 0 0 5px #160d0988,inset -10px -12px 18px #0008,0 12px 18px #000b,0 0 22px color-mix(in srgb,var(--token-color) 45%,transparent);width:92px;height:92px}.np-classic-token-preview i:after,.np-classic-token-large i:after{content:'✦';display:grid;place-items:center;width:100%;height:100%;color:#fff0bf;font-style:normal;font-size:30px;text-shadow:0 2px 4px #000}
.np-token-preview-backdrop{position:fixed;inset:0;z-index:2147483200;display:grid;place-items:center;padding:24px;background:#050302e8;backdrop-filter:blur(8px)}.np-token-preview-dialog{position:relative;width:min(840px,94vw);min-height:min(690px,90vh);display:grid;grid-template-rows:auto minmax(300px,1fr) auto;border:1px solid #b78232;background:radial-gradient(circle at 50% 45%,#321d0f,#100a07 67%);box-shadow:0 28px 90px #000,inset 0 0 55px #000;color:#f1dfb8}.np-token-preview-dialog:before,.np-token-preview-dialog:after{content:'';position:absolute;inset:10px;border:1px solid #7f5623;pointer-events:none}.np-token-preview-dialog:after{inset:18px;border-color:#4f3217}.np-token-preview-dialog header{position:relative;z-index:1;text-align:center;padding:42px 52px 14px}.np-token-preview-dialog header small{color:#d99e3f;letter-spacing:.18em;font-weight:800}.np-token-preview-dialog h2{margin:.35rem 0;font:700 clamp(2rem,5vw,3.6rem)/1 Literata,Georgia,"Times New Roman",serif}.np-token-preview-dialog header p{max-width:590px;margin:.7rem auto;color:#cdbb96}.np-token-preview-close{position:absolute;z-index:4;right:24px;top:22px;width:44px;height:44px;border:1px solid #b78232;border-radius:50%;background:#140c08;color:#f4dca9;font-size:27px;cursor:pointer}.np-token-preview-stage{position:relative;z-index:1;display:grid;place-items:center;min-height:340px;margin:0 34px;border-block:1px solid #65431e;background:radial-gradient(ellipse at center,#5d351c55,transparent 67%);overflow:hidden}.np-token-preview-stage canvas{width:min(460px,86vw)!important;height:min(460px,54vh)!important;filter:drop-shadow(0 24px 18px #000d)}.np-classic-token-large{--token-color:#d69b3d;display:grid;place-items:center;width:min(360px,70vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,var(--token-color) 0 4%,color-mix(in srgb,var(--token-color) 30%,transparent) 5%,transparent 66%)}.np-classic-token-large i{width:190px;height:190px}.np-classic-token-large i:after{font-size:66px}.np-token-preview-dialog footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 42px 36px;color:#bba67d}.np-token-preview-dialog footer button{min-width:170px;padding:13px 24px;border:1px solid #c08b37;background:linear-gradient(#70451f,#3c2414);color:#f6e5bd;font-weight:800;cursor:pointer}.np-token-preview-open{overflow:hidden}
@media(max-width:760px){.np-token-color-options{grid-template-columns:repeat(3,1fr)}.np-3d-token canvas{width:62px!important;height:62px!important}.moving-board-token.np-3d-token canvas{width:72px!important;height:72px!important}.moving-board-token.np-raven-token canvas{width:78px!important;height:78px!important}}
@media(max-width:620px){.np-token-preview-backdrop{padding:8px}.np-token-preview-dialog{min-height:88vh}.np-token-preview-dialog header{padding:55px 24px 10px}.np-token-preview-dialog footer{padding:18px 25px 30px;flex-direction:column;text-align:center}.np-token-preview-stage{margin:0 18px;min-height:300px}.np-classic-token-large i{width:142px;height:142px}}