/* RC11 / Phase B — live tabletop components, never a screenshot skin.
   Scoped to gameplay. Existing menus and the approved Snakes board are intact. */
.classic-game {
 --wood:repeating-linear-gradient(5deg,#130c0712 0 1px,transparent 2px 8px),linear-gradient(130deg,#7c4825,#2d1a10 42%,#603a22 77%,#27180f);
 --brass:linear-gradient(135deg,#fff0af,#bb8535 28%,#f4d785 50%,#775025 75%,#edcc7c);
 height:var(--classic-height,100dvh);min-height:0;max-height:var(--classic-height,100dvh);width:100%;
 padding:max(10px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));
 display:flex;flex-direction:column;align-items:center;gap:10px;overflow:hidden;isolation:isolate;
 background:radial-gradient(ellipse at 45% 32%,#29433477,transparent 65%),linear-gradient(145deg,#071b19e8,#111813eb),url('assets/ladders/stone.webp') center/340px;
}
.classic-game::before {content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:repeating-radial-gradient(ellipse at 50% 30%,transparent 0 79px,#d8b87909 80px 81px,transparent 82px 158px);opacity:.5}
.classic-game .game-top {width:min(100%,1130px);height:44px;min-height:44px;flex:none;margin:0;gap:8px}
.classic-game .table-layout {--wide-table:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:var(--classic-board-size,360px) auto;align-content:start;gap:12px;flex:1;min-height:0;width:min(100%,1130px)}
.classic-arena{width:100%;height:var(--classic-board-size);display:flex;align-items:flex-start;justify-content:center;min-height:0;min-width:0}
.classic-game .board-frame{position:relative;flex:none;max-width:100%;margin:0;padding:clamp(9px,1.2vw,16px);border:1px solid #dbb772;border-radius:12px;background:var(--wood);box-shadow:inset 0 0 0 2px #2a190c,inset 0 0 0 3px #b18342,inset 0 0 0 6px #382014,0 5px 0 -1px #25170b,0 14px 30px #0009;transform:none!important;animation:none!important}
.classic-game .board-frame::before{content:'';position:absolute;inset:6px;border:1px solid #eacb7880;border-radius:6px;box-shadow:inset 0 0 0 1px #1d130d,0 0 0 1px #25150c;pointer-events:none}
.classic-game .board-frame::after{display:none!important}
.classic-game .board{width:100%;height:100%;aspect-ratio:1;background:#c3aa75;border:1px solid #22170b;box-shadow:0 0 0 1px #c49756,inset 0 0 14px #291e1450;overflow:hidden;container-type:inline-size;isolation:isolate}
.table-corner{position:absolute;width:clamp(16px,2vw,24px);height:clamp(16px,2vw,24px);z-index:25;pointer-events:none;border:1px solid #fae4a1;border-radius:3px;background:var(--brass);box-shadow:0 1px 3px #0008}
.table-corner.tl{top:0;left:0}.table-corner.tr{top:0;right:0}.table-corner.bl{bottom:0;left:0}.table-corner.br{bottom:0;right:0}
.table-corner i{position:absolute;inset:26%;transform:rotate(45deg);background:linear-gradient(135deg,#fff8,var(--gem) 40%,#101f22);border:1px solid #392514;box-shadow:0 0 0 1px #f9dd9899,inset 1px 1px #fff8}
.classic-game .cell.track{background:linear-gradient(150deg,#fff9e5e8,#eee0bae0 80%),url('assets/ladders/tile.webp') center/80px;border:.5px solid #9d8254;box-shadow:inset 1px 1px 0 #fffcef,inset -1px -1px 0 #b19b7580}
.classic-game .cell.home{background:linear-gradient(140deg,#ffffff40,transparent 55%,#130a1544),var(--player-color);border:.5px solid #4f382975;box-shadow:inset 1px 1px #ffe4a17a,inset -1px -2px #0003}
.classic-game .cell.home::before{content:'';position:absolute;inset:19%;border:1px solid #ffebb33a;transform:rotate(45deg);pointer-events:none}
.classic-game .cell.start{background:linear-gradient(140deg,#ffefd13d,transparent 60%,#1117175e),var(--player-color);box-shadow:inset 1px 1px #ffe9b683,inset -1px -1px #0004}
.classic-game .cell.start::after{content:'◆';color:#fff1c7;text-shadow:0 1px 2px #38240d;font-size:clamp(8px,1.7cqw,17px)}
.classic-game .cell.star::after{font-size:clamp(13px,3.9cqw,30px);color:#936229;text-shadow:0 1px #fffce5,-1px -1px #fff1b8;line-height:1}
.classic-game .cell.gate::after{color:#7d552e;font-size:clamp(15px,3.5cqw,25px)}
.classic-game .base-art{z-index:0;overflow:hidden;border:1px solid #a7803d;box-shadow:inset 0 0 0 2px #26130b;pointer-events:none}
.classic-game .base-art img{width:100%;height:100%;object-fit:cover;filter:saturate(.92) brightness(.80);transform:scale(1.10)}
.classic-game .base-art::after{inset:0;box-shadow:inset 0 0 0 1px #f2d69370,inset 0 0 25px #0009;background:linear-gradient(transparent 55%,#080f1655),radial-gradient(ellipse at center,transparent 15%,#03070855)}
.classic-game .base-art.inactive{filter:saturate(.35) brightness(.65)}
.classic-game .cell.base-slot{z-index:auto}
.coin-well{position:absolute;width:131%;height:131%;border-radius:50%;background:radial-gradient(circle at 47% 55%,#080c0e88 38%,#080808e0 57%,#1f1305 63%,#e5be72 68%,#6b4b29 73%,transparent 75%);box-shadow:inset 0 2px 4px #0008,0 1px 1px #ffe7a48a;z-index:2;pointer-events:none}
.classic-game .base-slot .coin-well{opacity:.95}
.classic-game .base-slot .token{width:116%;height:116%}
.classic-game .token{border:0!important;width:80%;height:80%;border-radius:50%;box-shadow:none!important;background:none!important;overflow:visible!important;transform:translate(var(--x,0),var(--y,0)) scale(var(--scale,1));filter:none;font-size:0;color:transparent;animation:none!important}
.classic-game .token::before,.classic-game .token::after{display:none!important}
.coin-layers{position:absolute;inset:0;display:block;pointer-events:none}
.coin-face,.coin-edge{position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(from 6deg,#efcc79 0 4deg,#6d481f 5deg 8deg);box-shadow:0 2px 0 #7b5528,0 3px 0 #291c0c,0 4px 4px #000a;border:.5px solid #fff0ae}
.coin-face{z-index:6;overflow:hidden;display:grid;place-items:center;background:linear-gradient(140deg,#fff1b3,#bb8434 40%,#ffdf8e 67%,#76501f);}
.coin-face::before{content:'';position:absolute;inset:9%;border-radius:50%;background:linear-gradient(135deg,#ffffff60,transparent 48%,#0008),var(--player-color);box-shadow:inset 0 0 0 1px #241305}
.classic-game .coin-art{position:relative;width:69%;height:69%;border-radius:50%;object-fit:cover;object-position:center;box-shadow:0 0 0 .7px #fff0b666;pointer-events:none;z-index:1}
.coin-glint{position:absolute;inset:5%;border-radius:50%;z-index:2;box-shadow:inset 1px 1px #fff7d860,inset -1px -1px #4b270d80;pointer-events:none}
.coin-edge{transform:translate(calc(var(--layer)*1.2px),calc(var(--layer)*2.4px));z-index:1;filter:brightness(.88)}
.coin-stack-mark{position:absolute;display:flex;justify-content:center;gap:1px;bottom:-27%;left:50%;transform:translateX(-50%);background:#101b15;border:.5px solid #b89b5b;border-radius:4px;padding:2px;z-index:9}
.coin-stack-mark i{display:block;width:3px;height:3px;background:#ffdf8e;border-radius:50%}
.coin-free{position:absolute;right:-28%;top:-27%;background:#153e2e;color:#f4ebc6;border:1px solid #b0a870;border-radius:5px;font:700 10px/1 system-ui;padding:1px 2px;z-index:10}
.classic-game .token.legal{filter:brightness(1.07);animation:none!important}
.classic-game .token.legal .coin-face{outline:2px solid #fff3ba;outline-offset:2px;box-shadow:0 2px #3b290f,0 0 10px #fff0aebb;cursor:pointer}
.classic-game .cell.legal-origin::before{inset:7%;border:1px solid #fff4b7;box-shadow:inset 0 0 8px #ffe69f40;background:#fff4b514;border-radius:4px;z-index:3}
.classic-game .token:focus-visible{outline:3px solid white;outline-offset:5px;z-index:25}
.classic-game .moving-token{z-index:50;width:5.1%;height:5.1%;transition:left 90ms linear,top 90ms linear;filter:drop-shadow(0 4px 2px #0005)}
.classic-game .moving-token .token{width:100%;height:100%}
.classic-game .goal{background:radial-gradient(ellipse at 45% 35%,#eccd80,#c19843 65%,#82582b);border:1px solid #65431f;box-shadow:inset 0 0 0 2px #f4dc9a,inset 0 0 0 4px #815926,inset 0 3px 12px 5px #452b1777;overflow:hidden;isolation:isolate}
.tray-engraving{position:absolute;inset:12%;border-radius:50%;border:1px solid #71502577;box-shadow:0 0 0 2px #f4d89180,0 0 0 4px #835d2c50;pointer-events:none;display:grid;place-items:center;color:#73532738;transform:rotate(-8deg)}
.tray-engraving svg{width:75%}
.classic-game .board-roll{position:relative;gap:clamp(2px,.7cqw,6px);z-index:1;padding:4%;width:100%;height:100%;background:transparent;justify-content:center;cursor:pointer}
.classic-game .board-roll:disabled{cursor:default}
.classic-game .board-roll .die{width:58%;height:auto;aspect-ratio:1;max-width:78px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:12%;gap:10%;border-radius:22%;transform:rotate(-7deg);border:1px solid #fff9db;background:linear-gradient(135deg,#fffef5,#eee1c4 73%,#d1bd97);box-shadow:inset 1px 1px 2px white,inset -2px -3px 4px #ac93604d,1px 4px 0 #bc9c62,2px 6px 0 #684923,3px 8px 7px #67421c66;animation:none!important}
.classic-game .die i,.sl-game .sl-die i{background:#242520;box-shadow:inset 0 1px 2px #080b0b,0 1px #fff6;}
.classic-game .die[data-value='0']::after{font-size:clamp(13px,5cqw,40px);text-shadow:0 1px #fff1c7;}
.classic-game .board-roll:not(:disabled) .die:not(.rolling){box-shadow:inset 1px 1px 2px white,inset -2px -3px 4px #ac93604d,1px 4px 0 #bc9c62,2px 6px 0 #684923,0 0 15px #fff0bd77;animation:none!important}
.classic-game .roll-word{font-size:clamp(8px,1.75cqw,14px);font-weight:850;letter-spacing:.8px;color:#483015;text-shadow:0 1px #fff0bb;line-height:1.15}
.classic-game .board-roll .die.rolling,.sl-game .sl-die.sl-tumbling{animation:tableDiceTumble .58s ease-out both!important;will-change:transform;}
@keyframes tableDiceTumble{0%{transform:perspective(200px) translate(-8px,-2px) rotateX(25deg) rotateY(-20deg) rotate(-28deg)}22%{transform:perspective(200px) translate(5px,-9px) rotateX(-24deg) rotateY(30deg) rotate(35deg)}48%{transform:perspective(200px) translate(-4px,1px) rotateX(18deg) rotateY(-18deg) rotate(-18deg)}69%{transform:perspective(200px) translate(2px,-3px) rotateX(-10deg) rotateY(9deg) rotate(7deg)}85%{transform:translate(-1px,0) rotate(-9deg)}100%{transform:rotate(-7deg)}}
.classic-game .table-side{width:100%;max-width:820px;justify-self:center;display:flex;flex-direction:column;gap:8px;min-width:0}
.classic-game .hud{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;min-width:0}
.classic-game .player-chip{display:flex;align-items:center;flex-direction:row;gap:8px;padding:10px 9px;min-height:66px;min-width:0;text-align:left;border:1px solid #a482445c;border-bottom:2px solid color-mix(in srgb,var(--player-color) 60%,#554728);border-radius:9px;background:linear-gradient(#111f1fee,#101818f2),url('assets/menu/carved-stone.webp') center/170px;box-shadow:inset 0 1px #fff1bd18,0 3px 6px #0004;opacity:1}
.classic-game .player-chip.active{border-color:#d5b471;border-bottom-color:var(--player-color);background:radial-gradient(ellipse at left,color-mix(in srgb,var(--player-color) 19%,transparent),transparent 85%),#0c1917;box-shadow:inset 3px 0 var(--player-color),0 0 0 1px #eacb7640,0 3px 8px #0008}
.classic-game .player-medallion{position:relative;display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:50%;background:linear-gradient(145deg,#f7df9f,#9c702f 46%,#dfbc6c);padding:3px;box-shadow:0 2px 3px #0009}
.classic-game .player-medallion img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid var(--player-color)}
.classic-game .player-chip b{font-size:13px;line-height:1.2;color:#f6e7ca;text-shadow:0 1px #000;}
.classic-game .player-chip small{font-size:10px;color:#bfbaa4;margin-top:4px;line-height:1.2}
.home-progress{display:flex;gap:4px;align-items:center;margin-top:6px}
.home-progress i{width:6px;height:6px;border-radius:50%;border:1px solid #af925959;background:#090f0d}
.home-progress i.home{border-color:#f4d69c;background:var(--player-color);box-shadow:0 0 4px #ead18c50}
.placement-ribbon{position:absolute;right:5px;top:-7px;background:linear-gradient(#e8c47e,#a07432);border:1px solid #f8dca0;border-radius:4px;color:#21140a;padding:1px 4px;font:700 10px Georgia,serif;box-shadow:0 1px 3px #0009}
.classic-game .player-chip.finished{opacity:.88}
.classic-game .turn-info{height:50px;min-height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;margin:0;padding:4px 8px;border-top:1px solid #bb955526;border-bottom:1px solid #bb955526}
.classic-game .turn-info strong{font-family:Georgia,serif;font-size:18px;line-height:1.25;font-weight:600;text-shadow:0 2px #0008}
.classic-game .turn-info p{font-size:11px;color:#c1c3ae;line-height:1.3;}
.classic-game .helper-row{height:auto;min-height:44px;display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.classic-game .helper-row button{min-height:44px;font-size:12px;padding:8px 14px;border:1px solid #bf9d5c;border-radius:7px;background:linear-gradient(150deg,#554226,#221e13);color:#fff0c7;box-shadow:inset 0 1px #ead09040}
.classic-game .helper-row .kick{background:linear-gradient(150deg,#5c2e21,#251515)}
.classic-game .classic-back,.classic-game .icon-button,.classic-game .chat-button,.sl-game .sl-top .sl-icon{border:1px solid #ae8950;border-radius:9px;background:linear-gradient(155deg,#3a301f,#172220 75%);box-shadow:inset 0 1px #eed69642,0 3px 0 #0b110e;color:#ebd199;min-width:44px;min-height:44px;height:44px;padding:8px;display:inline-flex;align-items:center;justify-content:center;opacity:1}
.classic-game .classic-back{min-width:76px;font-size:12px;gap:3px}
.classic-game .icon-button:hover,.classic-game .chat-button:hover,.sl-game .sl-top .sl-icon:hover{border-color:#ffe5a4;filter:brightness(1.08)}
.classic-game .table-icon{width:21px;height:21px;pointer-events:none}
.classic-game .connection{color:#c9c6ae;font-size:10px}
.classic-game .chat-button{position:relative;}
.classic-game .chat-button #chatBadge{position:absolute;top:-4px;right:-4px;min-width:15px;border-radius:8px;line-height:16px;background:#8f3026;color:white;font:700 10px/16px system-ui;padding:0 4px}
.classic-game .chat-button #chatBadge:empty{display:none}
.classic-game .reconnect{inset:4px;border:1px solid #b29159;background:#081e19e8;color:#ffe8bc;z-index:60}
@media(min-width:900px) and (orientation:landscape){
 .classic-game .table-layout{--wide-table:1;grid-template-columns:minmax(0,1fr) 236px;grid-template-rows:minmax(0,1fr);gap:20px;align-content:stretch;align-items:start}
 .classic-game .table-side{width:236px;gap:16px;align-self:center}
 .classic-game .hud{grid-template-columns:1fr;gap:13px}
 .classic-game .player-chip{min-height:83px;padding:12px;gap:12px}
 .classic-game .player-medallion{width:49px;height:49px}
 .classic-game .player-chip b{font-size:15px}
 .classic-game .turn-info{height:76px;min-height:76px;gap:9px}
 .classic-game .turn-info p{font-size:12px}
 .classic-game .helper-row{min-height:44px;flex-direction:column}
}
@media(max-width:700px),(orientation:portrait){
 .classic-game{padding: max(8px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));gap:10px}
 .classic-game .table-layout{gap:10px}
 .classic-game .table-side{gap:7px}
 .classic-game .board-frame{padding:9px}
 .classic-game .hud{gap:5px}
 .classic-game .player-chip{min-height:60px;padding:7px 5px;gap:5px}
 .classic-game .player-medallion{width:27px;height:27px;padding:2px}
 .classic-game .player-chip b{font-size:10px}.classic-game .player-chip small{font-size:8px;margin-top:3px}
 .home-progress{gap:3px;margin-top:5px}.home-progress i{width:4px;height:4px}
 .classic-game .turn-info{height:43px;min-height:43px}
 .classic-game .turn-info strong{font-size:15px}.classic-game .turn-info p{font-size:10px}
 .classic-game .helper-row button{font-size:11px}
 .classic-game .goal{box-shadow:inset 0 0 0 1px #f4dc9a,inset 0 0 0 2px #815926,inset 0 3px 8px 3px #452b1777}
 .classic-game .coin-free{font-size:8px;right:-32%}.coin-stack-mark{padding:1px}.coin-stack-mark i{width:2px;height:2px}
}
@media(max-width:359px){
 .classic-game{padding-inline:8px;gap:8px}
 .classic-game .board-frame{padding:7px}
 .classic-game .player-chip{gap:3px;padding:5px 3px;min-height:56px}.classic-game .player-medallion{width:22px;height:22px;display:grid}
 .classic-game .player-chip b{font-size:9px}.classic-game .turn-info strong{font-size:14px}
 .classic-game .classic-heading{gap:4px}.classic-game .game-top .row{gap:5px}
 .classic-game .classic-back{min-width:65px}
}
@media(orientation:landscape) and (max-height:620px){
 .classic-game{padding:6px max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left));gap:8px}
 .classic-game .table-layout{--wide-table:1;grid-template-columns:minmax(0,1fr) 202px;grid-template-rows:minmax(0,1fr);gap:16px;align-content:stretch}
 .classic-game .table-side{width:202px;align-self:center;gap:8px}
 .classic-game .hud{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 6px}
 .classic-game .player-chip{min-height:55px;padding:6px 5px;flex-direction:row;gap:5px}
 .classic-game .player-medallion{width:27px;height:27px;display:grid}.classic-game .player-chip b{font-size:10px}.classic-game .player-chip small{font-size:8px}
 .classic-game .turn-info{height:44px;min-height:44px;gap:4px}.classic-game .turn-info strong{font-size:15px}.classic-game .turn-info p{font-size:10px}
 .classic-game .helper-row{min-height:44px;flex-direction:row}
 .classic-game .board-frame{padding:8px}
}
/* Matching Snakes controls. No change to .sl-board, .sl-tile, .sl-snake,
   .sl-ladder, .sl-coin or their geometry/asset data. */
.sl-game .sl-turn,.sl-game .sl-roll-tray,.sl-game .sl-player{background:linear-gradient(145deg,#172821f2,#0e1916f5),url('assets/menu/carved-stone.webp') center/170px;border-color:#b0955860;box-shadow:inset 0 1px #dfc37a33,0 3px 9px #0004}
.sl-game .sl-player.active{border-color:#d8b572;box-shadow:inset 3px 0 var(--player-color,#c4a56c),0 0 0 1px #b4964955}
.sl-game .sl-roll{background:linear-gradient(#298153,#125c3b 47%,#133f2c);border-color:#f0ce87;box-shadow:inset 0 0 0 1px #b3904b,inset 0 2px #bdd29740,0 3px 0 #312315,0 4px 0 #bd9c61;text-shadow:0 2px #192819;letter-spacing:1px}
.sl-game .sl-die{background:linear-gradient(135deg,#fffef5,#eee1c4 73%,#d1bd97);border:1px solid #fff9db;box-shadow:inset 1px 1px 2px white,inset -2px -3px 4px #ac93604d,1px 4px 0 #bc9c62,2px 6px 0 #684923,3px 8px 7px #0004;transform:rotate(-7deg)}
.sl-game .sl-secondary,.sl-game .sl-icon{color:#f4e1b7}
.sl-game .sl-finishers{color:#f1d38d}
@media(max-width:700px),(orientation:portrait){.sl-game .sl-turn{background:none;border:0;box-shadow:none}.sl-game .sl-player{box-shadow:inset 0 1px #dfc37a33}.sl-game .sl-roll-tray{padding:6px}}
/* Gameplay dialogs use a real stone surface, live copy and real controls. */
#dialog.table-dialog,.sl-game .sl-modal,#dialog.room-chat{background:linear-gradient(145deg,#1d2e24f5,#0e1b17fa),url('assets/menu/carved-stone.webp') center/170px;border:1px solid #caa669;box-shadow:inset 0 0 0 2px #092017,0 24px 70px #000b;color:#f3e4c5}
#dialog.table-dialog .dialog-head h2,.sl-game .sl-modal h2{color:#f1d293;font:600 26px Georgia,serif}
#dialog.table-dialog .icon-button{background:#263226;border:1px solid #99804b;min-height:44px;min-width:44px}
#dialog.table-dialog .quiet,#dialog.table-dialog .choice{background:linear-gradient(#2f3b2a,#18271f);border-color:#ae8b4d;color:#f2e2bf;min-height:44px}
#dialog.table-dialog .choice-portrait{width:44px;height:44px;flex:none;border-radius:50%;border:2px solid #d7b272;object-fit:cover}
#dialog.table-dialog .choice span:first-of-type{flex:1}
#dialog.table-dialog .choice strong{color:#fff0d0}
#dialog.table-dialog .choice small{color:#c9c8ad}
#dialog.table-dialog .gold{box-shadow:inset 0 1px #fff1c8,0 3px #765024;min-height:44px}
.table-rules{display:flex;flex-direction:column;gap:10px}.table-rule{display:flex;gap:14px;align-items:center;padding:13px;background:#d9c7960c;border:1px solid #b5a77c30;border-radius:9px}
.table-rule>span:first-child{font:25px Georgia,serif;color:#e5c16f;min-width:38px;text-align:center}
.table-rule p{margin:0;font:13px/1.65 system-ui;color:#e6ddbf}.table-rule b{color:#fff0c9}
#dialog.table-dialog .ranking{background:#182e22;border-color:#a58c5355}.ranking img{width:38px;height:38px;border-radius:50%;border:1px solid #d4ab58}
@media(prefers-reduced-motion:reduce){
 .classic-game .board-roll .die.rolling,.sl-game .sl-die.sl-tumbling{animation:none!important;transform:none!important}
 .classic-game .token,.classic-game .moving-token{transition:none!important;animation:none!important}
}

/* Secondary large Roll target only where the center tray would be too small. */
.classic-game .roll-assist{display:none}
.classic-game.compact-roll .roll-assist:not([hidden]){display:inline-flex;align-items:center;justify-content:center;min-width:120px;min-height:44px}
.classic-game .board-roll{gap:clamp(5px,1cqw,8px)}
.classic-game .roll-word{position:relative;z-index:3}