@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;600;700;800;900&display=swap";:root{font-family:DM Sans,Noto Sans JP,sans-serif;color:#183e32;background:#faf8f1;font-synthesis:none;font-weight:400;font-size:16px;--green: #173e32;--muted: #758078;--line: #dfe1d6;--yellow: #f6ca62}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #dd9850;outline-offset:5px}button{color:inherit}h1,h2,h3,p{margin:0}svg{flex-shrink:0}.header{height:100px;max-width:1280px;padding:0 48px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;font-size:28px;font-weight:700;letter-spacing:-1px}.brand>span:not(.brand-mark):not(.brand-dot){font-weight:400}.brand-mark{display:grid;place-items:center;background:var(--green);color:#f6cc6c;width:34px;height:39px;border-radius:6px;transform:rotate(-9deg);font-size:28px;margin-right:12px}.brand-dot{align-self:flex-start;font-size:12px;margin:5px}.header nav{display:flex;gap:32px;align-items:center;font-size:14px;font-weight:600}.language{border:1px solid var(--line);background:transparent;display:flex;align-items:center;gap:9px;padding:9px 13px;border-radius:30px;color:#a1a59b;font-size:13px}.language svg,.language .selected{color:var(--green)}.slash{color:#c8cabe}main{max-width:1280px;margin:auto;padding:0 48px}.hero{padding:55px 0 64px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;display:flex;align-items:center;gap:8px}.eyebrow>span{width:6px;height:6px;background:#dc8564;border-radius:50%}.hero h1{font-size:clamp(32px,3.4vw,49px);line-height:1.65;letter-spacing:-2px;font-weight:800;margin:22px 0 19px;white-space:nowrap}.hero h1 span{position:relative;z-index:0}.hero h1 span:after{content:"";position:absolute;background:#f5d679;height:13px;bottom:5px;left:0;right:0;z-index:-1;transform:rotate(-2deg)}.hero-description{font-size:15px;line-height:2.15;color:#6d776e}.button{min-height:47px;border:0;border-radius:7px;padding:13px 21px;display:inline-flex;justify-content:center;align-items:center;gap:12px;font-size:14px;font-weight:700;transition:transform .18s,background .18s}.button:hover:not(:disabled){transform:translateY(-2px)}.primary{background:var(--green);color:#fff}.primary:hover{background:#285541}.hero-cta{margin-top:29px;min-width:230px;justify-content:space-between;box-shadow:0 4px #d8ded3}.hero-meta{display:flex;align-items:center;gap:13px;color:#838a7d;font-size:12px;margin-top:20px}.hero-meta span{display:flex;align-items:center;gap:5px}.hero-meta b{font-weight:400;color:#c1c5ba}.hero-table{height:408px;position:relative;border-radius:47% 47% 43% 43%;background:radial-gradient(ellipse at 40% 35%,#35644d,#204835 70%);box-shadow:inset 0 0 50px #1735233d,0 15px 0 -7px #e8e8db;transform:rotate(-3deg);isolation:isolate}.hero-table:after,.game-table:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' 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%3Cpath fill='white' filter='url(%23n)' opacity='.8' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.table-stitch{position:absolute;inset:16px;border:1px dashed #d3d9aa43;border-radius:inherit}.table-label{position:absolute;top:43px;left:0;right:0;text-align:center;font-size:11px;letter-spacing:3px;color:#d3dcc08c}.hero-cards{position:absolute;left:50%;top:105px;width:140px;height:205px;transform:translate(-50%)}.card{background:linear-gradient(125deg,#fffefa,#faf8ee);border:1px solid #d5d2c7;border-radius:9px;width:130px;height:185px;box-shadow:1px 5px 8px #0b221b30;position:relative;flex-shrink:0;color:#182f2b;-webkit-user-select:none;user-select:none;padding:5px;font-family:Georgia,Times New Roman,serif}.hero-cards .card{position:absolute;width:139px;height:201px;box-shadow:3px 8px 13px #071d2359}.card-inset{position:relative;height:100%;width:100%;border:1px solid #e6e2d4;border-radius:4px}.corner{position:absolute;left:5px;top:3px;font-size:24px;line-height:.93;text-align:center;z-index:1}.corner.bottom{inset:auto 5px 3px auto;transform:rotate(180deg)}.red{color:#be493b}.card-center{position:absolute;inset:25px 19px;display:flex;align-items:center;justify-content:center;flex-direction:column}.card-center small{font-family:Georgia,serif;font-size:15px;letter-spacing:2px}.pips{display:grid;grid-template-columns:1fr 1fr;width:100%;height:100%;align-items:center;justify-items:center;font-size:30px}.pips i{font-style:normal;line-height:1}.pips-1{display:flex;justify-content:center;font-size:75px}.pips-2,.pips-3{grid-template-columns:1fr}.royal{font-size:77px;line-height:1;background:repeating-linear-gradient(45deg,transparent,transparent 5px,#d5b57933 5px,#d5b57933 6px);border:1px solid #c9ad74}.joker{color:#3d5a41;background:linear-gradient(130deg,#fffceb,#f8f1d6)}.jester{font-size:90px;line-height:1.1;color:#b99b53;text-shadow:2px 3px 0 #214531;transform:rotate(-12deg)}.joker .corner{font-size:17px}.joker .card-inset{border-color:#d5c99c}.spark{position:absolute;color:#edcb73;font-size:40px}.spark-one{top:78px;left:45px;transform:rotate(10deg)}.spark-two{right:44px;top:148px;font-size:27px}.table-badge{position:absolute;right:-13px;bottom:75px;background:#f4cc69;color:#23422e;border:5px solid #f6d990;outline:1px solid #e1b253;width:99px;height:99px;border-radius:50%;display:grid;place-items:center;transform:rotate(14deg);font-size:12px;line-height:1.65;text-align:center;box-shadow:0 3px #b9934960}.table-badge b{font-size:14px}.table-caption{position:absolute;bottom:39px;left:0;right:0;color:#e0e5ce;font-size:12px;text-align:center;letter-spacing:1px}.table-caption span{color:#d7c784;font-size:19px;margin:0 9px}.benefits{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding:27px 8px;gap:22px}.benefits>div{display:flex;align-items:center;gap:15px;justify-content:center}.benefits>div+div{border-left:1px solid var(--line)}.benefit-icon{height:43px;width:43px;display:grid;place-items:center;border-radius:12px}.peach{background:#f4e2d5}.green{background:#e3e9dc}.yellow{background:#f4edcd}.benefits strong{display:block;font-size:14px;letter-spacing:.3px}.benefits small{display:block;font-size:12px;color:#81887a;margin-top:5px}.section{padding:72px 0}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px}.section h2{font-size:28px;line-height:1.6;letter-spacing:-.8px;margin-top:13px;font-weight:700}.section-doodle{font-size:65px;font-family:Georgia;transform:rotate(18deg);margin-right:36px;color:#bd8565}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step{border:1px solid var(--line);border-radius:10px;padding:24px 25px;background:#fffdf6}.step-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}.step-number{font-family:Georgia,serif;color:#aab4a3;font-size:34px;font-style:italic}.step h3{font-size:18px;letter-spacing:-.2px;margin-bottom:11px}.step p{font-size:14px;line-height:1.9;color:#798174}.rules-banner{background:#eeeede;border-radius:12px;padding:35px;display:flex;align-items:center;gap:30px;position:relative;overflow:hidden}.mini-cards{width:135px;height:120px;position:relative;flex-shrink:0}.mini-cards .card{width:75px;height:109px;position:absolute;left:9px;top:8px;transform:rotate(-13deg)}.mini-cards .card+.card{left:51px;transform:rotate(10deg)}.mini-cards .corner{font-size:15px}.mini-cards .card-center{inset:17px 12px}.mini-cards .pips{font-size:17px}.rules-banner h2{font-size:24px;margin:10px 0 12px;letter-spacing:-.5px}.rules-banner p{font-size:14px;line-height:2;color:#747b6c}.banner-suit{position:absolute;right:22px;bottom:-29px;font-size:150px;color:#d8decb;transform:rotate(-14deg)}.rules-banner>div{z-index:1}.faq{display:grid;grid-template-columns:1fr 1.7fr;gap:70px;padding-bottom:65px}.faq-spark{display:block;font-size:63px;color:#c79669;margin:21px 0 0 12px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:15px;font-weight:600;padding:23px 0}summary::-webkit-details-marker{display:none}details[open] summary svg{transform:rotate(45deg)}details p{font-size:14px;line-height:1.9;color:#747b6c;padding:0 25px 22px 0}.final-cta{text-align:center;border-top:1px solid var(--line);padding:35px 0 58px}.final-cta>span{color:#bc775c;font-size:27px}.final-cta h2{font-size:24px;margin:15px 0 24px}.final-cta .button{min-width:220px}footer{max-width:1184px;margin:auto;padding:27px 0 33px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#87907e}footer .brand{font-size:21px;color:var(--green)}footer .brand-mark{height:27px;width:24px;font-size:24px;border-radius:4px}footer p,footer small{font-size:12px}.modal-overlay{position:fixed;inset:0;background:#0b241cad;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:22px;z-index:20}.modal,.join-panel{position:relative;background:#faf8f1;border-radius:20px;padding:40px;max-width:450px;width:100%}.modal-close{position:absolute;top:17px;right:17px;border:0;background:transparent}.join-symbol{display:block;font-size:50px;color:#bc805f;margin-bottom:16px}.modal h2,.join-panel h1{font-size:26px;letter-spacing:-.8px;line-height:1.6;margin:12px 0}.modal>p,.join-panel>p{color:#7b8275;font-size:14px;line-height:1.8}.modal form,.join-panel form{margin-top:25px}label{display:block;font-size:14px;font-weight:600;margin-bottom:9px}input{width:100%;padding:14px;background:#fffefa;border:1px solid #cdd3c5;border-radius:7px;font-size:18px;color:var(--green)}.form-note{display:flex;align-items:center;gap:6px;font-size:13px;color:#828a7a;margin:13px 0 23px}.wide{width:100%}.error{position:fixed;left:50%;top:18px;transform:translate(-50%);z-index:30;width:max-content;max-width:92%;border:1px solid #d7a098;background:#fff0e7;padding:14px 18px;border-radius:8px;box-shadow:0 6px 25px #1232;display:flex;align-items:center;gap:18px;font-size:15px;color:#823d33}.error button{border:0;background:none;display:flex}.room-main{min-height:75vh;padding-bottom:45px}.join-panel{margin:35px auto 65px;border:1px solid var(--line)}.back-link{display:block;text-align:center;margin-top:22px;color:#6b7d6b;font-size:14px}.room-heading{display:flex;justify-content:space-between;align-items:center;margin:30px 0}.room-heading h1{font-size:29px;margin-top:10px}.secondary{border:1px solid #d4d9cd;background:#fffdf5;color:var(--green)}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:24px}.game-table{position:relative;isolation:isolate;border-radius:25px;background:radial-gradient(ellipse at 40% 35%,#34624b,#1a402f);padding:24px;color:#f5f2d9;box-shadow:inset 0 0 0 9px #b9c7a20b,inset 0 0 0 10px #d4deae26;min-height:530px}.game-table>*{position:relative;z-index:1}.game-topline{display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:1px;margin:0 0 24px;color:#d2d9b9}.game-topline>span{display:flex;gap:7px;align-items:center}.live-dot{width:6px;height:6px;background:#f1ca63;border-radius:50%}.players{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 10px}.player{text-align:center;display:flex;align-items:center;flex-direction:column;min-width:0}.avatar{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;font-size:27px;position:relative;margin-bottom:7px;background:#e7dcca;color:#284934}.avatar-1{background:#e7b5a5;color:#8d4c41}.avatar-2{background:#b6c9aa}.avatar-3{background:#e8d38c;color:#9a6739}.host-crown{position:absolute;font-size:21px;right:-6px;top:-9px;color:#fad16d;text-shadow:0 1px 2px #173e32}.player strong{font-size:13px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player strong small{font-weight:400;font-size:11px}.player>span{font-size:11px;color:#b6c4a4;margin-top:3px}.player.active .avatar{outline:3px solid #f6cb62;outline-offset:4px}.player.active>span{color:#f6cb62}.empty-seat{opacity:.45}.empty-seat .avatar{background:none;border:1px dashed #c4d2b4}.waiting-center{text-align:center;padding:25px 0 10px}.waiting-cards{display:flex;justify-content:center;height:115px;margin-bottom:20px}.waiting-cards .card{width:70px;height:103px;transform:translate(10px) rotate(-14deg)}.waiting-cards .card+.card{transform:translate(-10px) rotate(13deg)}.back{background:#f6f1df}.back .card-inset{background:repeating-linear-gradient(45deg,transparent,transparent 4px,#dddcb050 4px,#dddcb050 5px),repeating-linear-gradient(-45deg,#7c3734,#7c3734 4px,#a56a5350 4px 5px);border:3px double #e4cb9e;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden}.back-star{font-size:48px;color:#e0cb99;line-height:1.1}.back small{color:#e0cb99;font-size:6px;letter-spacing:1px}.waiting-center h2{font-size:21px}.waiting-center p,.draw-area p,.result p{font-size:14px;color:#c3cdb4;margin:10px 0 22px}.gold{background:#f5ca65;color:#244531;min-width:220px}.waiting-note{padding:13px;border:1px dashed #9eac8655;border-radius:6px}.side-note{border:1px solid var(--line);border-radius:12px;padding:24px 21px;background:#f0f0e3}.side-note .eyebrow{font-size:11px}.side-note h3{font-size:18px;margin:13px 0 22px}.side-note p{font-size:14px;color:#78826f;line-height:1.8;margin:0 0 14px}.note-suits{font-size:28px;display:block;margin-top:20px;letter-spacing:10px}.note-suits b{color:#b77056;font-weight:400}.private-note{display:flex;gap:8px;font-size:12px;line-height:1.8;color:#798473;padding:20px 5px}.leave{display:flex;gap:8px;align-items:center;justify-content:center;width:100%;border:0;background:none;padding:16px;font-size:14px;color:#7e8376}.draw-area{text-align:center;padding:40px 0 20px}.turn-label{display:inline-block;background:#efd078;color:#2e4d35;padding:8px 20px;border-radius:30px;font-size:15px;font-weight:700}.draw-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:28px 0}.draw-cards .card{width:62px;height:92px;transition:transform .18s}.draw-cards .card:disabled{opacity:1;cursor:default}.draw-cards .card:not(:disabled):hover{transform:translateY(-12px) rotate(-3deg)}.draw-cards .card:not(:disabled){cursor:pointer}.draw-cards .back-star{font-size:35px}.draw-cards small{display:none}.turn-timer{font-size:12px;color:#b8c9ab;display:block;margin-top:20px}.ghost{background:#ffffff13;color:#e7e6c9;margin-top:10px}.your-hand{margin-top:25px;background:#efefe3;border:1px solid var(--line);border-radius:15px;padding:22px}.your-hand>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:12px}.your-hand h3{font-size:18px}.your-hand h3 span{margin-left:14px;font-size:13px;font-weight:400}.hand-cards{display:flex;gap:10px;overflow-x:auto;padding:23px 5px 15px;min-height:155px}.hand-cards .card{width:88px;height:127px}.hand-cards .corner{font-size:18px}.hand-cards .card-center{inset:20px 13px}.hand-cards .pips{font-size:24px}.hand-cards .pips-1{font-size:46px}.hand-cards .jester{font-size:60px}.hand-cards .card-center small{font-size:12px}.hand-cards .royal{font-size:50px}.result{text-align:center;padding:30px 0 15px}.result-confetti{font-size:30px;color:#edce73;letter-spacing:10px}.result h2{font-size:20px;margin:15px 0}.result>strong{font-size:30px;color:#f5ce70;overflow-wrap:anywhere}.result ol{max-width:280px;text-align:left;margin:10px auto 22px;padding-left:25px}.result li{padding:5px;font-size:14px}.result li svg{float:right;color:#c0d99e}html{scroll-behavior:smooth;scroll-padding-top:20px}@media(min-width:1440px){.hero{padding:65px 0 75px}.hero-table{height:430px}.hero-cards{top:120px}}@media(max-width:1000px){.header,main{padding-left:30px;padding-right:30px}.hero-table{height:340px}.hero-cards{top:90px;scale:.85}.table-caption{font-size:10px;bottom:30px}.table-badge{scale:.8;right:-27px;bottom:45px}.table-label{font-size:10px;top:35px}.hero h1{font-size:35px}.hero-meta{gap:8px;font-size:11px}.benefits>div{gap:10px}.benefits{gap:12px}.benefits strong{font-size:13px}.benefits small{font-size:11px}.game-layout{grid-template-columns:1fr}.room-side{display:none}footer{margin-left:30px;margin-right:30px}.rules-banner{padding:25px}.banner-suit{opacity:.5}.faq{gap:35px}.hero h1:lang(en){font-size:45px}}@media(max-width:700px){.header{height:79px;padding:0 22px}.brand{font-size:25px}.brand-mark{height:33px;width:29px;font-size:28px;margin-right:9px}.header nav{gap:15px}.header nav>a{display:none}.language{padding:8px 10px;font-size:12px;gap:7px}main{padding:0 22px}.hero{display:flex;flex-direction:column;gap:36px;padding:30px 0 38px}.hero-copy{width:100%;text-align:center}.hero-copy .eyebrow{justify-content:center;font-size:11px}.hero h1{font-size:37px;line-height:1.58;letter-spacing:-2px;margin:18px 0}.hero-description{font-size:14px}.hero-cta{margin-top:24px;min-width:245px;min-height:50px}.hero-meta{justify-content:center;font-size:12px;gap:12px;margin-top:18px}.hero-table{width:100%;max-width:430px;height:320px;transform:rotate(-2deg);margin:5px 0 8px}.hero-cards{scale:.83;top:80px}.table-label{top:31px;font-size:10px}.table-caption{font-size:11px;bottom:29px}.spark-one{left:28px;top:70px;font-size:32px}.spark-two{right:24px;top:112px}.table-badge{right:-18px;bottom:45px;scale:.77}.benefits{grid-template-columns:1fr;padding:25px 12px;gap:21px}.benefits>div{justify-content:flex-start;gap:16px}.benefits>div+div{border:0}.benefits strong{font-size:15px}.benefits small{font-size:13px}.benefit-icon{width:42px;height:42px}.section{padding:44px 0}.section h2{font-size:24px;letter-spacing:-1px;margin-top:10px}.eyebrow{font-size:11px;letter-spacing:1.5px}.section-doodle{display:none}.section-title{margin-bottom:22px}.steps{grid-template-columns:1fr;gap:12px}.step{position:relative;padding:20px 22px 20px 76px}.step-top{margin:0}.step-number{position:absolute;left:20px;top:20px;font-size:31px}.step-top svg{display:none}.step h3{font-size:17px;margin-bottom:8px}.step p{font-size:13px}.rules-banner{display:flex;flex-direction:column;text-align:center;padding:25px 19px;gap:18px}.rules-banner .eyebrow{justify-content:center;font-size:10px}.rules-banner h2{font-size:21px;letter-spacing:-.7px}.rules-banner p{font-size:13px;line-height:2}.mini-cards{height:112px}.banner-suit{font-size:110px;bottom:-22px;right:-7px}.faq{display:block}.faq h2 br,.faq-spark{display:none}.faq-list{margin-top:25px}summary{font-size:14px;padding:20px 0}.final-cta{padding:28px 0 40px}.final-cta h2{font-size:20px;line-height:1.7;letter-spacing:-.6px}footer{margin:0 22px;padding:25px 0;flex-wrap:wrap;gap:15px}footer p{display:none}footer small{font-size:11px}.modal,.join-panel{padding:30px 24px}.modal h2,.join-panel h1{font-size:25px}.room-main{padding:0 14px 35px}.room-heading{display:block;margin:18px 5px 22px}.room-heading h1{font-size:27px}.room-heading>.button{margin-top:17px;font-size:13px;min-height:40px;padding:10px 14px}.game-table{padding:22px 15px;border-radius:19px;min-height:490px}.players{gap:20px 5px}.avatar{width:37px;height:37px;font-size:26px}.player strong{font-size:12px}.player strong small{font-size:10px}.player>span{font-size:10px}.waiting-center{padding-top:28px}.waiting-center h2{font-size:19px}.waiting-center p{font-size:13px}.waiting-cards{margin-bottom:14px}.draw-area{padding:32px 0 12px}.draw-cards{gap:6px}.draw-cards .card{width:48px;height:73px;padding:3px;border-radius:6px}.draw-cards .card-inset{border-width:2px}.draw-cards .back-star{font-size:30px}.draw-area p{font-size:13px}.your-hand{padding:15px 12px}.your-hand h3{font-size:15px}.your-hand h3 span{font-size:12px;margin-left:9px}.your-hand .button{padding:8px 12px;font-size:12px;min-height:35px}.hand-cards{gap:7px}.hand-cards .card{width:76px;height:111px}.hand-cards .card-center{inset:17px 11px}.hand-cards .pips{font-size:21px}.hand-cards .pips-1{font-size:40px}.hand-cards .corner{font-size:16px}.hand-cards .jester{font-size:50px}.hand-cards .royal{font-size:41px}.hand-cards .card-center small{font-size:10px}.join-panel{margin:20px auto 50px}.result>strong{font-size:27px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.card.face{padding:0;overflow:hidden;background:#fffef8}.card.face img{display:block;width:100%;height:100%;object-fit:fill;mix-blend-mode:multiply}.room-side .leave{border:1px solid var(--line);border-radius:8px}@media(max-width:1000px){.room-side{display:block}.room-side .side-note{display:none}.room-side .private-note{padding:0 5px}.room-side .leave{margin-top:12px;width:auto}.game-layout{gap:15px}}@media(max-width:380px){.hero h1{font-size:32px}.hero h1:lang(en){font-size:39px}.hero-table{height:292px}.hero-cards{scale:.75;top:67px}.table-caption{font-size:10px}}@media(max-width:700px){.game-table{min-height:360px}.draw-area{padding-top:25px}.draw-cards{margin:23px 0}.room-heading{margin-bottom:17px}.your-hand{margin-top:16px}.room-side .private-note{font-size:11px}}.immersive-layout{display:block}.immersive-layout .room-side{display:none}.pov-table{position:relative;isolation:isolate;height:min(760px,86svh);min-height:640px;overflow:hidden;border-radius:24px;color:#f6efda;background:radial-gradient(ellipse at 50% 10%,#576052 0,#252f2c 42%,#131e1c 80%);box-shadow:0 24px 60px #183e3226}.pov-felt{position:absolute;z-index:-1;width:150%;height:100%;left:-25%;top:31%;border:22px solid #644b36;border-radius:50% 50% 0 0;background:radial-gradient(ellipse at 50% 20%,#497b62,#214a3c 65%,#143128);box-shadow:0 -6px #98795a,inset 0 0 0 3px #beae7040,inset 0 10px 60px #102b23;transform:perspective(900px) rotateX(24deg)}.pov-felt:after{content:"";position:absolute;inset:16px;border:1px dashed #c4cc8d44;border-radius:inherit}.pov-seats{position:absolute;inset:22px 24px auto;display:flex;justify-content:space-between;gap:8px;z-index:2;pointer-events:none}.pov-seat{display:grid;text-align:center;max-width:105px;font-size:13px;gap:3px;padding:7px 10px;border-radius:12px;background:#122a2399}.pov-seat>span{color:#e1bc83;font-size:22px}.pov-seat strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pov-seat small{color:#c0cdba}.pov-opponent{position:absolute;left:50%;top:72px;width:340px;height:230px;transform:translate(-50%)}.opponent-person{position:absolute;width:210px;height:165px;border-radius:50% 50% 15% 15%;background:linear-gradient(100deg,#394b47,#728073 50%,#354a44);left:65px;top:33px;box-shadow:0 15px 25px #071b2444}.opponent-person span{display:block;position:absolute;width:57px;height:66px;background:linear-gradient(100deg,#b8886e,#dfb69a);border-radius:44% 44% 48% 48%;left:77px;top:-42px;border-top:12px solid #292a26}.opponent-name{position:absolute;top:-13px;left:50%;transform:translate(-50%);background:#172b25ed;border:1px solid #d1b67a55;border-radius:20px;padding:7px 16px;max-width:300px;display:flex;align-items:center;gap:10px;white-space:nowrap;z-index:2}.opponent-name strong{overflow:hidden;text-overflow:ellipsis;font-size:15px}.opponent-name span{font-size:12px;color:#d6c7a4}.table-hand{position:absolute;pointer-events:none;width:125px;height:210px}.opponent-left{left:7px;top:47px;transform:rotate(148deg) scale(.65)}.opponent-right{right:7px;top:47px;transform:rotate(-148deg) scale(-.65,.65)}.opponent-fan{position:absolute;top:74px;left:50%;width:0;height:140px}.opponent-fan .card,.own-fan .card{position:absolute;margin-left:-48px;width:96px;height:140px;transform-origin:50% 125%;transform:translate(calc(var(--offset) * var(--spread))) rotate(var(--angle));transition:transform .22s ease,filter .22s ease}.opponent-fan .card{box-shadow:0 8px 14px #071b2455;padding:5px}.opponent-fan .card:disabled{opacity:1}.opponent-fan .card:not(:disabled){cursor:grab}.opponent-fan .card:not(:disabled):hover,.opponent-fan .card:focus-visible{transform:translate(calc(var(--offset) * var(--spread))) rotate(var(--angle)) translateY(-22px);filter:brightness(1.15);z-index:20;outline:3px solid #f4d285}.pov-message{position:absolute;top:325px;left:20px;right:20px;text-align:center;pointer-events:none}.pov-message small{letter-spacing:3px;color:#dccb9c;font-size:11px}.pov-message h2{font-size:23px;font-weight:500;margin:9px 0;text-shadow:0 2px 9px #143128}.pov-message p{color:#becdc0;font-size:13px}.is-your-turn .pov-message small{color:#ffe19b}.pov-discard{position:absolute;top:430px;left:50%;transform:translate(-50%) rotate(-9deg);width:95px;height:64px;border:1px solid #d3d8b735;border-radius:9px;display:grid;place-content:center;text-align:center;color:#d6dcc052}.pov-discard span{font-size:28px}.pov-discard small{font-size:6px;letter-spacing:2px}.pov-own{position:absolute;bottom:0;left:0;width:100%;height:220px}.own-label{position:absolute;top:-17px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;z-index:5}.own-label strong{font-size:14px;font-weight:500}.own-label small{color:#bccbbe;font-size:12px;margin-left:10px}.pov-shuffle{display:flex;align-items:center;gap:6px;border:1px solid #cbcfad55;border-radius:20px;background:#173d32;color:#f3ecd8;padding:9px 13px;font-size:13px}.own-fan{position:absolute;left:50%;bottom:15px;width:0;height:155px;z-index:2}.own-fan .card{width:112px;height:163px;margin-left:-56px;box-shadow:-3px 5px 10px #071b2466}.own-fan .card:hover{z-index:6;transform:translate(calc(var(--offset) * var(--spread))) rotate(var(--angle)) translateY(-30px)}.own-left{left:calc(50% - 200px);bottom:-81px;transform:rotate(28deg);z-index:3}.own-right{right:calc(50% - 200px);bottom:-81px;transform:rotate(-28deg) scaleX(-1);z-index:3}.is-offering .own-fan{transform:translateY(-12px);transition:transform .6s}.pov-finished{width:300px;margin-left:-150px;text-align:center;padding-top:45px;color:#f5d794}.pov-timer{position:absolute;bottom:9px;left:15px;font-size:11px;color:#b5c5b8;z-index:7}.pov-timer button{color:#f5e3b4;background:#173d32;border:1px solid #b7c4a9;padding:9px;border-radius:6px}.card-flight{position:absolute;left:50%;top:185px;z-index:12;pointer-events:none;animation:draw-to-me 1.1s ease-in-out both}.card-flight .card{width:100px;height:145px;margin-left:-50px}.card-flight .reaching{top:75px;left:-8px;transform:rotate(-15deg)}.card-flight.taken{animation:take-from-me 1.1s ease-in-out both}.card-flight.taken .reaching{transform:rotate(180deg);top:-170px}.pov-notice{position:absolute;top:365px;left:50%;transform:translate(-50%);z-index:14;background:#f5efd9;color:#254837;padding:12px 20px;border-radius:14px;display:flex;gap:15px;align-items:center;box-shadow:0 15px 30px #0b221e66;width:max-content;max-width:90%;animation:notice-in .35s ease-out}.pov-notice .card{width:50px;height:73px}.pov-notice strong{font-size:15px}@keyframes draw-to-me{0%{transform:translate(0) scale(.85)}35%{transform:translateY(45px) scale(1)}to{transform:translate(65px,340px) rotate(12deg) scale(1.2)}}@keyframes take-from-me{0%{transform:translateY(340px) scale(1.2)}to{transform:translateY(-40px) rotate(-12deg) scale(.6);opacity:0}}@keyframes notice-in{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@media(max-width:700px){.pov-table{border-radius:18px;min-height:660px;height:78svh}.pov-seats{inset:12px 10px auto;gap:3px}.pov-seat{padding:5px;font-size:11px;max-width:52px}.pov-seat>span{font-size:16px}.pov-seat small{font-size:10px}.pov-opponent{top:105px;transform:translate(-50%) scale(.85)}.pov-felt{top:33%}.pov-message{top:320px;left:12px;right:12px}.pov-message h2{font-size:18px;line-height:1.7}.pov-message p{font-size:12px}.pov-discard{top:420px}.pov-own{height:175px}.own-label{top:-32px;left:14px;right:14px}.own-fan{transform:scale(.79);bottom:-5px}.is-offering .own-fan{transform:translateY(-12px) scale(.79)}.own-left{left:calc(50% - 164px);bottom:-105px}.own-right{right:calc(50% - 164px);bottom:-105px}.pov-notice{top:350px}}@media(prefers-reduced-motion:reduce){.pov-table *,.pov-table *:before{animation-duration:.01ms!important;transition:none!important}}@media(max-width:700px){.pov-opponent{transform:translate(-50%) scale(.68);transform-origin:50% 20%}.own-fan{transform:scale(.63)}.is-offering .own-fan{transform:translateY(-12px) scale(.63)}}@media(max-width:360px){.pov-opponent{transform:translate(-50%) scale(.58)}.own-fan{transform:scale(.54)}.is-offering .own-fan{transform:translateY(-12px) scale(.54)}}.card.face img{mix-blend-mode:normal;opacity:1;object-fit:fill}.invite-actions{display:flex;flex-wrap:wrap;gap:10px}.qr-modal{text-align:center;max-width:440px}.qr-modal>svg{display:block;width:min(240px,100%);height:auto;margin:22px auto;background:#fff}.qr-modal input{font-size:14px;margin:0 0 16px}.recent-rooms{margin:20px 0 0;padding:22px 25px;background:#eeefe3;border:1px solid var(--line);border-radius:14px}.recent-rooms h2{font-size:21px;margin-bottom:8px}.recent-rooms p{font-size:14px;line-height:1.8;color:#62715f}.history-empty{margin-top:10px}.history-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px;max-height:300px;overflow:auto}.history-room{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px;background:#fffdf5;border-radius:9px;border:1px solid #d6ddcd;font-size:14px}.history-room>span:first-child{min-width:0}.history-room strong{display:block;overflow-wrap:anywhere}.history-room small{display:block;margin-top:6px;color:#71806a;font-size:12px}.history-room>span:last-child{flex-shrink:0}.history-room.expired{opacity:.6}.notice-cards{display:flex;gap:10px}.pov-notice.pair-celebration{flex-direction:column;top:300px;padding:22px 28px;border:2px solid #e5c66c;animation:pair-celebrate 2.8s ease-in-out both}.pair-celebration .card{width:90px;height:131px}.pair-celebration .card:first-child{rotate:-7deg}.pair-celebration .card:last-child{rotate:7deg}.pair-celebration strong{font-size:19px}@keyframes pair-celebrate{0%{opacity:0;scale:.9}12%,78%{opacity:1;scale:1}87%{opacity:1;scale:1.05}to{opacity:0;scale:.7;translate:0 60px}}@media(max-width:700px){.history-list{grid-template-columns:1fr}.recent-rooms{padding:18px 16px}.recent-rooms p{font-size:13px}.history-room{font-size:13px;padding:13px}.room-heading .invite-actions{margin-top:16px}.invite-actions .button{font-size:13px;min-height:44px}.own-fan,.is-offering .own-fan{left:0;bottom:25px;width:100%;height:140px;display:flex;overflow-x:auto;overflow-y:hidden;gap:10px;padding:8px 16px;transform:none;-webkit-overflow-scrolling:touch}.own-fan .card,.own-fan .card:hover{position:relative;flex:0 0 84px;width:84px;height:122px;margin:0;transform:none;transform-origin:center}.pov-own{height:190px}.own-label{top:-12px}.pov-discard{display:none}.pov-message{top:300px}.pov-message h2{font-size:18px;line-height:1.55}.pov-message p{font-size:13px}.pov-notice.pair-celebration{top:270px}.own-label strong,.pov-shuffle{font-size:14px}.own-label small{font-size:12px}.pov-shuffle{min-height:44px}.pov-seat{max-width:calc((100% - 15px) / 6);min-width:0;font-size:11px}.pov-seat small{font-size:10px}.pov-finished{width:100%;margin:0;padding-top:40px;font-size:15px}}@media(prefers-reduced-motion:reduce){.pair-celebration{animation:none!important}}.own-label strong{font-size:18px}.own-label small{font-size:20px;font-weight:800;color:#fff0bf;margin-left:8px;white-space:nowrap}.pov-message small{display:inline-block;font-size:18px;font-weight:800;letter-spacing:1px;padding:8px 20px;border-radius:30px;background:#173e32;color:#fff;border:2px solid #a9c5b5}.is-your-turn .pov-message small{background:#ffe19b;color:#173e32;border-color:#ffe19b;box-shadow:0 0 24px #ffe19b55}.pov-table.is-your-turn{box-shadow:inset 0 0 0 4px #e6bf68}.pov-message h2{font-weight:700}.opponent-robot{height:108px;display:grid;place-items:center;color:#f5d889}.bot-controls{text-align:center;margin:24px 12px}.bot-controls p{font-size:15px;color:#d0dfd1}.remove-bot{border:1px solid #d0dfd166;border-radius:12px;color:#fff;background:transparent;min-height:36px;padding:4px 16px;margin-top:6px;cursor:pointer}@media(max-width:600px){.own-label{left:12px;right:12px;gap:8px}.own-label strong{font-size:16px}.own-label small{font-size:20px}.pov-shuffle{font-size:12px;padding:8px}.pov-message small{font-size:17px;padding:6px 15px}.pov-message h2{font-size:17px;margin:6px 0}.pov-message p{margin:5px 0}.opponent-robot{height:80px}}.result .winner-trophy{display:block;margin:14px auto;color:#ffe19b;filter:drop-shadow(0 3px 12px #e4ae3a44)}.result>strong{display:block;overflow-wrap:anywhere}.result h2{color:#fff2c9}.result-ranking-title{font-size:17px;margin:28px 0 10px}.result ol{list-style:none;padding:0;max-width:420px;margin:0 auto 24px}.result li{display:flex;align-items:center;gap:12px;padding:10px 14px;text-align:left}.result-place{flex-shrink:0;font-weight:800;width:25px;text-align:center}.result-player-name{flex:1;overflow-wrap:anywhere;min-width:0}.result li svg{flex-shrink:0}.result .winner-row{background:#ffe19b22;border:1px solid #ffe19b77;border-radius:12px;color:#ffe19b;font-weight:800}.result .winner-row svg{color:#ffe19b}.result .result-loser{font-size:15px;color:#c4d1c8;margin:22px auto;max-width:420px;overflow-wrap:anywhere}.overall-results{max-width:460px;margin:28px auto;padding-top:4px;border-top:1px solid #ffe19b44}.overall-results h3 small{display:block;margin-top:6px;font-size:13px;font-weight:400;color:#c4d1c8}.result .overall-rule{font-size:12px;line-height:1.7;color:#c4d1c8;margin:12px auto 16px;max-width:420px}.overall-results .result-player-name small{display:block;margin-top:4px;font-size:12px;font-weight:400;color:#c4d1c8}.overall-points{flex-shrink:0;font-size:22px}.overall-points small{font-size:12px;margin-left:4px}@media(max-width:600px){.result h2{font-size:24px}.result .winner-trophy{width:54px;height:54px}.result .result-loser{font-size:14px}}