:root{--sab-ink:#e9e0c7;--sab-gold:#f5bd42;--sab-copper:#bb6b38;--sab-bg:#111716;--sab-panel:#1c2522;--sab-line:#3f5148}.sab-page{background:radial-gradient(circle at 50% 0,#263b31 0,#111716 50%,#090d0c 100%);color:var(--sab-ink);min-height:100vh}.sab-shell{max-width:1180px;margin:auto;padding:34px 18px 80px}.sab-hero{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:25px}.sab-kicker{color:var(--sab-gold);letter-spacing:.2em;font-weight:800;font-size:.75rem}.sab-hero h1{font-size:clamp(2rem,5vw,4rem);font-weight:900;margin:.25rem 0}.sab-hero p{color:#b9c5bd;max-width:660px}.sab-nav{display:flex;gap:8px;flex-wrap:wrap}.sab-nav a,.sab-btn{border:1px solid #596a61;background:#202c28;color:#fff;border-radius:12px;padding:11px 16px;text-decoration:none;font-weight:800}.sab-nav a.active,.sab-btn.gold{background:linear-gradient(135deg,#f5bd42,#c97e27);color:#1a160e;border:0}.sab-action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.sab-action{background:linear-gradient(150deg,#24302c,#16201d);border:1px solid var(--sab-line);border-radius:20px;padding:24px;color:#fff;text-align:left;min-height:150px}.sab-action i{font-size:1.7rem;color:var(--sab-gold)}.sab-action strong{display:block;font-size:1.2rem;margin:15px 0 6px}.sab-action small{color:#9caf9f}.sab-panel{background:rgba(25,35,31,.94);border:1px solid var(--sab-line);border-radius:22px;padding:22px;box-shadow:0 20px 45px #0005}.sab-counts{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.sab-counts button{background:#17201d;border:1px solid #4d5c55;color:#fff;border-radius:14px;padding:15px 4px;font-weight:900}.sab-counts button:hover{border-color:var(--sab-gold);color:var(--sab-gold)}.sab-room{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #39463f;padding:14px 0}.sab-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px}.sab-board-wrap{overflow:auto;padding:15px;background:#0c1210;border-radius:18px}.sab-board{display:grid;grid-template-columns:repeat(9,74px);grid-template-rows:repeat(5,92px);gap:7px;width:max-content;background:radial-gradient(circle,#3c3325,#201d18);padding:14px;border:10px solid #5b3a22;border-radius:15px;box-shadow:inset 0 0 30px #000}.sab-cell{position:relative;border:1px dashed #6e644e66;border-radius:9px;background:#0002}.sab-cell.selectable:hover{border-color:var(--sab-gold);background:#f5bd4215}.sab-tile{position:absolute;inset:3px;border-radius:7px;background:linear-gradient(145deg,#baa472,#77643c);box-shadow:0 4px 8px #0008}.sab-tile:before,.sab-tile:after{content:'';position:absolute;background:#25251d;border-radius:8px}.sab-tile[data-u='1']:before{width:18px;height:53%;top:-3px;left:calc(50% - 9px)}.sab-tile[data-d='1']:after{width:18px;height:53%;bottom:-3px;left:calc(50% - 9px)}.sab-tile i{position:absolute;z-index:2;inset:0}.sab-tile[data-l='1'] i:before,.sab-tile[data-r='1'] i:after{content:'';position:absolute;background:#25251d;border-radius:8px;width:53%;height:18px;top:calc(50% - 9px)}.sab-tile[data-l='1'] i:before{left:-3px}.sab-tile[data-r='1'] i:after{right:-3px}.sab-start,.sab-goal{display:grid;place-items:center;font-size:1.7rem;background:linear-gradient(145deg,#77502f,#39291e)}.sab-goal{background:#2a2420}.sab-goal span{filter:grayscale(1);opacity:.6}.sab-side h3{font-size:1rem;color:var(--sab-gold)}.sab-players{display:grid;gap:8px}.sab-player{border:1px solid #425249;border-radius:12px;padding:10px;display:flex;justify-content:space-between}.sab-player.turn{border-color:var(--sab-gold);box-shadow:0 0 0 2px #f5bd4222}.sab-hand{display:flex;gap:10px;overflow-x:auto;padding:14px 2px}.sab-card{flex:0 0 112px;min-height:145px;border-radius:14px;border:2px solid #5f6c65;background:linear-gradient(150deg,#ede1bd,#a68c58);color:#191a15;padding:10px;text-align:left;font-weight:800}.sab-card.selected{border-color:#fff;box-shadow:0 0 0 4px var(--sab-gold)}.sab-card .icon{display:grid;place-items:center;font-size:2.3rem;height:70px}.sab-card small{display:block;color:#473f30}.sab-status{background:#101714;border-radius:12px;padding:12px;margin-bottom:12px;color:#d2dacb}.sab-chat{height:170px;overflow:auto;background:#0d1512;border-radius:12px;padding:10px;margin:12px 0}.sab-chat p{margin:4px 0;font-size:.88rem}.sab-chat-form{display:flex;gap:7px}.sab-chat-form input{flex:1;background:#111b17;border:1px solid #46554d;color:#fff;border-radius:10px;padding:10px}.sab-waiting{max-width:760px;margin:auto}.sab-wait-players{display:grid;gap:8px;margin:15px 0}.sab-ready{display:flex;justify-content:space-between;padding:13px;border:1px solid #47564f;border-radius:12px}.sab-copy{font-size:1.2rem;color:var(--sab-gold)}.sab-rules{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.sab-rule h2{color:var(--sab-gold);font-size:1.25rem}.sab-toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);background:#fff;color:#111;padding:12px 18px;border-radius:12px;z-index:9999;box-shadow:0 8px 30px #0008}.sab-hidden{display:none!important}
@media(max-width:780px){.sab-shell{padding:20px 12px 80px}.sab-hero{display:block}.sab-action-grid,.sab-rules{grid-template-columns:1fr}.sab-layout{grid-template-columns:1fr}.sab-counts{grid-template-columns:repeat(3,1fr)}.sab-board{grid-template-columns:repeat(9,58px);grid-template-rows:repeat(5,72px)}.sab-side{order:-1}.sab-action{min-height:110px}.sab-hand{position:sticky;bottom:0;background:#101714;padding:10px;z-index:5}}

/* Original illustrated card set */
.sab-tile{border-radius:8px;background-image:url('/assets/images/saboteur/path-atlas-v1.png');background-size:400% 300%;background-repeat:no-repeat;box-shadow:0 5px 10px #000a,inset 0 0 0 1px #d69b4b66;overflow:hidden}.sab-tile:before,.sab-tile:after,.sab-tile i{display:none}.sab-tile[data-shape='h']{background-position:0 0}.sab-tile[data-shape='v']{background-position:33.333% 0}.sab-tile[data-shape='ne']{background-position:66.666% 0}.sab-tile[data-shape='se']{background-position:66.666% 0;transform:rotate(90deg)}.sab-tile[data-shape='sw']{background-position:66.666% 0;transform:rotate(180deg)}.sab-tile[data-shape='nw']{background-position:66.666% 0;transform:rotate(270deg)}.sab-tile[data-shape='tup']{background-position:0 50%}.sab-tile[data-shape='tdown']{background-position:100% 50%;transform:rotate(180deg)}.sab-tile[data-shape='cross']{background-position:66.666% 50%}.sab-tile[data-shape='dead']{background-position:0 100%;transform:rotate(270deg)}.sab-start,.sab-goal{background-image:url('/assets/images/saboteur/path-atlas-v1.png');background-size:400% 300%;border:1px solid #d69b4b66}.sab-start{background-position:100% 100%}.sab-goal{background-position:66.666% 100%}.sab-goal span{opacity:.9;text-shadow:0 2px 5px #000}
.sab-card{flex-basis:126px;min-height:174px;color:#f8edcf;padding:8px;text-shadow:0 1px 3px #000;position:relative;overflow:hidden}.sab-card.selected{transform:translateY(-4px)}.sab-card .icon{display:block;height:112px;margin:-8px -8px 7px;background-image:url('/assets/images/saboteur/action-atlas-v1.png');background-size:400% 200%;background-repeat:no-repeat}.sab-card[data-kind='path'] .icon{background-image:url('/assets/images/saboteur/path-atlas-v1.png');background-size:400% 300%}.sab-card[data-shape='h'] .icon{background-position:0 0}.sab-card[data-shape='v'] .icon{background-position:33.333% 0}.sab-card[data-shape='ne'] .icon,.sab-card[data-shape='se'] .icon,.sab-card[data-shape='sw'] .icon,.sab-card[data-shape='nw'] .icon{background-position:66.666% 0}.sab-card[data-shape='cross'] .icon{background-position:66.666% 50%}.sab-card[data-shape='dead'] .icon{background-position:0 100%}.sab-card[data-action='break_pickaxe'] .icon{background-position:0 0}.sab-card[data-action='break_cart'] .icon{background-position:33.333% 0}.sab-card[data-action='break_lantern'] .icon{background-position:66.666% 0}.sab-card[data-action='repair_pickaxe'] .icon{background-position:100% 0}.sab-card[data-action='repair_cart'] .icon{background-position:0 100%}.sab-card[data-action='repair_lantern'] .icon{background-position:33.333% 100%}.sab-card[data-action='scout'] .icon{background-position:66.666% 100%}.sab-card[data-action='collapse'] .icon{background-position:100% 100%}.sab-card small{color:#e6d7b9}.sab-equipment{display:flex;gap:4px}.sab-tool{padding:2px 5px;border-radius:6px;background:#27352f}.sab-tool.broken{background:#722f27;color:#ffd1c7}.sab-card-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(126px,1fr));gap:12px}.sab-card-gallery .sab-card{width:100%;min-height:190px}

.sab-tile[data-u='0'][data-r='1'][data-d='0'][data-l='1']{background-position:0 0}.sab-tile[data-u='1'][data-r='0'][data-d='1'][data-l='0']{background-position:33.333% 0}.sab-tile[data-u='1'][data-r='1'][data-d='0'][data-l='0']{background-position:66.666% 0}.sab-tile[data-u='0'][data-r='1'][data-d='1'][data-l='0']{background-position:66.666% 0;transform:rotate(90deg)}.sab-tile[data-u='0'][data-r='0'][data-d='1'][data-l='1']{background-position:66.666% 0;transform:rotate(180deg)}.sab-tile[data-u='1'][data-r='0'][data-d='0'][data-l='1']{background-position:66.666% 0;transform:rotate(270deg)}

.sab-card[data-shape='se'] .icon{transform:rotate(90deg)}.sab-card[data-shape='sw'] .icon{transform:rotate(180deg)}.sab-card[data-shape='nw'] .icon{transform:rotate(270deg)}.sab-action{position:relative;overflow:hidden}.sab-action-grid .sab-action:nth-child(2):after{content:'';position:absolute;right:-5px;bottom:-28px;width:118px;height:158px;border-radius:14px 14px 0 0;background:url('/assets/images/saboteur/role-atlas-v1.png') 0 center/200% 100% no-repeat;box-shadow:0 0 24px #000;opacity:.78;pointer-events:none}.sab-action-grid .sab-action:nth-child(3):after{content:'';position:absolute;right:-5px;bottom:-28px;width:118px;height:158px;border-radius:14px 14px 0 0;background:url('/assets/images/saboteur/role-atlas-v1.png') 100% center/200% 100% no-repeat;box-shadow:0 0 24px #000;opacity:.72;pointer-events:none}.sab-action strong,.sab-action small,.sab-action i{position:relative;z-index:1}.sab-action small{display:block;max-width:70%}

.sab-practice-guide{display:flex;flex-direction:column;gap:4px;background:#101714;border-left:4px solid var(--sab-gold);border-radius:12px;padding:13px 16px;margin-bottom:14px}.sab-practice-guide strong{font-size:1.15rem;color:#fff}.sab-practice-guide small,.sab-hint{color:#aebdb4}.sab-practice-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.sab-player.sab-target,.sab-cell.sab-target{cursor:pointer;animation:sabTarget 1.4s ease-in-out infinite}.sab-player.sab-target:hover,.sab-cell.sab-target:hover{border-color:#fff;background:#f5bd4222}.sab-player{width:100%;color:inherit;text-align:left}.sab-equipment i{font-style:normal}@keyframes sabTarget{0%,100%{box-shadow:0 0 0 1px #f5bd4233}50%{box-shadow:0 0 0 4px #f5bd4277}}
.sab-player{background:#17211d;color:var(--sab-ink);font:inherit}.sab-player span:last-child{color:#b8c4bd;font-size:.85rem}