@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;700;800&family=Prata&display=swap');

:root{--ink:#28231f;--muted:#8d847b;--paper:#f7f4ed;--coral:#e9694e;--coral-dark:#c94d36;--line:#ded8ce;--wine:#432730;--device-width:390px;--device-height:844px;font-family:'Golos Text',sans-serif;font-synthesis:none;color:var(--ink);background:#e9e5dd;font-size:14px}
*{box-sizing:border-box}body{margin:0;padding:0 32px}button,a,input,select{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:0;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--coral);outline-offset:4px}button{touch-action:manipulation}a{color:inherit;text-decoration:none}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}button svg{vertical-align:middle}button,select{font-family:inherit}.presentation-header{max-width:1266px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:44px 0 36px}.wordmark{font-family:'Manrope',sans-serif;font-size:39px;font-weight:800;letter-spacing:-2.5px;display:flex;gap:7px;align-items:center}.wordmark svg{width:28px;height:34px}.brand-dot{color:var(--coral);margin-left:-8px}.presentation-title{text-align:center}.eyebrow{font-size:9px;font-weight:600;letter-spacing:1.8px}.presentation-title .eyebrow{color:#867a6e}.presentation-title h1{font-family:'Prata',Georgia,serif;font-size:35px;line-height:1.4;font-weight:400;letter-spacing:-1.2px;margin:9px 0 0}.presentation-note{font-size:12px;line-height:1.8;text-align:right}.presentation-note span{font-size:10px;color:var(--muted)}.presentation-toolbar{max-width:1266px;margin:0 auto 30px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #cfc8bd;padding-top:18px;gap:12px}.screen-tabs{display:flex;gap:4px}.screen-tabs button{padding:11px 16px;border-radius:30px;background:transparent;font-size:11px;color:#73695f}.screen-tabs button.active{background:var(--ink);color:var(--paper)}.demo-tools{display:flex;align-items:center;gap:20px;font-size:11px;color:#766b60}.size-control{display:flex;align-items:center;gap:10px}.size-control select{background:transparent;border:0;font-size:11px;padding:6px;color:var(--ink)}.text-button{background:transparent;font-size:11px;padding:10px 0}.concept-grid{display:grid;grid-template-columns:repeat(3,minmax(0,var(--device-width)));justify-content:center;gap:34px;max-width:1400px;margin:0 auto}.screen-column{min-width:0}.screen-caption{display:flex;justify-content:space-between;font-size:9px;color:#7b7066;letter-spacing:1.1px;margin:0 8px 13px}.screen-caption span:last-child{letter-spacing:0;font-size:10px;color:#9a8f84}.device{height:var(--device-height);width:100%;position:relative;overflow:hidden;border-radius:40px;isolation:isolate;box-shadow:0 0 0 1px #ffffff55,0 18px 50px -20px #3e302b5c;background:var(--paper);container-type:inline-size}.statusbar{height:43px;display:flex;align-items:center;justify-content:space-between;padding:10px 26px 0;position:relative;z-index:10;font-family:'Manrope',sans-serif}.statusbar b{font-size:13px;font-weight:800;letter-spacing:-.3px}.island{position:absolute;width:78px;height:23px;left:50%;top:9px;transform:translateX(-50%);border-radius:20px;background:#191519}.system-icons{display:flex;align-items:center;gap:5px}.system-icons svg{width:14px;height:14px;stroke-width:2}.battery{width:22px;height:10px;border:1px solid currentColor;border-radius:3px;position:relative;margin-left:1px}.battery:before{content:'';position:absolute;inset:1.5px;background:currentColor;border-radius:1px}.battery:after{content:'';position:absolute;width:2px;height:4px;right:-4px;top:2px;background:currentColor;border-radius:1px}.home-indicator{height:19px;position:relative;z-index:5;flex-shrink:0}.home-indicator:after{content:'';position:absolute;width:115px;height:4px;background:currentColor;opacity:.75;border-radius:10px;bottom:7px;left:50%;transform:translateX(-50%)}.icon-btn{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:transparent}.icon-btn svg{width:21px;height:21px}.icon-btn.dark{color:#e6d9cf;background:#ffffff06;border:1px solid #e9d8c017}.icon-btn.light{border:1px solid #28231f15;color:var(--ink)}.icon-btn:hover{background:#d7c8b626}.primary-btn{height:52px;display:flex;align-items:center;justify-content:center;gap:16px;background:var(--coral);color:#271b18;border-radius:15px;font-size:13px;font-weight:600;transition:background .18s,transform .18s}.primary-btn:hover{background:#f17a60}.primary-btn:active{transform:scale(.98)}.primary-btn svg{width:19px;height:19px}.primary-btn:disabled{color:#cfb9ad70;background:#d9b9a015}.game-device{color:#f2e8da;background:#281c24;display:grid;grid-template-rows:43px 61px 34px minmax(0,1fr) 155px 68px 19px;--felt:#512f39;--felt-edge:#34222b;--back:#553b47;--back-line:#cfaf85}.game-header{display:flex;justify-content:space-between;align-items:center;padding:0 19px}.game-brand{font-family:'Manrope',sans-serif;font-size:27px;line-height:1.1;font-weight:800;letter-spacing:-1.6px;text-align:center}.game-brand>span{color:var(--coral)}.game-brand small{display:block;font-family:'Golos Text',sans-serif;font-size:6.5px;font-weight:500;letter-spacing:2px;margin-top:7px;color:#c4a99e}.round-strip{display:flex;justify-content:space-between;align-items:center;padding:0 24px;color:#bda79c;font-size:10px}.round-strip>span{display:flex;align-items:center;gap:5px}.round-strip b{font-weight:500;color:#f6e8d5}.round-strip i{display:inline-block;background:#867568;width:2px;height:2px;border-radius:50%;margin:0 5px}.trump-chip{background:transparent;color:#ad968e;font-size:7px;letter-spacing:1px;display:flex;align-items:center;gap:8px;min-height:32px}.trump-chip b{color:#f0826f;font-size:19px;line-height:1}.arena{position:relative;min-height:0;margin:5px 9px 0;border-radius:46% 46% 42% 42%/35% 35% 35% 35%;background:radial-gradient(ellipse at 50% 42%,var(--felt) 0%,var(--felt-edge) 78%);box-shadow:inset 0 0 45px #170f2040;isolation:isolate}.felt-grain{position:absolute;inset:0;opacity:.22;border-radius:inherit;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.6' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:soft-light;pointer-events:none}.table-outline{position:absolute;inset:17px 23px 28px;border:1px solid #e6c39013;border-radius:48% / 40%;box-shadow:0 0 0 7px #cdaa7c04}.table-monogram{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:#e0b88c17;pointer-events:none}.table-monogram svg{width:43px;height:43px}.table-monogram span{font-size:8px;letter-spacing:2.8px;white-space:nowrap}.table-monogram i{font-size:5px;letter-spacing:2px;font-style:normal}.player{position:absolute;display:flex;flex-direction:column;align-items:center;gap:5px;background:transparent;z-index:5;padding:0;min-width:64px}.player-top{top:12px;left:50%;transform:translateX(-50%)}.player-left{top:40%;left:7px}.player-right{top:40%;right:7px}.avatar{height:41px;width:41px;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 3px #ffffff05;font-family:'Prata',Georgia,serif;font-size:19px;border:1px solid #d8c9b555;color:#ecdac9;background:radial-gradient(circle at 35% 25%,#886655,#49352f)}.avatar-a{background:radial-gradient(circle at 35% 25%,#a68968,#645245)}.avatar-m{background:radial-gradient(circle at 35% 25%,#788084,#3f4951)}.player strong{font-size:10px;font-weight:450}.player-score{font-size:10px;display:flex;gap:4px;align-items:center}.player-score b{font-weight:500;color:#fbefdd}.player-score em{font-style:normal;color:#b4a094}.player.active .avatar{box-shadow:0 0 0 2px var(--coral),0 0 16px #e9694e30}.opponent-cards{position:absolute;display:flex;z-index:3;align-items:center;justify-content:center}.opponent-cards i{width:20px;height:28px;border:1px solid #cbb29688;border-radius:3px;background-color:var(--back);background-image:repeating-linear-gradient(45deg,transparent 0 4px,#cbb29622 4px 5px);box-shadow:0 3px 5px #0003;transform:rotate(-7deg);margin-left:-9px}.opponent-cards i:nth-child(2){transform:rotate(0)}.opponent-cards i:nth-child(3){transform:rotate(7deg)}.opponent-cards i:nth-child(4){transform:rotate(13deg)}.card-count{position:absolute;right:-10px;bottom:-5px;background:#31242b;box-shadow:0 0 0 1px #cbb29633;width:17px;height:17px;display:grid;place-items:center;border-radius:50%;color:#cbb8a7;font-size:8px}.top-cards{left:50%;top:99px;transform:translateX(-50%)}.left-cards{left:29px;top:calc(40% + 92px)}.right-cards{right:21px;top:calc(40% + 92px)}.table-cup{position:absolute;left:41px;bottom:46px;transform:rotate(-22deg);z-index:2}.saucer{display:block;width:54px;height:54px;border-radius:50%;background:radial-gradient(circle,#c9c1b6 0 38%,#ece7dd 40% 56%,#a8a092 62%,#e4dccf 66%,#bdb5aa 71%);box-shadow:4px 8px 9px #180d224d;position:relative}.cup{position:absolute;inset:10px;border:3px solid #f0e8dc;border-radius:50%;background:radial-gradient(circle at 40% 30%,#573725 0 20%,#2b1a12 60%,#a5774b 69%,#d6b083 74%,#68402c 80%);box-shadow:2px 3px 5px #1d110a66}.cup:after{content:'';position:absolute;width:11px;height:9px;right:-11px;top:8px;border:3px solid #d9d1c3;border-radius:50%;z-index:-1}.cup i{position:absolute;left:4px;top:4px;width:13px;height:8px;border-radius:50%;background:#ffffff17;transform:rotate(-35deg)}.table-coaster{width:35px;height:35px;border-radius:50%;position:absolute;right:30px;top:100px;background:#8c73604a;border:1px solid #bca38627;transform:rotate(15deg)}.table-coaster i{display:block;width:20px;height:20px;border-radius:5px;border:2px solid #dfd1ba78;margin:6px;box-shadow:0 2px 3px #0005;background:linear-gradient(130deg,#af906455,#271b21)}.trick{position:absolute;left:50%;top:52%;width:155px;height:140px;transform:translate(-50%,-50%);z-index:4}.playing-card{width:65px;height:95px;position:relative;border-radius:7px;background:#f5f0e4;color:#272c2b;border:1px solid #ded5c2;box-shadow:0 4px 8px #160e2230;font-family:Georgia,'Times New Roman',serif;flex-shrink:0;overflow:hidden}.playing-card.red{color:#b34339}.card-corner{position:absolute;top:6px;left:7px;display:flex;flex-direction:column;align-items:center;font-size:18px;line-height:.9;letter-spacing:-1px}.card-corner small{font-size:14px;line-height:1.1;letter-spacing:0}.card-corner.bottom{top:auto;left:auto;bottom:6px;right:7px;transform:rotate(180deg)}.card-suit{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:34px}.card-ornament{position:absolute;inset:22px 15px;border:1px solid currentColor;opacity:.2;transform:rotate(45deg);border-radius:3px}.trick .playing-card{position:absolute;box-shadow:0 8px 12px #110b2050}.trick .from-left{left:9px;top:42px;transform:rotate(-15deg)}.trick .from-top{left:49px;top:1px;transform:rotate(7deg)}.trick .from-right{left:89px;top:39px;transform:rotate(18deg)}.trick .from-bottom{left:53px;top:64px;transform:rotate(-5deg)}.table-hand{position:absolute;width:162px;height:245px;object-fit:contain;right:-22px;bottom:-77px;transform:rotate(-27deg);transform-origin:65% 88%;z-index:6;pointer-events:none;filter:drop-shadow(-4px 8px 6px #10091540);transition:filter .3s}.table-hand.gold{filter:sepia(.3) saturate(1.1) drop-shadow(-4px 8px 6px #10091540)}.table-hand.no-jewelry{visibility:hidden}.self-player{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);z-index:8;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;width:160px;font-size:11px}.self-player>strong{font-weight:500}.self-player>span:last-child{flex-basis:100%;text-align:center;color:#bda599;font-size:9px}.self-player b{color:#eae0d1;font-weight:500}.self-player i{font-style:normal;margin:0 4px;color:#725a54}.self-dot{width:5px;height:5px;background:var(--coral);border-radius:50%}.hand-zone{position:relative;padding-top:12px;background:linear-gradient(0deg,#281c24 25%,transparent)}.turn-status{display:flex;align-items:center;gap:7px;margin:0 23px;font-size:11px;height:20px}.pulse-dot{width:5px;height:5px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 4px #e9694e13}.hand-hint{margin-left:auto;font-size:9px;color:#baa295}.cards-fan{position:absolute;left:16px;right:16px;height:113px;bottom:0;display:flex;align-items:flex-start;justify-content:center;padding-top:14px}.hand-card{position:absolute;top:15px;width:64px;height:95px;padding:0;background:transparent;border-radius:7px;transform-origin:50% 160%;transition:transform .22s,filter .22s;left:calc(50% + var(--offset) - 32px);transform:translateY(var(--drop)) rotate(var(--angle));z-index:var(--layer)}.hand-card .playing-card{width:100%;height:100%;box-shadow:-3px 2px 6px #190f2040}.hand-card .card-corner{font-size:19px;left:5px;top:5px}.hand-card .card-suit{font-size:28px;left:57%;top:57%}.hand-card .bottom{display:none}.hand-card:not(.legal){filter:brightness(.75)}.hand-card.legal{cursor:pointer}.hand-card.selected{transform:translateY(calc(var(--drop) - 23px)) rotate(var(--angle));z-index:25;filter:none}.hand-card.selected .playing-card{box-shadow:0 0 0 2px #f58e6d,0 0 0 5px #e9694e22,0 10px 16px #0004}.hand-card.legal:hover:not(.selected){transform:translateY(calc(var(--drop) - 7px)) rotate(var(--angle))}.joker-card{color:#846236;background:#f3e6cc}.joker-card .card-suit svg{width:24px;height:34px}.joker-card .card-corner{font-family:'Manrope',sans-serif;letter-spacing:0;font-size:10px!important;writing-mode:vertical-rl}.game-actions{display:flex;align-items:center;gap:12px;padding:7px 21px}.game-actions .icon-btn{width:42px;height:42px}.play-btn{flex:1;height:48px;font-size:12px}.play-btn svg{width:17px;height:17px}.trick-message{position:absolute;left:50%;top:77%;transform:translateX(-50%);font-size:10px;white-space:nowrap;padding:7px 12px;color:#f2d9bc;background:#20161cdd;border-radius:20px;z-index:10;opacity:0;transition:opacity .2s}.trick-message.visible{opacity:1}.reaction-bubble{position:absolute;bottom:64px;left:50%;transform:translateX(-50%);font-size:34px;z-index:20;pointer-events:none}.flying-card{position:absolute;z-index:40;pointer-events:none}.opponent-hand{position:absolute;width:145px;height:210px;object-fit:contain;z-index:30;pointer-events:none}.game-device.felt-moss{--felt:#3c5146;--felt-edge:#273930}.game-device.back-ivory{--back:#d2c4a3;--back-line:#6b5c48}.game-device.no-objects .table-cup,.game-device.no-objects .table-coaster{display:none}

.light-device{color:var(--ink);background:var(--paper);display:flex;flex-direction:column}.light-device .statusbar{flex-shrink:0}.shop-header{padding:23px 24px 18px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.shop-header .eyebrow{color:#8b7f71;font-size:8px;letter-spacing:2px}.shop-header h2{font-family:'Prata',Georgia,serif;font-size:31px;letter-spacing:-1.3px;font-weight:400;line-height:1.3;margin:7px 0 0}.collection-count{position:absolute;top:-2px;right:-2px;background:var(--coral);color:#fff;border-radius:20px;font-size:8px;width:15px;height:15px;display:grid;place-items:center}.shop-header .icon-btn{position:relative}.shop-scroll,.product-scroll{overflow:auto;min-height:0;flex:1;scrollbar-width:none;overscroll-behavior:contain}.shop-scroll::-webkit-scrollbar,.product-scroll::-webkit-scrollbar{display:none}.editorial-hero{display:block;margin:0 20px;width:calc(100% - 40px);height:240px;border-radius:5px;background:radial-gradient(ellipse at 90% 45%,#5d4247,#33242c 74%);color:#f4e7d5;text-align:left;padding:24px;position:relative;overflow:hidden;isolation:isolate}.editorial-hero>.eyebrow{font-size:7px;letter-spacing:2px;color:#b7a399;position:relative;z-index:2}.editorial-hero>strong{font-family:'Prata',Georgia,serif;font-size:25px;line-height:1.43;letter-spacing:-1px;font-weight:400;display:block;position:relative;z-index:2;margin-top:18px}.editorial-hero em{font-style:normal;color:#e8ac92}.hero-subtitle{font-size:8px;color:#bcaaa0;position:relative;z-index:2;display:block;margin-top:10px}.editorial-hero>img{position:absolute;width:235px;height:235px;object-fit:contain;right:-56px;top:15px;filter:drop-shadow(-5px 13px 9px #180c1644);transform:rotate(-14deg);z-index:1;transition:transform .45s}.editorial-hero:hover>img{transform:rotate(-8deg) scale(1.035)}.hero-orbit{position:absolute;width:250px;height:250px;right:-63px;top:8px;border:1px solid #c5a3891a;border-radius:50%}.hero-orbit:after{content:'';position:absolute;inset:16px;border:1px solid #c5a3890b;border-radius:50%}.hero-bottom{position:absolute;left:24px;right:18px;bottom:17px;display:flex;align-items:center;justify-content:space-between;font-size:9px;z-index:3}.round-arrow{width:30px;height:30px;border:1px solid #d3b8a63b;border-radius:50%;display:grid;place-items:center}.round-arrow svg{width:15px;height:15px}.category-tabs{display:flex;gap:18px;overflow-x:auto;scrollbar-width:none;margin:20px 20px 0;border-bottom:1px solid var(--line)}.category-tabs button{white-space:nowrap;background:transparent;position:relative;font-size:10px;padding:12px 0 14px;color:#91867c;min-height:44px}.category-tabs button.active{color:var(--ink);font-weight:600}.category-tabs button.active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--coral)}.section-heading{padding:21px 21px 14px;display:flex;align-items:center;justify-content:space-between;gap:8px}.section-heading h3{font-size:12px;font-weight:500;letter-spacing:-.1px;margin:0}.section-heading>span{font-size:8px;color:#9e9185}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 13px;padding:0 20px 20px}.product-tile{background:transparent;text-align:left;padding:0;min-width:0}.tile-image{height:144px;position:relative;display:grid;place-items:center;background:#ebe6dc;border-radius:5px;overflow:hidden;transition:background .2s}.product-tile:hover .tile-image{background:#e3dcd0}.tile-image img{width:95%;height:95%;object-fit:contain;transition:transform .3s}.product-tile:hover img{transform:rotate(-8deg) scale(1.04)}.tile-label{display:block;font-size:7px;letter-spacing:1px;color:#9a8a7c;margin-top:10px;text-transform:uppercase}.tile-name{display:block;font-size:11px;font-weight:500;margin-top:5px}.tile-price{display:block;font-size:10px;color:#8b7869;margin-top:5px}.tile-mini-badge{position:absolute;left:10px;top:10px;font-size:6px;letter-spacing:1px;background:#f7f4edaa;padding:4px 5px;z-index:3}.tile-arrow{position:absolute;bottom:9px;right:9px;width:21px;height:21px;display:grid;place-items:center;background:#f7f4ed99;border-radius:50%}.tile-arrow svg{width:12px;height:12px}.back-art{position:relative;width:69px;height:100px;background:#342e39;border-radius:6px;box-shadow:9px 12px 16px #352c3826;transform:rotate(13deg);border:3px solid #d6c7a9;display:grid;place-items:center;color:#cfb99a;background-image:repeating-linear-gradient(45deg,transparent 0 8px,#d0b58812 8px 9px),repeating-linear-gradient(-45deg,transparent 0 8px,#d0b58812 8px 9px)}.back-art:before{content:'';position:absolute;inset:5px;border:1px solid currentColor;border-radius:2px;opacity:.6}.back-art:after{content:'';position:absolute;inset:13px;border:1px solid currentColor;transform:rotate(0);opacity:.25}.back-art svg{width:25px;height:32px;padding:3px;background:#342e39;z-index:1}.back-art.ivory{background-color:#e4d7bb;color:#665448}.back-art.ivory svg{background:#e4d7bb}.back-art:has(+*){margin:0}.felt-art{width:115px;height:115px;border-radius:50%;position:relative;transform:rotate(-22deg);background:radial-gradient(ellipse at 30% 25%,#653f49,#3c2631);box-shadow:6px 10px 15px #2f233426;border:5px solid #3d2a30;display:grid;place-items:center;color:#c3a07b55}.felt-art:before{content:'';position:absolute;inset:8px;border:1px solid #caab8444;border-radius:50%}.felt-art svg{width:29px;height:33px}.felt-art.moss{background:radial-gradient(ellipse at 30% 25%,#587660,#2d4436);border-color:#33483b}.bracelet-art{height:90px;width:103px;border:15px solid #b8b7b1;border-radius:48%;transform:rotate(-32deg) skew(7deg);box-shadow:inset 3px 3px 3px #ffffffbb,inset -5px -4px 4px #625e58,3px 8px 12px #302a2c30;background:transparent;position:relative}.bracelet-art:before{content:'';position:absolute;inset:-13px;border:2px solid #eeeeea;border-radius:50%;opacity:.7}.bracelet-art:after{content:'';position:absolute;width:32px;height:30px;background:#ebe6dc;right:-23px;top:4px;transform:rotate(-25deg)}.coffee-art{position:relative;width:90px;height:90px;display:grid;place-items:center;transform:rotate(-25deg)}.coffee-art .saucer{transform:scale(1.45)}.shop-editorial{margin:5px 20px 25px;border-top:1px solid var(--line);padding:18px 0 10px;position:relative}.shop-editorial>span{font-size:7px;letter-spacing:2px;color:#a19384}.shop-editorial p{font-family:'Prata',Georgia,serif;font-size:20px;line-height:1.5;letter-spacing:-.7px}.shop-editorial em{font-style:normal;color:#9c8b7d}.shop-editorial>svg{position:absolute;right:10px;bottom:20px;width:28px;height:35px;color:#b8a99a}.bottom-nav{height:61px;display:flex;align-items:center;justify-content:space-around;border-top:1px solid var(--line);margin-top:auto;padding:5px 30px 0;background:var(--paper);flex-shrink:0}.bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:transparent;color:#a39689;width:65px;height:49px;font-size:8px;position:relative}.bottom-nav svg{width:19px;height:19px}.bottom-nav .active{color:var(--ink)}.bottom-nav .active:before{content:'';position:absolute;width:4px;height:4px;border-radius:50%;background:var(--coral);right:17px;top:4px}.light-device .home-indicator{height:17px;color:var(--ink)}

.product-header{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;flex-shrink:0}.product-header>span{font-size:8px;letter-spacing:2px;color:#7d7267}.product-header .icon-btn[aria-pressed=true]{color:#bd5d48;background:#e9694e12}.product-header .icon-btn[aria-pressed=true] svg{fill:#bd5d481c}.product-gallery{height:291px;position:relative;background:radial-gradient(ellipse at center,#e9e1d4,#f0ebe2 70%);overflow:hidden;margin:0 13px;border-radius:5px}.gallery-orbit{position:absolute;left:50%;top:48%;width:225px;height:225px;transform:translate(-50%,-50%);border:1px solid #bfae991f;border-radius:50%}.gallery-orbit:after{content:'';position:absolute;inset:18px;border:1px solid #bfae9914;border-radius:50%}.gallery-number{position:absolute;left:20px;top:20px;z-index:2;font-size:6px;letter-spacing:2px;color:#9e8b77}.product-art{position:absolute;inset:11px 35px 14px;display:grid;place-items:center;transition:transform .5s}.product-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(1px 17px 10px #4a3d321a);transition:filter .4s,transform .5s}.product-art img.gold{filter:sepia(.9) saturate(.85) hue-rotate(350deg) drop-shadow(1px 17px 10px #4a3d321a)}.product-art.angle-side{transform:rotate(-21deg) scale(.94)}.product-art .back-art{transform:rotate(-14deg) scale(1.75)}.product-art .felt-art{transform:rotate(-22deg) scale(1.75)}.product-art .bracelet-art{transform:rotate(-32deg) skew(7deg) scale(1.8)}.product-art .coffee-art{transform:rotate(-25deg) scale(1.7)}.gallery-material{position:absolute;bottom:25px;left:22px;font-family:'Prata',Georgia,serif;font-size:20px;color:#8d7965;line-height:.9}.gallery-material small{display:block;font-family:'Golos Text',sans-serif;letter-spacing:1.5px;font-size:5px;margin-top:6px}.gallery-pagination{display:flex;position:absolute;bottom:15px;left:50%;transform:translateX(-50%);gap:0}.gallery-pagination button{width:30px;height:28px;background:transparent;position:relative}.gallery-pagination button:after{content:'';width:4px;height:4px;border-radius:50%;background:#bcae9d;position:absolute;left:50%;top:50%}.gallery-pagination .active:after{background:#5a4737;width:13px;border-radius:5px;transform:translateX(-4px)}.product-copy{padding:24px 24px 15px}.product-kicker{display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:6px;letter-spacing:1.5px;color:#a28a72}.availability{display:flex;gap:4px;align-items:center;font-size:7px;letter-spacing:0;color:#8f877b}.availability i{width:3px;height:3px;border-radius:50%;background:#7d9277}.product-copy h2{font-family:'Prata',Georgia,serif;font-weight:400;font-size:29px;letter-spacing:-1.1px;margin:12px 0}.product-description{font-size:10px;line-height:1.8;color:#8a7d6e;margin:0;max-width:295px}.material-row{margin:18px 0;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;font-size:9px;color:#8a7d6e}.material-row>div{display:flex;gap:6px}.material-option{font-size:8px;min-height:35px;display:flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid transparent;background:transparent;border-radius:24px;color:#9c8a78}.material-option.active{border-color:#b7a696;color:#504133}.swatch{width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,#f6f5ef,#999991 46%,#e7e6df 73%,#8a8781);box-shadow:inset 0 0 0 1px #8c877833}.swatch.gold{background:linear-gradient(135deg,#e7d2a6,#a98645 46%,#f3dfb0 73%,#9b7d48)}.try-on-panel{width:100%;display:flex;align-items:center;gap:12px;background:#ebe5db;border:1px solid #ddd3c6;padding:13px 12px;border-radius:7px;text-align:left}.try-icon{height:31px;width:31px;display:grid;place-items:center;border:1px solid #bda98f66;border-radius:50%;color:#7b6552}.try-icon svg{width:17px;height:17px}.try-on-panel>span:nth-child(2){display:flex;flex-direction:column;gap:5px}.try-on-panel strong{font-size:10px;font-weight:500}.try-on-panel small{font-size:8px;color:#988574}.try-on-panel>svg{margin-left:auto;width:17px;height:17px}.product-facts{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px;color:#9a8c7b;font-size:7px}.product-facts>span{display:flex;align-items:center;gap:4px}.product-facts svg{width:10px;height:10px}.purchase-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 24px 10px;border-top:1px solid var(--line);background:var(--paper);flex-shrink:0}.price-block{display:flex;flex-direction:column;gap:4px;white-space:nowrap}.price-block>span{font-size:8px;color:#9b8a77}.price-block strong{font-family:'Manrope',sans-serif;font-size:22px;letter-spacing:-1px;font-weight:600}.purchase-bar .primary-btn{flex:1;max-width:200px;font-size:11px;height:48px;gap:15px;border-radius:12px}.purchase-bar .primary-btn svg{width:16px;height:16px}.presentation-footer{max-width:1266px;margin:28px auto 0;padding:23px 0 35px;display:flex;justify-content:space-between;align-items:center;gap:10px;color:#9c8e7f;border-top:1px solid #d3cabf}.presentation-footer span{font-size:8px;letter-spacing:1px}.presentation-footer p{font-size:10px;letter-spacing:0;margin:0}

.modal-layer{position:absolute;inset:0;z-index:100;display:flex;align-items:flex-end;background:#170e1b85;backdrop-filter:blur(5px);padding-top:45px;animation:fade-in .2s}.modal-layer[hidden]{display:none}.sheet{background:#f7f4ed;color:var(--ink);width:100%;border-radius:26px 26px 0 0;padding:12px 24px 30px;max-height:100%;overflow:auto;box-shadow:0 -20px 45px #180d2126;animation:sheet-in .26s cubic-bezier(.2,.7,.3,1);scrollbar-width:thin}.sheet-handle{width:34px;height:4px;border-radius:10px;background:#d1c5b8;margin:0 auto 15px}.sheet-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.sheet-header h2{font-family:'Prata',Georgia,serif;font-size:24px;font-weight:400;letter-spacing:-.7px;margin:0}.sheet-header .icon-btn{width:40px;height:40px}.sheet p{font-size:12px;line-height:1.7;color:#8a7b6d}.sheet .eyebrow{color:#a58e77;font-size:8px}.sheet .primary-btn{width:100%;margin-top:17px}.sheet .secondary-btn{width:100%;background:transparent;border:1px solid #d8cbbc;border-radius:12px;min-height:46px;font-size:12px;margin-top:10px}.sheet-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;background:transparent;min-height:52px;border-bottom:1px solid var(--line);font-size:12px;text-align:left}.sheet-row>svg{width:17px;height:17px;color:#9b8571}.sheet .option-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:20px 0}.sheet .option-grid button{height:48px;border-radius:10px;background:#eae2d6;font-size:16px}.sheet .option-grid button:disabled{opacity:.3}.sheet .option-grid button.selected{background:#e9694e;color:#fff}.sheet .suit-grid{grid-template-columns:repeat(4,1fr)}.sheet .suit-grid button{font-size:27px}.sheet .suit-grid .full{grid-column:1/-1;font-size:12px}.sheet .reaction-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.reaction-grid button{height:53px;font-size:28px;background:#eee6da;border-radius:12px}.sheet table{width:100%;border-collapse:collapse;font-size:11px}.sheet th{font-size:9px;color:#988571;text-align:right;font-weight:400;padding:12px 7px;border-bottom:1px solid var(--line)}.sheet th:first-child,.sheet td:first-child{text-align:left}.sheet td{padding:14px 7px;text-align:right;border-bottom:1px solid var(--line)}.sheet tr.me{color:#b44e38;background:#e9694e08}.sheet .total td{font-weight:600;border-top:1px solid #b7a793}.sheet-note{font-size:9px!important;color:#a79481!important}.sheet-product{display:flex;align-items:center;gap:15px;background:#eee7dc;border-radius:14px;margin:18px 0;padding:12px}.sheet-product img{width:85px;height:85px;object-fit:contain}.sheet-product strong{font-family:'Prata',Georgia,serif;font-size:19px;font-weight:400}.sheet-product p{margin:7px 0 0;font-size:11px}.sheet .success-icon{width:54px;height:54px;background:#e0e7d7;color:#6d8464;display:grid;place-items:center;border-radius:50%;margin:20px auto}.sheet .success-title{text-align:center;font-family:'Prata',Georgia,serif;font-size:25px;font-weight:400;line-height:1.5}.sheet .center{text-align:center}.phone-toast{position:absolute;left:24px;right:24px;bottom:92px;background:#31242df2;color:#f6eada;font-size:11px;line-height:1.5;text-align:center;padding:12px 16px;border:1px solid #dfc3a133;border-radius:12px;z-index:140;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}.phone-toast.visible{opacity:1;transform:translateY(0)}.appearance-options{display:flex;gap:9px;margin:10px 0 20px}.appearance-options button{flex:1;padding:12px 8px;font-size:11px;background:#eae2d6;border-radius:10px;border:1px solid transparent;min-height:44px}.appearance-options button.active{border-color:#9d7460;background:#dfd2c0}.sheet .field-label{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#9b8673;margin-top:18px}.toggle-switch{width:36px;height:22px;background:#c5b7a7;border-radius:20px;position:relative}.toggle-switch:after{content:'';position:absolute;left:3px;top:3px;width:16px;height:16px;background:white;border-radius:50%;transition:.2s}.toggle-switch.on{background:#957666}.toggle-switch.on:after{left:17px}.sheet .mini-art{width:85px;height:85px;display:grid;place-items:center;flex-shrink:0}.mini-art .back-art{transform:scale(.65)}.mini-art .felt-art{transform:scale(.7)}.mini-art .bracelet-art{transform:rotate(-32deg) scale(.65)}.collection-empty{text-align:center;padding:22px 0}.collection-empty svg{width:37px;height:37px;color:#a59280}.winner-badge{display:grid;place-items:center;width:65px;height:65px;border-radius:50%;margin:15px auto;background:#e5d7bb;color:#9a744d}.winner-badge svg{width:32px;height:32px}.sheet .two-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sheet .two-buttons button{height:52px;border:1px solid #d5c7b5;border-radius:10px;background:#ece4d8;font-size:13px}.sheet .two-buttons button.selected{background:#d9c3a5;border-color:#a28567}.no-connection .pulse-dot{background:#c9a778}.demo-backlink{position:absolute;left:17px;top:148px;z-index:45;font-size:9px;display:flex;align-items:center;gap:6px;padding:8px 11px;background:#f2e8d8;color:#493b32;border-radius:20px;box-shadow:0 5px 15px #190d2426}.demo-backlink svg{width:13px;height:13px}.collection-item{display:flex;align-items:center;gap:12px;width:100%;background:transparent;text-align:left;border-bottom:1px solid var(--line);padding:10px 0}.collection-item img{width:65px;height:65px;object-fit:contain}.collection-item .mini-art{width:65px;height:65px}.collection-item strong{font-size:12px;font-weight:500}.collection-item small{display:block;font-size:9px;color:#9a8671;margin-top:5px}.collection-item>svg{margin-left:auto;width:17px;height:17px}
@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes sheet-in{from{transform:translateY(30px);opacity:.6}to{transform:translateY(0);opacity:1}}@keyframes reaction-rise{0%{opacity:0;transform:translate(-50%,15px) scale(.7)}20%{opacity:1;transform:translate(-50%,0) scale(1)}75%{opacity:1}100%{opacity:0;transform:translate(-50%,-35px) scale(.9)}}
.concept-grid:not([data-view=overview]){grid-template-columns:var(--device-width)}.concept-grid:not([data-view=overview]) .screen-column{display:none}.concept-grid[data-view=game] [data-column=game],.concept-grid[data-view=shop] [data-column=shop],.concept-grid[data-view=product] [data-column=product]{display:block}
@container(max-width:365px){.game-header{padding:0 15px}.round-strip{padding:0 18px}.player-left{left:1px}.player-right{right:1px}.table-hand{right:-33px;width:150px}.game-actions{padding-left:16px;padding-right:16px;gap:9px}.hand-card{width:59px;left:calc(50% + var(--offset) - 29.5px)}.shop-header{padding-left:20px;padding-right:20px}.shop-header h2{font-size:29px}.editorial-hero{padding-left:20px}.editorial-hero>strong{font-size:24px}.editorial-hero>img{right:-65px}.product-copy{padding-left:20px;padding-right:20px}.product-copy h2{font-size:27px}.product-kicker{letter-spacing:1px}.purchase-bar{padding-left:20px;padding-right:20px;gap:15px}.category-tabs{gap:16px}.tile-image{height:131px}}
.compact .game-device{grid-template-rows:36px 51px 27px minmax(0,1fr) 132px 58px 17px}.compact .statusbar{height:36px;padding-top:7px}.compact .island{top:6px}.compact .game-brand{font-size:23px}.compact .game-brand small{font-size:5.5px}.compact .player-top{top:4px}.compact .avatar{width:33px;height:33px;font-size:16px}.compact .player{gap:3px}.compact .top-cards{top:73px}.compact .player-left,.compact .player-right{top:35%}.compact .left-cards,.compact .right-cards{top:calc(35% + 74px)}.compact .trick{top:51%;transform:translate(-50%,-50%) scale(.84)}.compact .table-hand{width:132px;height:200px;bottom:-65px;right:-8px}.compact .table-cup{left:45px;bottom:32px;transform:rotate(-22deg) scale(.8)}.compact .table-coaster{top:70px;right:47px}.compact .self-player{bottom:5px;font-size:10px;gap:4px}.compact .hand-zone{padding-top:6px}.compact .hand-card{height:88px}.compact .cards-fan{height:106px}.compact .hand-card .card-suit{font-size:25px}.compact .game-actions{padding-top:5px;padding-bottom:5px}.compact .game-actions .primary-btn{height:43px}.compact .shop-header{padding-top:14px;padding-bottom:14px}.compact .editorial-hero{height:215px}.compact .editorial-hero>img{top:0}.compact .product-gallery{height:240px}.compact .product-header{height:56px}.compact .product-copy{padding-top:19px}.compact .product-art{inset:10px 52px}.compact .gallery-orbit{width:185px;height:185px}.compact .product-copy h2{font-size:26px}.compact .product-facts{margin-bottom:5px}
@media(min-width:1001px) and (max-width:1270px){body{padding:0 20px}.concept-grid{gap:20px}.screen-caption span:last-child{display:none}.presentation-title h1{font-size:31px}.presentation-note{font-size:10px}}
@media(max-width:1000px){body{padding:0 22px}.presentation-header{max-width:650px;padding:28px 0}.presentation-title h1{font-size:28px}.presentation-note{display:none}.presentation-toolbar{max-width:650px}.overview-tab{display:none}.concept-grid,.concept-grid:not([data-view=overview]){grid-template-columns:min(var(--device-width),100%);gap:0}.concept-grid[data-view=overview] .screen-column{display:none}.concept-grid[data-view=overview] [data-column=game]{display:block}.screen-caption{margin-top:2px}.presentation-footer{max-width:650px;justify-content:center}.presentation-footer>span{display:none}.demo-tools{gap:8px}.size-control{font-size:0;gap:0}.screen-tabs button{padding:10px 11px}.presentation-footer p{font-size:10px}}
@media(max-width:500px){body{padding:0;background:#241a21}.presentation-header,.presentation-footer,.screen-caption,.demo-tools{display:none}.presentation-toolbar{border:0;margin:0;padding:0;position:fixed;bottom:0;left:0;right:0;z-index:200;height:42px;justify-content:center;background:#e9e5dd;box-shadow:0 -1px 0 #c3b8aa}.screen-tabs{width:100%;justify-content:space-around;padding:4px 10px}.screen-tabs button{font-size:10px;padding:6px 15px;min-width:80px}.concept-grid,.concept-grid:not([data-view=overview]){display:block;width:100%}.device{width:100%;height:calc(100dvh - 42px);min-height:560px;border-radius:0;box-shadow:none}.concept-grid .screen-column{width:100%}.statusbar{padding-left:25px;padding-right:25px}.home-indicator{height:max(19px,env(safe-area-inset-bottom))}.game-device{grid-template-rows:43px 61px 34px minmax(0,1fr) 155px 68px 19px}.screen-tabs .overview-tab{display:none}.presentation-toolbar .screen-tabs .active{background:#28231f;color:#f7f4ed}}
@media(max-width:500px) and (max-height:780px){.game-device{grid-template-rows:36px 51px 27px minmax(0,1fr) 132px 58px 17px}.statusbar{height:36px;padding-top:7px}.island{top:6px}.game-brand{font-size:23px}.player-top{top:4px}.avatar{width:33px;height:33px;font-size:16px}.player{gap:3px}.top-cards{top:73px}.player-left,.player-right{top:35%}.left-cards,.right-cards{top:calc(35% + 74px)}.trick{top:51%;transform:translate(-50%,-50%) scale(.84)}.table-hand{width:132px;height:200px;bottom:-65px;right:-8px}.table-cup{left:45px;bottom:32px;transform:rotate(-22deg) scale(.8)}.table-coaster{top:70px;right:47px}.self-player{bottom:5px;gap:4px}.hand-zone{padding-top:6px}.cards-fan{height:106px}.hand-card{height:88px}.game-actions .primary-btn{height:43px}}
.table-hand{width:136px;height:212px;right:-34px;bottom:-40px;mask-image:linear-gradient(to bottom,#000 0%,#000 76%,transparent 100%)}.hand-zone{z-index:7}.turn-status{position:relative;z-index:8}.self-player{z-index:9}
.compact .table-hand{width:115px;height:177px;right:-24px;bottom:-35px}
@media(max-width:500px) and (max-height:780px){.table-hand{width:115px;height:177px;right:-24px;bottom:-35px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}