/* Cinematic UX Pack v130 */
body.cinematic-v130{--v130-gold:#f9c23d;--v130-gold2:#fff0a0;--v130-navy:#061d34;--v130-cyan:#35def1}

/* richer board depth / architecture */
.cinematic-v130 .board-scene{filter:drop-shadow(0 28px 28px #00101f66)}
.cinematic-v130 #board{transform-style:preserve-3d}
.cinematic-v130 #board::after{content:"";position:absolute;inset:14px;border-radius:21px;pointer-events:none;box-shadow:inset 0 0 0 1px #fff7c955,inset 0 0 32px #f5b92d12;z-index:80}
.cinematic-v130 .tile{transform-style:preserve-3d;transition:filter .25s ease,transform .22s ease,box-shadow .25s ease}
.cinematic-v130 .tile:hover{filter:brightness(1.07) saturate(1.05);z-index:90!important}
.cinematic-v130 .tile .tile-3d{transform-style:preserve-3d}
.cinematic-v130 .tile .iso-build{transform:translateZ(18px) translateY(-2px) scale(1.04);filter:drop-shadow(0 10px 5px #00101f99) drop-shadow(0 0 4px #fff8)}
.cinematic-v130 .tile .iso-build::after{content:"";position:absolute;left:14%;right:14%;bottom:-4px;height:8px;border-radius:50%;background:#00111f66;filter:blur(4px);transform:translateZ(-8px)}
.cinematic-v130 .tile.owner-mark{box-shadow:inset 0 -5px 0 var(--owner),0 5px 8px #00121f45}
.cinematic-v130 .tile.here{filter:brightness(1.12) drop-shadow(0 0 11px #fff29c);z-index:95!important}
.cinematic-v130 .tile.v130-step::before{content:"";position:absolute;inset:4px;border-radius:10px;border:2px solid #fff7ae;box-shadow:0 0 20px #ffe34f;animation:v130Step .42s ease-out;z-index:70;pointer-events:none}
@keyframes v130Step{0%{transform:scale(.72);opacity:0}45%{opacity:1}100%{transform:scale(1.15);opacity:0}}
.cinematic-v130 .tile.v130-build-rise .iso-build img{animation:v130BuildRise 1.15s cubic-bezier(.18,.92,.28,1.12)}
@keyframes v130BuildRise{0%{transform:translateY(24px) scale(.65);filter:brightness(3) drop-shadow(0 0 20px #fff)}35%{transform:translateY(-8px) scale(1.12)}65%{transform:translateY(2px) scale(.98)}100%{transform:none}}
.v130-build-burst{position:absolute;left:50%;top:50%;width:12px;height:12px;border-radius:50%;background:#fff6a7;box-shadow:0 0 0 10px #ffc72b55,0 0 0 22px #33eaff22,0 0 30px 18px #ffd64f;animation:v130Burst 1.1s ease-out forwards;pointer-events:none;z-index:100}
@keyframes v130Burst{to{transform:translate(-50%,-50%) scale(3.8);opacity:0}}

/* full-screen cinematic dice */
.dice-cinema130{position:fixed;inset:0;z-index:900;display:grid;place-items:center;pointer-events:none;opacity:0;transition:opacity .22s ease}
.dice-cinema130.hidden{display:none}.dice-cinema130.show{opacity:1}
.dice-cinema-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 50% 48%,#20d9ef22 0 18%,#001628b8 60%,#000a13e8);backdrop-filter:blur(2px)}
.dice-cinema-card{position:relative;text-align:center;min-width:360px;padding:24px 42px 28px;border-radius:32px;border:2px solid #f4c647;background:linear-gradient(180deg,#092a48ed,#04192ded);box-shadow:0 0 0 4px #6d470caa,0 22px 70px #000b,0 0 50px #27dff033,inset 0 1px #fff5bf;color:#fff;transform:perspective(900px) rotateX(9deg) scale(.8);animation:v130DiceCard .35s cubic-bezier(.2,.9,.3,1) forwards}
@keyframes v130DiceCard{to{transform:perspective(900px) rotateX(0) scale(1)}}
.dice-cinema-card small{font-weight:900;color:#55eaff;letter-spacing:.04em}.dice-cinema-card h2{margin:4px 0 12px;font-size:26px;color:#ffe676;text-shadow:0 2px #603a00}
.dice-cinema-pair{display:flex;gap:24px;justify-content:center;perspective:700px;margin:8px 0 14px}
.cine-die{width:92px;height:92px;border-radius:22px;position:relative;display:block;background:linear-gradient(145deg,#fffdf5,#e7e2d2);border:3px solid #fff;box-shadow:inset -12px -14px 25px #8b877f55,0 18px 18px #0008;animation:v130Tumble .18s linear infinite;transform-style:preserve-3d}
.dice-cinema130.settled .cine-die{animation:v130Settle .34s cubic-bezier(.2,.9,.3,1)}
@keyframes v130Tumble{0%{transform:rotateX(0) rotateY(0) rotateZ(0) translateY(0)}50%{transform:rotateX(170deg) rotateY(120deg) rotateZ(70deg) translateY(-16px)}100%{transform:rotateX(360deg) rotateY(300deg) rotateZ(180deg) translateY(0)}}
@keyframes v130Settle{0%{transform:scale(1.18) rotate(-8deg)}55%{transform:scale(.92) rotate(3deg)}100%{transform:none}}
.cine-die i{position:absolute;width:12px;height:12px;border-radius:50%;background:#09233c;opacity:0;box-shadow:inset 1px 1px 2px #0008}
.cine-die .d1{left:17px;top:17px}.cine-die .d2{left:40px;top:17px}.cine-die .d3{right:17px;top:17px}.cine-die .d4{left:17px;top:40px}.cine-die .d5{left:40px;top:40px}.cine-die .d6{right:17px;top:40px}.cine-die .d7{left:17px;bottom:17px}.cine-die .d8{left:40px;bottom:17px}.cine-die .d9{right:17px;bottom:17px}
.cine-die[data-n="1"] .d5,.cine-die[data-n="2"] .d1,.cine-die[data-n="2"] .d9,.cine-die[data-n="3"] .d1,.cine-die[data-n="3"] .d5,.cine-die[data-n="3"] .d9,.cine-die[data-n="4"] .d1,.cine-die[data-n="4"] .d3,.cine-die[data-n="4"] .d7,.cine-die[data-n="4"] .d9,.cine-die[data-n="5"] .d1,.cine-die[data-n="5"] .d3,.cine-die[data-n="5"] .d5,.cine-die[data-n="5"] .d7,.cine-die[data-n="5"] .d9,.cine-die[data-n="6"] .d1,.cine-die[data-n="6"] .d3,.cine-die[data-n="6"] .d4,.cine-die[data-n="6"] .d6,.cine-die[data-n="6"] .d7,.cine-die[data-n="6"] .d9{opacity:1}
.dice-cinema-card> b{display:block;font-size:22px;color:#fff4bd}.dice-cinema130.settled .dice-cinema-card> b{animation:v130Result .5s ease}@keyframes v130Result{50%{transform:scale(1.28);color:#3cf4ff;text-shadow:0 0 24px #3cf4ff}}

/* premium transient property card */
.property-reveal130{position:absolute;z-index:160;left:50%;top:18%;width:330px;transform:translate(-50%,-12px) perspective(900px) rotateX(-10deg) scale(.82);opacity:0;pointer-events:none;transition:.32s cubic-bezier(.2,.9,.3,1)}
.property-reveal130.show{transform:translate(-50%,0) perspective(900px) rotateX(0) scale(1);opacity:1}
.property-card3d{direction:rtl;display:grid;grid-template-columns:90px 1fr;gap:13px;padding:14px;border:2px solid #f5c94f;border-radius:20px;background:linear-gradient(150deg,#0b3558f5,#041a2df5);box-shadow:0 12px 34px #0009,0 0 0 4px #80510e88,inset 0 1px #fff4bd55;color:#fff}
.property-art{display:grid;place-items:center;border-radius:14px;background:radial-gradient(circle,#35ddeb33,#00162788);border:1px solid #fff5bc55;overflow:hidden}.property-art img{width:80px;height:80px;object-fit:contain;filter:drop-shadow(0 9px 5px #0008)}
.property-card3d small{color:#40e9f6;font-weight:900}.property-card3d h3{margin:2px 0 3px;color:#ffe277;font-size:22px}.property-card3d p{margin:0 0 7px;color:#c7ddeb;font-size:11px}.property-numbers{display:flex;gap:6px}.property-numbers span{flex:1;padding:5px;border-radius:9px;background:#001a2c88;border:1px solid #ffffff1f;font-size:8px}.property-numbers b{display:block;color:#fff1aa;font-size:10px}

/* cinematic money feedback */
.cine-money-layer{position:fixed;inset:0;pointer-events:none;z-index:820;overflow:hidden}.cine-money{position:absolute;left:50%;top:47%;direction:rtl;padding:9px 18px;border-radius:999px;background:#06233ce8;border:2px solid #53e9ff;color:#fff;box-shadow:0 12px 35px #0008,0 0 25px #36ddeb55;animation:v130Money 1.35s ease-out forwards;text-align:center}.cine-money small{font-size:9px;display:block;color:#bceff5}.cine-money b{font-size:22px;color:#77ffae}.cine-money.loss{border-color:#ff8c70}.cine-money.loss b{color:#ffb29f}.cine-money.jackpot{border-color:#ffe35d;box-shadow:0 0 34px #ffd83c88}.cine-money.jackpot b{color:#ffe775}
@keyframes v130Money{0%{transform:translate(-50%,30px) scale(.7);opacity:0}18%{transform:translate(-50%,0) scale(1.06);opacity:1}70%{opacity:1}100%{transform:translate(-50%,-85px) scale(.95);opacity:0}}

/* VS intro */
.vs-screen130{position:fixed;inset:0;z-index:990;background:#031827;display:grid;place-items:center;opacity:0;transition:opacity .24s ease;overflow:hidden;color:#fff}.vs-screen130.hidden{display:none}.vs-screen130.show{opacity:1}.vs-sky{position:absolute;inset:0;background:radial-gradient(circle at 50% 30%,#3bd9ff55,transparent 30%),linear-gradient(#0b86ca,#06243c 70%)}.vs-sky::before,.vs-sky::after{content:"";position:absolute;width:38vw;height:16vw;border-radius:50%;background:#e9f8ffcc;filter:blur(18px);top:16%;left:-7%;box-shadow:7vw 2vw 0 #effbffcc,14vw -1vw 0 #eaf9ffcc}.vs-sky::after{left:auto;right:-7%;top:52%;transform:scale(.8)}
.vs-shell{position:relative;width:min(980px,92vw);padding:34px;border-radius:38px;border:3px solid #efc044;background:linear-gradient(145deg,#082e4fe8,#041a2ee8);box-shadow:0 0 0 7px #69420daa,0 28px 80px #000a,inset 0 1px #fff3b4;text-align:center}.vs-shell>small{color:#ffe16d;font-weight:900}.vs-grid{margin-top:18px;display:grid;grid-template-columns:1fr 100px 1.4fr;align-items:center;gap:25px}.vs-grid>strong{font-size:56px;color:#ffe069;font-style:italic;text-shadow:0 5px #7b4608,0 0 22px #ffda48}.vs-main img,.vs-rivals img{object-fit:cover;border-radius:28%;border:3px solid #f5c64c;background:#061c2f;box-shadow:0 10px 26px #0008,0 0 20px #31e8fa33}.vs-main img{width:180px;height:180px}.vs-main b,.vs-main span{display:block}.vs-main b{font-size:28px;color:#ffe276;margin-top:8px}.vs-main span,.vs-rivals span{font-size:11px;color:#bcd9e9}.vs-rivals{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.vs-rivals img{width:110px;height:110px}.vs-rivals b,.vs-rivals span{display:block}.vs-rivals b{color:#fff1aa;margin-top:5px}.vs-map{margin:25px auto 0;width:max-content;max-width:80%;padding:10px 24px;border-radius:999px;border:1px solid #48dded88;background:#001a2cae}.vs-map i{font-style:normal;font-size:22px;margin-inline-end:8px}.vs-map b{color:#fff}.vs-map span{color:#9fc9dc;margin-inline-start:10px;font-size:10px}.vs-count130{position:absolute;left:50%;bottom:-38px;transform:translateX(-50%);width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(#ffe777,#efa81e);border:3px solid #704309;color:#08243d;font-weight:1000;font-size:39px;box-shadow:0 8px 20px #0008,0 0 30px #ffe36a}.vs-count130.pop{animation:v130Count .4s ease}@keyframes v130Count{0%{transform:translateX(-50%) scale(.65)}50%{transform:translateX(-50%) scale(1.2)}100%{transform:translateX(-50%) scale(1)}}

/* victory cinematic */
.victory-cinema130{position:fixed;inset:0;z-index:950;display:grid;place-items:center;pointer-events:none;opacity:0;transition:opacity .3s ease;background:radial-gradient(circle at 50% 50%,#0ddfff2f,#00111fcc 60%,#000913ed)}.victory-cinema130.hidden{display:none}.victory-cinema130.show{opacity:1}.victory-stage130{text-align:center;position:relative;padding:26px 46px 30px;border:3px solid #ffd34f;border-radius:34px;background:linear-gradient(#0a3354f5,#041b30f7);box-shadow:0 25px 70px #000b,0 0 65px #ffd34833,inset 0 1px #fff5bd;animation:v130VictoryIn .55s cubic-bezier(.15,.9,.2,1)}@keyframes v130VictoryIn{0%{transform:translateY(70px) scale(.72) rotateX(18deg);opacity:0}100%{transform:none;opacity:1}}.victory-stage130>small{color:#44edfa;font-weight:900}.victory-avatar130{width:150px;height:150px;margin:10px auto;position:relative}.victory-avatar130 img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:5px solid #ffd95d;background:#08243d;box-shadow:0 0 0 6px #73470c,0 0 42px #ffdb53}.victory-avatar130 b{position:absolute;right:-10px;top:-20px;font-size:48px;filter:drop-shadow(0 5px 3px #0008)}.victory-stage130 h2{font-size:42px;color:#ffe371;margin:4px 0;text-shadow:0 4px #6e4006}.victory-stage130 p{color:#d8e9f4}.victory-stats130{display:flex;gap:9px;justify-content:center;margin-top:15px}.victory-stats130 span{min-width:100px;padding:8px 12px;border-radius:13px;border:1px solid #f4c74b66;background:#001b2eaa;font-size:10px}.victory-stats130 b{display:block;color:#ffe56d;font-size:16px}.v130-confetti{position:absolute;inset:0;overflow:hidden}.v130-confetti i{position:absolute;left:var(--x);top:-20px;width:9px;height:16px;border-radius:3px;background:linear-gradient(#fff5a4,#f0a91b);animation:v130Confetti 2.7s var(--d) linear infinite;transform:rotate(var(--r))}@keyframes v130Confetti{to{top:110%;transform:rotate(calc(var(--r) + 720deg)) translateX(45px)}}

/* tension + tactile UI */
.cinematic-v130[data-match-tension="high"] .classic-top-center{filter:drop-shadow(0 0 9px #ffbc35aa)}
.cinematic-v130[data-match-tension="high"] #turnLabel{animation:v130Tension 1.4s ease-in-out infinite alternate}@keyframes v130Tension{to{box-shadow:0 0 22px #ffcc46aa}}
.cinematic-v130 button:not(:disabled){transition:transform .12s ease,filter .18s ease,box-shadow .18s ease}.cinematic-v130 button:not(:disabled):active{transform:translateY(2px) scale(.98)}
.cinematic-v130 #music130Btn.on{border-color:#48e8f5!important;box-shadow:0 0 13px #31dfea66!important}

@media(max-width:760px){
  .dice-cinema-card{min-width:0;width:82vw;padding:18px}.cine-die{width:68px;height:68px;border-radius:16px}.dice-cinema-pair{gap:16px}.property-reveal130{top:25%;width:min(315px,88vw)}
  .vs-shell{padding:20px 12px;border-radius:24px}.vs-grid{grid-template-columns:1fr 55px 1.25fr;gap:8px}.vs-grid>strong{font-size:34px}.vs-main img{width:105px;height:105px}.vs-rivals{gap:5px}.vs-rivals img{width:68px;height:68px}.vs-main b{font-size:18px}.vs-rivals b{font-size:10px}.vs-rivals span{display:none}.vs-map{max-width:92%;padding:8px 12px}.vs-map span{display:none}.vs-count130{width:66px;height:66px;font-size:30px;bottom:-34px}
  .victory-stage130{width:86vw;padding:20px 12px}.victory-avatar130{width:112px;height:112px}.victory-stage130 h2{font-size:30px}.victory-stats130 span{min-width:0;flex:1;padding:7px 5px}.victory-stats130{gap:4px}
}
@media(prefers-reduced-motion:reduce){.cinematic-v130 .tile.v130-build-rise .iso-build img,.cine-die,.v130-confetti i,.vs-count130,.victory-stage130{animation:none!important}}