@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{--navy:#0b1227;--bg:#0b1021;--card:#17213a;--ink:#f6f4f7;--muted:#a5aec3;--border:rgba(224,226,249,.15);--gold:#f4c77b;--purple:#b69bff;--lime:#c9f681;--shadow:0 26px 85px rgba(2,7,26,.36)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0a1022;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}.ambient{position:absolute;z-index:-1;pointer-events:none;filter:blur(76px);border-radius:50%}.ambient-a{left:-20%;top:80px;width:700px;height:730px;background:rgba(55,58,155,.17)}.ambient-b{right:-20%;top:120px;width:850px;height:800px;background:rgba(65,80,160,.15)}.sitebar{position:relative;z-index:5;min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 max(4.3vw,24px);border-bottom:1px solid var(--border);background:rgba(12,19,39,.78);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:11px}.brand-badge{background:#f0d7a2;color:#14172c;display:grid;place-items:center;font-family:'Barlow Condensed';font-size:44px;font-weight:900;letter-spacing:-5px;width:58px;height:58px;border-radius:17px;transform:rotate(-7deg);box-shadow:0 7px 30px #c89e7050}.brand-badge span{font-size:28px;position:relative;top:-8px;left:-2px}.brand-name{font-family:'Barlow Condensed';font-size:31px;font-weight:900;letter-spacing:-1px;line-height:.78}.brand-name small{font-family:'DM Sans';display:block;font-size:9px;letter-spacing:3.3px;font-weight:800;line-height:3;color:#aeadd2}.navlinks{display:flex;align-items:center;gap:36px;color:#d8dcf0;font-weight:800;font-size:13px}.navlinks a:hover{color:var(--gold)}.bar-actions{display:flex;align-items:center;gap:12px}.btn{border:1px solid transparent;border-radius:13px;min-height:43px;display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:0 19px;font-size:12px;font-weight:900;letter-spacing:.5px;transition:transform .22s,box-shadow .22s,border-color .22s}.btn:hover:not(:disabled){transform:translateY(-3px)}.btn-gold{background:linear-gradient(110deg,#f9df9c,#eab668);color:#18203a;box-shadow:0 8px 22px #d8ad6538}.btn-gold:hover{box-shadow:0 12px 32px #d8ad6588}.btn-quiet{background:#ffffff08;color:#eff0f6;border-color:var(--border)}.btn-outline{color:#f2eefc;border-color:#66728b90;background:#ffffff0a}.btn-white{background:#fff5e4;color:#25213a}.btn-xl{min-height:55px;padding:0 26px;font-size:12px}.btn-wide{width:100%}.coin-top{font-size:13px;font-weight:900;color:#f5d297;padding:11px}.hero{max-width:1630px;margin:auto;min-height:690px;padding:66px 4.8vw 35px;display:grid;grid-template-columns:minmax(370px,.88fr) minmax(520px,1.12fr);align-items:center;gap:16px}.eyebrow,.section-no,.small-overline{font-size:10px;letter-spacing:2.7px;color:#acb1e4;font-weight:900;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:9px}.status-dot,.pulse-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#b7f47e;box-shadow:0 0 18px #d6ff98;flex:none}.hero-copy{position:relative;z-index:1}.hero-copy h1{font-family:'Barlow Condensed',Impact,sans-serif;line-height:.83;font-size:clamp(80px,9.3vw,162px);letter-spacing:-3px;font-weight:900;margin:28px 0 27px}.hero-copy h1 em{font-style:normal;color:#efd18d}.period{color:#b39bff}.hero-copy p{max-width:470px;color:#c6cce1;font-size:16px;line-height:1.8}.hero-buttons{display:flex;flex-wrap:wrap;gap:12px;margin:32px 0 46px}.play-triangle{color:var(--gold);font-size:12px}.trustline{display:flex;gap:23px;align-items:center;color:#d5cee3;font-size:12px}.trustline strong{font-family:'Barlow Condensed';font-size:29px;color:#fae3ac;margin-right:4px}.trustline i{height:24px;border-left:1px solid #666b8a}.hero-art{position:relative;min-height:660px;display:grid;place-items:center}.hero-glow{position:absolute;inset:6% 2%;border-radius:50%;background:radial-gradient(ellipse,#9286e422,#432c6e2b 42%,transparent 70%);filter:blur(9px)}.art-board{width:min(100%,700px);aspect-ratio:1;transform:perspective(1000px) rotateX(15deg) rotateZ(-8deg);filter:drop-shadow(0 42px 50px #000a);animation:levitate 6s ease-in-out infinite}.art-board canvas{width:100%;height:100%;display:block}@keyframes levitate{50%{transform:perspective(1000px) rotateX(13deg) rotateZ(-6deg) translateY(-10px)}}.hero-float{position:absolute;background:#172039ed;border:1px solid #8591b44f;box-shadow:var(--shadow);padding:15px 20px;border-radius:15px;backdrop-filter:blur(18px);display:flex;flex-direction:column;gap:5px}.hero-float strong{font-size:14px}.hero-float span:last-child{font-size:10px;color:#a4b0d5}.hero-float.left{top:14%;left:-2%;transform:rotate(-5deg)}.hero-float.right{right:0;bottom:20%;transform:rotate(4deg)}.hero-float.right .pulse-dot{position:absolute;left:10px;top:22px;background:#f85b8b}.hero-float.right strong{padding-left:12px;font-size:10px}.art-caption{position:absolute;bottom:0;font-size:10px;letter-spacing:2px;color:#a7b3dd}.art-caption span{color:#f8dfb8;font-size:18px}.stripe{display:flex;align-items:center;justify-content:space-around;gap:25px;white-space:nowrap;overflow:hidden;background:linear-gradient(105deg,#efce93,#c7a4fa,#a5e8e5);color:#202038;min-height:61px;font-family:'Barlow Condensed';font-weight:900;font-size:23px;letter-spacing:2px}.stripe b{font-size:17px}.section{max-width:1550px;margin:0 auto;padding:100px 5vw}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:37px}.section-heading h2,.premium-band h2,.ladder h2,.cta-final h2{font-family:'Barlow Condensed';font-weight:900;line-height:.97;letter-spacing:-.8px;font-size:clamp(49px,5vw,80px);margin:12px 0}.section-heading h2 em,.premium-band h2 em,.ladder h2 em,.cta-final h2 em{color:#f4d594;font-style:normal}.section-heading p,.premium-band p,.ladder p{color:#bbc5dd;line-height:1.7}.live-mini{font-size:12px;color:#b9c2d8;background:#ffffff08;padding:12px 16px;border:1px solid var(--border);border-radius:100px;white-space:nowrap}.live-mini .status-dot{margin-right:5px}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mode-card{text-align:left;border-radius:24px;overflow:hidden;border:1px solid #ffffff19;position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;min-height:440px;color:#fff;padding:30px;isolation:isolate;transition:transform .25s,box-shadow .25s,border-color .25s}.mode-card:hover{transform:translateY(-9px);box-shadow:0 32px 70px #0006;border-color:#ddc1acaa}.mode-card.friends{background:radial-gradient(circle at 65% 24%,#3e427c,#1a2445 55%,#151c36)}.mode-card.join{background:radial-gradient(circle at 61% 20%,#304e78,#19263a 55%,#121c33)}.mode-card.solo{background:radial-gradient(circle at 62% 20%,#664571,#2d244b 60%,#1c1b36)}.mode-card:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(8,12,26,.9),transparent 77%)}.mode-card h3{font-family:'Barlow Condensed';font-size:49px;margin:8px 0 4px;letter-spacing:0;font-weight:900}.mode-card p{font-size:12px;line-height:1.7;color:#d2d6e9;max-width:310px;min-height:40px}.mode-tag{font-size:9px;font-weight:900;letter-spacing:2px;color:#f5d899}.mode-cta{margin-top:13px;width:100%;display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:900;letter-spacing:1px;padding-top:15px;border-top:1px solid #ffffff45}.mode-cta b{font-size:25px;color:#ffe5a9}.mode-illustration{position:absolute;top:25px;left:50%;transform:translateX(-50%) rotate(-10deg);width:260px;height:240px}.chair{position:absolute;width:56px;height:56px;border-radius:20px;box-shadow:inset 4px 5px 9px #ffffff66,0 10px 14px #0008;border:7px solid #ffffff22}.chair.one{left:105px;top:0;background:#f96c8b}.chair.two{top:94px;left:0;background:#79a1ff}.chair.three{right:0;top:95px;background:#eecb70}.chair.four{left:104px;bottom:0;background:#4fceb5}.chair-table{position:absolute;left:70px;top:70px;width:120px;height:120px;background:linear-gradient(135deg,#ffe9b6,#bda1f0);border-radius:29px;transform:rotate(45deg);display:flex;align-items:center;justify-content:center;color:#24304c;font-family:'Barlow Condensed';font-size:74px;font-weight:900;box-shadow:0 15px 30px #0005}.chair-table span{font-size:30px;align-self:center}.join-symbol{position:absolute;top:60px;left:50%;transform:translateX(-50%) rotate(-9deg);display:grid;grid-template-columns:1fr 1fr;gap:10px}.join-symbol span{width:100px;height:80px;border:1px solid #a1b6ff70;display:grid;place-items:center;border-radius:18px;background:#d9e7fd13;color:#d1e7ff;font-family:'Barlow Condensed';font-weight:900;font-size:60px;box-shadow:inset 0 4px 20px #ffffff13}.join-symbol span:nth-child(2){color:#efc68c}.join-symbol span:nth-child(3){color:#f1b7da}.bot-illustration{position:absolute;top:41px;left:50%;transform:translateX(-50%);width:190px;height:192px;border:12px solid #d6dcfa;background:linear-gradient(135deg,#d7d6fd,#9978c4);border-radius:52px 52px 68px 68px;box-shadow:0 22px 35px #0005,inset -15px -15px 25px #453e8560}.bot-face{position:absolute;left:18px;right:18px;top:37px;height:65px;background:#232a50;border-radius:22px;display:flex;justify-content:space-around;align-items:center}.bot-face i{width:20px;height:25px;border-radius:12px;background:#baf78f;box-shadow:0 0 18px #9dedbe}.bot-smile{position:absolute;left:58px;bottom:26px;width:54px;height:18px;border-bottom:7px solid #293153;border-radius:50%}.open-rooms{margin-top:30px;background:#111c34;border:1px solid var(--border);padding:22px;border-radius:18px}.open-room-item{display:flex;align-items:center;justify-content:space-between;padding:9px 0;gap:9px;color:#e9edf6;font-size:12px}.open-room-item+ .open-room-item{border-top:1px solid var(--border)}.premium-band{max-width:1510px;margin:30px auto 0;padding:85px 6%;min-height:430px;display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;background:radial-gradient(circle at 87% 30%,#8063a5c0,#2c2b55 37%,#191d3c 78%);border-radius:28px;position:relative;overflow:hidden;border:1px solid #ffffff25}.premium-copy{position:relative;z-index:1}.premium-band p{max-width:440px}.shop-note{color:#bbbee2;font-size:10px;display:block;margin:15px 0}.skins-display{display:flex;gap:18px;align-items:flex-end;justify-content:center;transform:rotate(-6deg);padding-top:20px}.skin-product{width:150px;height:210px;border:1px solid #ffffff4d;border-radius:24px;background:#ffffff0e;box-shadow:0 24px 35px #0005;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px}.skin-product:nth-child(2){transform:translateY(-32px)}.skin-product span{font-family:'Barlow Condensed';font-size:20px;font-weight:900;letter-spacing:1px}.skin-orb{width:92px;height:92px;border-radius:50%;background:#f84e8b;box-shadow:inset -10px -14px 18px #0006,inset 8px 11px 18px #ffffff8c,0 0 32px #fe7da96b;border:3px solid #ffffff5c}.orb-neon{background:#fd6e8b}.orb-diamond{border-radius:28%;transform:rotate(45deg);background:linear-gradient(135deg,#f9f7ff,#9dcaf5,#6768cf)}.orb-galaxy{background:radial-gradient(circle at 30% 20%,#ffdd86,#e59b4b 30%,#6545b8 80%)}.how .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.steps>div{position:relative;border:1px solid var(--border);background:#121b34;border-radius:18px;padding:30px;min-height:240px}.steps h3{font-family:'Barlow Condensed';font-size:30px;margin:5px 0 6px}.steps p{font-size:12px;color:#aebbd5;line-height:1.7}.step-num{position:absolute;right:28px;top:28px;color:#555c7e;font-family:'Barlow Condensed';font-size:46px;font-weight:900}.step-icon{background:#252c54;border-radius:17px;width:68px;height:67px;display:grid;place-items:center;font-size:36px;color:#efcf94;margin-bottom:22px}.ladder{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.leaderboard{background:#141d38;border:1px solid var(--border);padding:16px 25px;border-radius:20px;min-height:190px}.rank-empty{color:#aaaeca;padding:50px 10px;text-align:center}.rank-row{display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid #ffffff17;gap:10px}.rank-row:last-child{border-bottom:0}.rank-row b{font-size:14px}.rank-row small{font-size:11px;color:#f6d592}.rank-num{font-family:'Barlow Condensed';font-size:25px;color:#bea2ff;min-width:28px}.cta-final{text-align:center;padding:80px 18px 100px;background:radial-gradient(ellipse at bottom,#302a57,#13172e 60%,#0a1022 80%)}.cta-final h2{margin:30px 0;font-size:clamp(40px,6.6vw,86px)}footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:25px max(4vw,20px);gap:14px;border-top:1px solid var(--border);background:#0a1121;font-size:11px;color:#a6afc4}.footer-brand{font-family:'Barlow Condensed';font-size:24px;font-weight:900;color:#f4d495}.footer-brand small{display:block;font-family:'DM Sans';font-size:9px;letter-spacing:2px;color:#bfc7e1}footer strong{color:#ebcb99}.overlay[hidden],.game-shell[hidden]{display:none!important}.overlay{position:fixed;inset:0;background:rgba(2,7,20,.86);backdrop-filter:blur(14px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.dialog{background:#18223b;border:1px solid #d4dbff45;width:min(95vw,560px);max-height:min(90vh,860px);overflow:auto;border-radius:25px;box-shadow:0 28px 95px #0009;padding:27px}.dialog-head{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:20px}.dialog-head h2{font-family:'Barlow Condensed';font-size:43px;margin:4px 0 0}.round-close{border:1px solid #ffffff28;background:#ffffff16;color:white;width:37px;height:37px;border-radius:11px;font-size:24px}.dialog form{display:grid;gap:13px}.dialog label{display:grid;gap:6px;font-size:12px;color:#bcc6e0;font-weight:800}.field{border:1px solid #ffffff2b;background:#10192e;color:#fff;padding:13px 14px;border-radius:11px;width:100%;outline:none}.field:focus{border-color:#e7bb82}.field::placeholder{color:#77829d}.form-hint{font-size:11px;color:#b0b8cd;line-height:1.65}.form-warning{font-size:12px;color:#fac5c5;background:#6630405e;border-radius:10px;padding:9px}.form-switch{text-align:center;margin-top:16px;color:#a5b1cb;font-size:12px}.text-button{color:#f8d49b;border:0;background:none;text-decoration:underline;font-size:12px;font-weight:800}.modal-stack{display:grid;gap:12px}.fb-btn{width:100%;background:#1778f2;color:#fff;border:0;display:flex;gap:12px;align-items:center;justify-content:center;padding:13px;border-radius:12px;font-weight:900}.fb-btn:disabled{background:#2b3e62}.room-code-input{text-transform:uppercase;letter-spacing:6px;font-weight:900;font-size:27px;text-align:center}.choice-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.choice-cards label{background:#111c35;border:1px solid #ffffff2b;border-radius:11px;padding:16px;cursor:pointer}.choice-cards input{accent-color:#e6bf86}.shop-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.shop-tile{border:1px solid #ffffff38;border-radius:16px;background:#101a32;padding:19px;text-align:center}.shop-tile strong{display:block;margin-bottom:6px}.shop-coin{font-size:12px;color:#e8cb96}.shop-tile .btn{margin-top:11px;width:100%}.profile-frame{display:flex;align-items:center;gap:18px;border:1px solid #ffffff28;padding:14px;border-radius:16px;background:#131b31;margin-bottom:16px}.profile-photo{width:74px;height:74px;border-radius:21px;object-fit:cover;display:grid;place-items:center;background:linear-gradient(135deg,#65548c,#333a66);font-size:35px;border:2px solid #e5bf7b}.profile-frame small{display:block;color:#a6b2d5;font-size:12px;line-height:1.6}.avatar-presets{display:flex;gap:8px;flex-wrap:wrap}.avatar-pick{border:1px solid #ffffff35;border-radius:13px;background:#ffffff0a;font-size:27px;padding:8px}.avatar-pick.selected{border:2px solid #efcf91}.dialog .divider{height:1px;background:var(--border);margin:17px 0}.rules{font-size:13px;line-height:1.7;color:#cbd2e3}.rules li{margin-bottom:9px}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,25px);z-index:150;background:#f3d69a;color:#17203a;border-radius:14px;padding:14px 21px;font-weight:900;font-size:12px;box-shadow:0 18px 42px #0008;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:92vw}.toast.visible{opacity:1;transform:translate(-50%,0)}.game-shell{position:fixed;inset:0;background:radial-gradient(circle at 45% 45%,#1b2c47,#0b1226 75%);z-index:80;overflow-y:auto}.game-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 3vw;background:#0b1228ed;border-bottom:1px solid var(--border);min-height:70px}.back-btn,.copy-btn{border:1px solid #ffffff25;background:#ffffff09;color:#e5e8f2;border-radius:12px;padding:12px 15px;font-size:10px;font-weight:900;letter-spacing:.6px}.game-title{text-align:center;display:flex;flex-direction:column;gap:3px}.game-title strong{color:#f4d593;font-family:'Barlow Condensed';font-size:24px;letter-spacing:.6px}.game-title span{font-size:11px;color:#b2bbd5;letter-spacing:2px}.game-meta{display:flex;align-items:center;gap:10px}.pill{border-radius:20px;background:#293958;border:1px solid #ffffff2c;padding:10px 15px;font-size:11px;color:#bbcce8}.pill.online{color:#a9f3ad}.game-layout{display:grid;grid-template-columns:minmax(460px,1.45fr) minmax(290px,.55fr);gap:22px;max-width:1750px;padding:20px 2vw;margin:auto}.board-column{min-width:0}.board-stage{aspect-ratio:1;width:min(100%,min(78vh,880px));margin:auto;position:relative;border-radius:30px;background:radial-gradient(circle at center,#425778 0,#1b2b4a 70%,#121a34 100%);border:2px solid #ffffff27;box-shadow:inset 0 0 110px #0005,0 22px 60px #0004;overflow:hidden}.board-stage canvas{width:100%;height:100%;display:block;touch-action:manipulation;cursor:pointer}.board-watermark{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:2px;color:#aab4da;pointer-events:none}.dice-panel{margin:12px auto 0;width:min(100%,min(78vh,880px));background:#192642;border:1px solid #ffffff23;border-radius:18px;padding:13px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px}.dice-left{display:flex;flex-direction:column;gap:4px}.dice-left strong{font-family:'Barlow Condensed';font-size:28px}.dice-left small{font-size:11px;color:#b4c3de}.dice-controls{display:flex;align-items:center;gap:9px}.die{width:59px;height:59px;border:2px solid #e9d3a6;background:linear-gradient(140deg,#fff7e7,#d1b78d);border-radius:12px;color:#18203b;font-size:42px;line-height:1;display:grid;place-items:center;box-shadow:0 6px 17px #0005}.die.selected{box-shadow:0 0 0 4px #80f5d0,0 0 35px #80f5d076;transform:translateY(-3px)}.die.used{opacity:.25}.game-sidebar{display:flex;flex-direction:column;gap:11px;max-height:calc(100vh - 112px);min-height:0}.panel{padding:16px;border:1px solid #ffffff29;border-radius:18px;background:#131e38;min-height:0}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:10px;letter-spacing:1.3px;font-weight:900;color:#e7d2a4;padding-bottom:12px;border-bottom:1px solid #ffffff16}.panel-title span:last-child{color:#a7b3ce}.seat-list{display:grid;gap:7px;padding-top:9px}.player-seat{display:flex;gap:10px;align-items:center;border:1px solid #ffffff18;border-radius:12px;padding:8px 10px;background:#ffffff07}.player-seat.turning{border-color:#eec98e;background:#ebd39413}.seat-face{width:35px;height:35px;border-radius:10px;border:2px solid var(--seat-color,#fff);display:grid;place-items:center;font-size:19px;background:#121a2f;flex:none;object-fit:cover}.seat-meta{flex:1;min-width:0}.seat-meta b{font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seat-meta small{font-size:10px;color:#aab3ce}.seat-count{font-size:10px;color:#f0d59b;white-space:nowrap}.waiting-actions{margin-top:13px;background:#ffffff09;border-radius:13px;padding:12px}.waiting-actions p{font-size:11px;color:#b6c3d8;margin-bottom:10px}.game-events{flex:0 0 auto}.events-list{max-height:125px;overflow:auto;padding-top:9px;font-size:10px;line-height:1.6;color:#bbc7de}.events-list div{padding:4px 0;border-bottom:1px solid #ffffff0f}.chat-panel{display:flex;flex-direction:column;flex:1;min-height:180px}.chat-messages{display:flex;flex-direction:column;gap:7px;overflow:auto;flex:1;padding:13px 0;min-height:100px;max-height:270px}.chat-bubble{font-size:11px;color:#cad2e5;line-height:1.4}.chat-bubble b{color:#f0d393;margin-right:6px}.chat-form{display:flex;gap:5px}.chat-form input{width:100%;background:#0c1529;border:1px solid #ffffff26;border-radius:10px;padding:11px;color:#fff;font-size:12px;min-width:0}.chat-form button{border:0;border-radius:10px;background:#f5d393;font-size:19px;width:44px;flex:none;color:#17213b}.finish-banner{background:linear-gradient(115deg,#54456b,#b9a173);padding:14px;border-radius:13px;color:#fff;font-weight:900;text-align:center}.intro-small{color:#b8c4d9;font-size:12px;line-height:1.8}.invite-code{font-family:'Barlow Condensed';font-size:50px;font-weight:900;color:#f4d79a;letter-spacing:8px;text-align:center;padding:20px 12px;border:2px dashed #c3b18c;background:#18203c;border-radius:14px}.rule-card{background:#101a31;border:1px solid #ffffff23;padding:14px;border-radius:12px;color:#b4bed5;font-size:12px;line-height:1.6}.centered{text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1100px){.hero{grid-template-columns:1fr 1fr;padding-top:40px}.hero-copy h1{font-size:clamp(80px,9.1vw,120px)}.hero-art{min-height:480px}.hero-float.left{left:-15%}.hero-float.right{right:-7%}.navlinks{gap:16px}.mode-card{min-height:400px;padding:20px}.mode-card h3{font-size:42px}.game-layout{grid-template-columns:minmax(420px,1.2fr) minmax(275px,.8fr)}.game-top{flex-wrap:wrap}.game-title{order:0}}
@media(max-width:820px){.sitebar{padding:13px 17px;min-height:74px}.navlinks{display:none}.brand-badge{width:44px;height:44px;font-size:34px}.brand-name{font-size:24px}.brand-name small{font-size:7px}.bar-actions .btn{min-height:39px;padding:0 11px;font-size:10px}.hero{grid-template-columns:1fr;min-height:0;padding:55px 22px 28px;gap:0}.hero-copy h1{font-size:clamp(80px,14vw,128px);margin:22px 0}.hero-copy p{font-size:14px}.hero-art{min-height:0;height:auto;padding:12px 20px 55px}.hero-float{display:none}.art-board{max-width:580px}.art-caption{font-size:8px}.stripe{font-size:17px;min-height:50px;justify-content:start;padding-left:18px;gap:22px}.section{padding:72px 20px}.mode-grid{grid-template-columns:1fr 1fr}.mode-card:last-child{grid-column:span 2;min-height:295px}.mode-card:last-child .bot-illustration{left:75%;top:19px;transform:translateX(-50%) scale(.82)}.mode-card:last-child p{max-width:330px}.premium-band{margin:0 16px;padding:55px 30px;grid-template-columns:1fr;gap:15px}.skins-display{height:185px;align-items:center}.skin-product{height:155px;width:110px}.skin-orb{width:62px;height:62px}.how .steps{grid-template-columns:1fr 1fr}.ladder{grid-template-columns:1fr}.game-layout{display:flex;flex-direction:column;padding:8px 12px}.board-stage{width:min(100%,720px)}.dice-panel{width:min(100%,720px)}.game-sidebar{max-height:none;display:grid;grid-template-columns:1fr 1fr}.chat-panel{grid-column:span 2;min-height:220px}.game-events{min-width:0}.chat-messages{max-height:200px}}
@media(max-width:550px){.brand-name small{letter-spacing:1.4px}.bar-actions{gap:5px}.bar-actions .btn-quiet{display:none}.bar-actions .btn-gold{font-size:9px;min-height:36px;padding:0 10px}.coin-top{font-size:10px;padding:6px}.hero{padding:42px 18px 0}.hero-copy h1{font-size:clamp(72px,19vw,102px);line-height:.85;letter-spacing:-2px}.hero-copy p{font-size:13px;line-height:1.75;max-width:330px}.hero-buttons{gap:7px;margin:27px 0}.hero-buttons .btn{padding:0 15px;font-size:10px;min-height:49px}.trustline{font-size:10px;gap:15px}.trustline strong{font-size:24px}.hero-art{padding:2px 0 44px}.art-board{width:105%;margin-left:-2.5%;transform:rotate(-7deg)!important;animation:none}.section{padding:66px 14px}.section-heading{flex-direction:column;align-items:start;gap:8px}.section-heading h2,.premium-band h2,.ladder h2{font-size:53px}.live-mini{font-size:10px}.mode-grid{grid-template-columns:1fr;gap:12px}.mode-card{min-height:370px;padding:21px}.mode-card h3{font-size:47px}.mode-card:last-child{grid-column:span 1;min-height:370px}.mode-card:last-child .bot-illustration{left:50%;top:38px;transform:translateX(-50%)}.mode-card:last-child p{max-width:none}.mode-card p{min-height:30px}.premium-band{margin:0 12px;padding:44px 19px;border-radius:22px}.skins-display{gap:8px}.skin-product{width:30%;height:157px}.skin-product span{font-size:16px}.how .steps{grid-template-columns:1fr}.steps>div{min-height:180px}.ladder{gap:10px}.cta-final h2{font-size:49px}footer{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.dialog{padding:21px 16px;border-radius:18px}.dialog-head h2{font-size:38px}.game-top{padding:9px 11px;min-height:60px}.game-title{order:-1;width:100%;border-bottom:1px solid #ffffff1c;padding-bottom:7px}.game-title strong{font-size:19px}.game-title span{font-size:10px}.back-btn,.copy-btn{font-size:9px;padding:8px}.game-meta{gap:5px}.pill{padding:8px;font-size:9px}.game-layout{padding:5px}.board-stage{border-radius:14px;width:100%}.board-watermark{font-size:6px;bottom:3px}.dice-panel{padding:10px;flex-wrap:wrap;gap:8px}.dice-left strong{font-size:25px}.dice-left small{font-size:10px}.dice-controls{width:100%;justify-content:space-between}.die{width:49px;height:49px;font-size:35px}.dice-controls .btn{flex:1;font-size:11px;min-height:49px}.game-sidebar{display:flex;max-height:none}.panel{padding:11px}.seat-list{display:grid;grid-template-columns:1fr 1fr;gap:5px}.player-seat{padding:6px}.seat-face{height:28px;width:28px;font-size:15px}.seat-meta b{font-size:10px}.seat-meta small{font-size:9px}.seat-count{font-size:9px}.game-events .events-list{max-height:90px}.chat-panel{min-height:210px}.shop-grid{grid-template-columns:1fr 1fr}.choice-cards{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Estabilidad de la retícula en teléfonos y pantallas estrechas */
.ambient{position:fixed}.hero-copy,.hero-art,.hero-art canvas,.art-board{min-width:0;max-width:100%}
@media(max-width:820px){.hero{grid-template-columns:minmax(0,1fr)}.hero-copy{max-width:100%}.hero-art{max-width:100%;overflow:hidden}}
@media(max-width:550px){.hero{grid-template-columns:minmax(0,1fr)}.art-board{width:100%;margin:0;max-width:100%}.hero-copy h1{overflow-wrap:normal;font-size:clamp(60px,17.2vw,84px)}.hero-buttons{max-width:100%}.mode-card{overflow:hidden}.skins-display{max-width:100%}}
/* Tipografías de reserva: la marca también luce bien si Google Fonts no carga. */
.hero-copy h1,.section-heading h2,.premium-band h2,.ladder h2,.cta-final h2,.mode-card h3,.steps h3,.dialog-head h2,.dice-left strong,.game-title strong,.footer-brand,.brand-name{font-family:'Barlow Condensed','Arial Narrow',Impact,Arial,sans-serif}
.chat-delete{font-size:13px;float:right;color:#f2cb98;background:none;border:0;margin-left:6px}

/* 2PISO Parqués V6 — mobile-first social lounge, tableros, dados y reacciones */
:root{--v6-ink:#0c1328;--v6-panel:#18233b;--v6-gold:#f5d18b;--v6-aqua:#85e3d7}
body{background:#080e20}
.sitebar{background:rgba(9,15,31,.91);backdrop-filter:blur(22px)}
.hero-copy h1{letter-spacing:-.03em}
.hero-art .art-board{filter:drop-shadow(0 20px 44px rgba(20,7,68,.35));transition:transform .6s cubic-bezier(.18,.86,.2,1)}
@media(hover:hover){.hero-art:hover .art-board{transform:scale(1.035) rotate(1deg)}}
.coin-top{display:flex;align-items:center;gap:6px}.top-stars{margin-left:8px;border-left:1px solid #fbdc9740;padding-left:9px;color:#f4d5a0}
.game-shell{background:radial-gradient(circle at 50% 30%,#263850 0%,#101a30 52%,#080c1b 100%)}
.game-top{position:sticky;top:0;z-index:7;backdrop-filter:blur(24px);background:#0a132be8;box-shadow:0 5px 20px #050a17a6}
.board-stage{background:#10243b;border:2px solid #e9cc8c70;box-shadow:0 15px 60px #0008,0 0 45px #92a8df20,inset 0 0 75px #0006}
.dice-panel{flex-wrap:wrap;background:linear-gradient(115deg,#1c2946,#131d35);border:1px solid #edd5a74d;box-shadow:0 14px 35px #03061355}
.dice-left{flex:1;min-width:200px}.dice-left strong{line-height:1.15}
.table-theme{display:inline-block;margin-left:10px;border:1px solid #e8d7bd65;padding:3px 8px;border-radius:8px;color:#f5dfbd;letter-spacing:0;text-transform:none;font-size:11px}
.dice-controls{flex-shrink:0}
.die{font-family:Arial,sans-serif;font-weight:800;position:relative;cursor:pointer;transition:transform .24s,box-shadow .24s;background:linear-gradient(145deg,#ffffff,#d1d9e9);border:2px solid #f7f1dc;box-shadow:inset 3px 3px 5px #fff9,inset -3px -5px 8px #34415b48,0 7px 13px #0008}
.die.dice-neon{border-color:#bdfef3;color:#00aa90;background:linear-gradient(145deg,#e3fff9,#7bcbbb);box-shadow:0 0 20px #63fff777}
.die.dice-oro{border-color:#fdf0a5;color:#92601a;background:linear-gradient(145deg,#fff8c2,#ddab52)}
.die.dice-cosmos{border-color:#c3b4ff;color:#e8d8ff;background:linear-gradient(145deg,#5d4eb2,#22204c);box-shadow:0 0 18px #ab89ff66}
.die:disabled{cursor:default}.die.selected{transform:translateY(-4px) scale(1.06);box-shadow:0 0 0 4px #89ffcd,0 0 35px #68ffc088}
.die.used{opacity:.28;box-shadow:none}
@keyframes dice-roll-v6{0%{transform:rotate(0deg) scale(.85) translateY(0)}25%{transform:rotate(94deg) scale(1.1) translateY(-12px)}50%{transform:rotate(190deg) scale(.9) translateY(2px)}75%{transform:rotate(287deg) scale(1.08) translateY(-10px)}100%{transform:rotate(360deg) scale(1) translateY(0)}}
.is-rolling .die{animation:dice-roll-v6 .38s cubic-bezier(.45,.15,.25,.87) infinite;box-shadow:0 0 28px #ffe1a48a}.is-rolling .btn{opacity:.6}
.move-choices{flex:1 0 100%;display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:12px 0 2px;border-top:1px solid #ffffff25}
.move-choices[hidden]{display:none}.move-legend{width:100%;font-weight:800;color:#f2d49b;font-size:12px}
.move-choice{padding:11px 13px;border-radius:12px;border:1px solid #abdfcc;background:#213f48;color:#ebfff8;font-size:12px;font-weight:800;cursor:pointer;transition:transform .2s,background .2s}
.move-choice:hover:not(:disabled){transform:translateY(-3px);background:#326b65}.move-choice:disabled{opacity:.42;cursor:not-allowed}
.dice-fairness{width:100%;font-size:10px;line-height:1.35;color:#a7b8d2;margin:0}
.reaction-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none}
@keyframes reaction-float-v6{0%{opacity:0;transform:translateY(50px) scale(.4) rotate(-12deg)}18%{opacity:1;transform:translateY(5px) scale(1.2) rotate(8deg)}72%{opacity:1;transform:translateY(-45px) scale(1)}100%{opacity:0;transform:translateY(-110px) scale(.85)}}
.floating-reaction{position:absolute;bottom:14%;display:flex;flex-direction:column;align-items:center;gap:1px;text-shadow:0 3px 7px #000a;animation:reaction-float-v6 3.1s ease-out forwards;z-index:3}
.floating-reaction span{font-size:clamp(32px,6vw,65px)}.floating-reaction small{padding:3px 9px;border-radius:14px;background:#0f173fd9;color:#fff;font-size:12px;font-weight:800}
.game-mobile-dock{display:none}
.reaction-tray{position:fixed;bottom:88px;left:50%;transform:translateX(-50%);z-index:95;width:min(calc(100% - 26px),530px);display:grid;grid-template-columns:repeat(5,1fr);gap:7px;padding:12px;background:#1a2340f2;border:1px solid #e7d4ac80;border-radius:20px;box-shadow:0 12px 38px #000a;backdrop-filter:blur(15px)}
.reaction-tray[hidden]{display:none}.reaction-button{border:1px solid #ffffff23;background:#ffffff10;border-radius:13px;font-size:26px;min-height:51px;transition:transform .16s,background .16s;cursor:pointer}.reaction-button:hover{background:#ffffff2f;transform:scale(1.12)}
.mobile-chat-close{display:none;background:none;color:white;border:0;font-size:20px;cursor:pointer}
.board-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0 20px}.board-choice{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px;font-size:11px!important;padding:8px!important;border:1px solid #ffffff30;border-radius:12px;background:#ffffff08;cursor:pointer}.board-choice:has(input:checked){border-color:#f3d68f;background:#d8ae6428;box-shadow:0 0 15px #d8ae6426}.board-choice:has(input:disabled){opacity:.35}.board-choice input{position:absolute;top:6px;left:6px;accent-color:#efce88}.board-choice b{color:#f5f6ff;font-size:11px}.board-choice small{color:#a7b4d0;font-size:9px}.board-swatch{width:100%;height:59px;border-radius:10px;display:grid;place-items:center;font-size:28px;border:1px solid #ffffff40}.swatch-clasico,.mini-clasico{background:linear-gradient(135deg,#e2d59b,#65b39d)}.swatch-esmeralda,.mini-esmeralda{background:linear-gradient(135deg,#197f64,#092d3c)}.swatch-medianoche,.mini-medianoche{background:linear-gradient(135deg,#5862c2,#1a1c3c)}.swatch-madera,.mini-madera{background:linear-gradient(135deg,#a36c38,#4e2f26)}
.public-check{display:flex!important;align-items:center;gap:8px;font-size:12px!important}
.wallet-bar{display:flex;gap:6px;align-items:center;padding:12px;background:#222f4d;border-radius:12px;margin-bottom:12px;color:#ffdf99;font-size:13px}.wallet-bar span{margin-left:auto;color:#f9e1a2}
.shop-tabs{display:flex;gap:7px;margin-bottom:12px}.shop-tab{flex:1;padding:10px 8px;border:1px solid #ffffff2b;background:#202c4a;color:#bbc9de;border-radius:10px;cursor:pointer;font-weight:800;font-size:12px}.shop-tab.active{background:#efcf8b;color:#13213c}.shop-visual{width:100%;height:76px;border-radius:12px;display:grid;place-items:center;font-size:40px;background:radial-gradient(circle at 35% 25%,#7785bc,#1c2445);margin:0 auto 8px}.shop-tile{min-width:0}.shop-tile strong{font-size:12px}.shop-tile .btn{font-size:10px!important}
.room-theme-picker{margin:12px 0;padding:11px;border:1px solid #e1bc8580;border-radius:12px}.room-theme-picker label{display:block;color:#efd8aa;font-weight:800;font-size:11px;margin-bottom:6px}.room-theme-picker select{font-size:12px}
@media(max-width:820px){
 .game-shell{height:100dvh;overflow-y:auto;overscroll-behavior:contain;padding-bottom:calc(75px + env(safe-area-inset-bottom))}
 .game-layout{gap:7px;max-width:100%;padding:4px 6px 20px}
 .game-top{padding:7px 9px;min-height:53px;gap:6px}
 .game-title strong{font-size:17px}.game-title span{font-size:10px}
 .board-stage{width:min(100%,min(81dvh,640px));border-radius:16px}
 .dice-panel{margin-top:7px;width:100%;border-radius:15px;padding:10px;gap:10px}
 .dice-left strong{font-size:25px}.dice-left small{font-size:10px}
 .dice-controls{width:100%;justify-content:space-between}.die{width:55px;height:55px;font-size:38px}
 .dice-controls .btn{min-height:55px;flex:1;font-size:12px}
 .game-sidebar{display:flex;flex-direction:column;gap:6px}
 .seat-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
 .panel{padding:9px}.seat-count{display:none}.seat-meta b{font-size:11px}
 .game-events{display:none}
 .game-sidebar .chat-panel{position:fixed;z-index:90;bottom:calc(72px + env(safe-area-inset-bottom));left:8px;right:8px;max-height:min(60dvh,480px);min-height:270px;border-radius:20px;box-shadow:0 0 0 200vh #050a19ab,0 8px 40px #000a;display:none;flex-direction:column;background:#111d36}
 .game-shell.show-mobile-chat .chat-panel{display:flex}
 .mobile-chat-close{display:block}
 .chat-messages{max-height:none;min-height:100px;flex:1}.chat-bubble{font-size:13px}
 .chat-form input{font-size:16px;padding:12px}.chat-form button{width:48px}
 .game-mobile-dock{position:fixed;z-index:91;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;gap:4px;padding:8px 7px calc(9px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#172642,#10182f);border-top:1px solid #eed09877;box-shadow:0 -9px 36px #0008}
 .game-mobile-dock button{border:0;background:transparent;color:#c5d6eb;min-width:0;flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10px;font-weight:800;min-height:47px;padding:3px 0}.game-mobile-dock button span{font-size:23px}
 .reaction-tray{bottom:calc(79px + env(safe-area-inset-bottom))}
 .move-choices{gap:6px}.move-choice{padding:10px 9px;flex:1 1 calc(50% - 6px)}
}
@media(max-width:550px){
 .sitebar{gap:5px}.hero{padding-top:24px}.hero-copy h1{font-size:clamp(64px,17vw,83px)}
 .game-top{min-height:48px}.game-title{width:auto;order:0;border:0;padding:0;flex:1;min-width:100px}.game-title strong{font-size:15px}.game-title span{display:block}.game-meta{width:100%;justify-content:space-between}
 .game-top .pill{padding:5px 8px}.back-btn,.copy-btn{padding:7px;font-size:9px}
 .board-stage{width:100%;aspect-ratio:1;max-height:none}
 .board-watermark{display:none}
 .dice-panel{gap:8px}
 .dice-left{min-width:0;width:100%}.dice-left strong{font-size:23px}
 .die{width:52px;height:52px;font-size:37px}.dice-controls .btn{min-height:52px;font-size:12px}
 .seat-list{grid-template-columns:repeat(2,minmax(0,1fr))}
 .board-picker{grid-template-columns:repeat(2,minmax(0,1fr))}
 .shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){.is-rolling .die{animation:none!important}.floating-reaction{animation:none!important;opacity:1}}
/* Dados con puntos vectoriales CSS: sin dependencia de emojis ni fuentes */
.dice-face{width:71%;height:71%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:4px;align-items:center;justify-items:center;transform-style:preserve-3d}
.dice-face .pip{width:clamp(4px,1vw,9px);height:clamp(4px,1vw,9px);border-radius:100%;background:currentColor;opacity:0;box-shadow:inset 0 1px 2px #0003}
.die[data-value="1"] .pip:nth-child(5),
.die[data-value="2"] .pip:nth-child(1),.die[data-value="2"] .pip:nth-child(9),
.die[data-value="3"] .pip:nth-child(1),.die[data-value="3"] .pip:nth-child(5),.die[data-value="3"] .pip:nth-child(9),
.die[data-value="4"] .pip:nth-child(1),.die[data-value="4"] .pip:nth-child(3),.die[data-value="4"] .pip:nth-child(7),.die[data-value="4"] .pip:nth-child(9),
.die[data-value="5"] .pip:nth-child(1),.die[data-value="5"] .pip:nth-child(3),.die[data-value="5"] .pip:nth-child(5),.die[data-value="5"] .pip:nth-child(7),.die[data-value="5"] .pip:nth-child(9),
.die[data-value="6"] .pip:nth-child(1),.die[data-value="6"] .pip:nth-child(3),.die[data-value="6"] .pip:nth-child(4),.die[data-value="6"] .pip:nth-child(6),.die[data-value="6"] .pip:nth-child(7),.die[data-value="6"] .pip:nth-child(9){opacity:1}
.die.dice-marfil{color:#283044}