@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Italiana&family=Manrope:wght@400;500;600&display=swap";*{box-sizing:border-box}:root{--ink:#26362f;--forest:#385746;--cream:#f3eddf;--paper:#fbf8f0;--gold:#b4935c;--rose:#a85d55}body{color:var(--ink);background:#1d2a24;margin:0;font-family:Manrope,Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}header{background:#f6f0e5;border-bottom:1px solid #d9d0bd;justify-content:space-between;align-items:center;height:82px;padding:0 34px;display:flex}.brand{align-items:center;gap:13px;display:flex}.seal{background:var(--forest);color:#eee0bd;border-radius:50%;place-items:center;width:38px;height:38px;font-family:serif;display:grid}.brand h1{letter-spacing:.04em;margin:0;font:26px Italiana,serif}.brand-amp{margin-inline:.03em;font:500 .83em/1 Manrope,Arial,sans-serif;display:inline-block;transform:translateY(-.02em)}.brand p,.eyebrow{letter-spacing:.23em;color:#8b775b;margin:2px 0 0;font-size:9px;font-weight:600}.header-actions{gap:8px;display:flex}.header-actions button,.controls button{color:var(--ink);background:0 0;border:1px solid #cfc4af;border-radius:999px;padding:9px 14px}.home{background:radial-gradient(circle at 30%,#f9f3e6,#e8dec9);grid-template-columns:.8fr 1.2fr;min-height:calc(100vh - 82px);display:grid}.home-copy{z-index:2;padding:11vh 5vw 5vh 9vw;position:relative}.home h2,.result h2{margin:18px 0 28px;font:400 clamp(52px,6vw,88px)/.92 Italiana,serif}.home-copy>p:not(.eyebrow){color:#637067;max-width:440px;line-height:1.8}.primary{background:var(--forest);color:#fff;text-transform:uppercase;letter-spacing:.14em;border:0;border-radius:3px;margin-top:24px;padding:16px 22px;font-size:11px}.primary span{margin-left:25px}.stats{border-top:1px solid #c8bea9;gap:50px;margin-top:70px;padding-top:22px;display:flex}.stats div{flex-direction:column;display:flex}.stats b{font:32px Italiana}.stats span{text-transform:uppercase;letter-spacing:.16em;color:#817865;font-size:9px}.home-scene{background:#385746 url(/mahjong-tablescape.png) 50% 58%/cover no-repeat;min-height:650px;position:relative;overflow:hidden;box-shadow:inset 28px 0 45px #1f302b66}.home-scene:after{content:"";pointer-events:none;background:linear-gradient(90deg,#263b2b42 0,#0000 24%),linear-gradient(0deg,#1a2e2440 0,#0000 28%);position:absolute;inset:0}.game-layout{background:#d8cdb8;grid-template-columns:minmax(650px,1fr) 430px;height:calc(100vh - 82px);display:grid}.table-wrap{flex-direction:column;min-width:0;display:flex}.table-top{background:radial-gradient(circle at 52% 35%,#78917c,#476656 72%);flex:1;position:relative;overflow:hidden;box-shadow:inset 0 0 100px #1c382777}.table-top:after{content:"";pointer-events:none;border:1px solid #c7b78455;position:absolute;inset:32px}.floral{color:#d9c7b333;font-size:170px;position:absolute}.f1{top:14%;left:4%;transform:rotate(-20deg)}.f2{bottom:12%;right:4%;transform:rotate(25deg)}.tea{color:#63705c;background:#e6ddc8;border-radius:8px 8px 44px 44px;place-items:center;width:95px;height:70px;font-family:serif;display:grid;position:absolute;bottom:26%;right:8%;box-shadow:0 18px 20px #223b2d66}.dish{color:#874f54;background:#d4bca4;border-radius:50%;place-items:center;width:90px;height:50px;font-size:26px;display:grid;position:absolute;bottom:29%;left:8%;box-shadow:0 10px 20px #223b2d66}.game-status{text-align:center;color:#f2e9d8;position:absolute;top:4%;left:50%;transform:translate(-50%)}.game-status>span{letter-spacing:.24em;font-size:9px}.game-status b{font:40px Italiana;display:block}.game-status b small{margin-left:4px;font:10px Manrope}.game-status i{color:#d0c7b5;font-size:10px}.wall{display:flex;position:absolute;top:18%;left:50%;transform:translate(-50%)}.wall span{background:#e6dfce;border:1px solid #b8ad95;width:24px;height:39px;box-shadow:inset -5px -4px 5px #b9ad97,2px 4px 5px #1b332666}.draw-zone{flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:31%;left:50%;transform:translate(-50%)}.draw-zone>button:not(.tile){color:#395344;text-transform:uppercase;background:#f3ead8;border:1px solid #d7c6a5;border-radius:999px;padding:8px 15px;font-size:10px}.draw-button{color:#efe6d5!important;background:#f0e4cd22!important;border:1px dashed #dacbaa88!important;border-radius:10px!important;width:120px!important;height:100px!important}.draw-button span{font-size:30px;display:block}.rack{background:linear-gradient(#c5aa77,#8d6c3e);border-radius:5px;height:175px;position:absolute;bottom:4%;left:3%;right:3%;transform:perspective(700px)rotateX(3deg);box-shadow:0 18px 25px #182e2388}.tiles{justify-content:center;align-items:flex-end;gap:3px;height:130px;padding:12px 20px 0;display:flex}.rack-front{color:#ead9b9;background:linear-gradient(#ac8855,#7a5931);border-top:2px solid #d5bd8d;justify-content:space-between;align-items:center;height:45px;padding:0 30px;display:flex}.rack-front span{letter-spacing:.2em;font:14px Italiana}.rack-front small{letter-spacing:.18em;font-size:8px}.tile{color:#33493d;background:linear-gradient(130deg,#fffdf4,#e7ddc8 70%,#c9baa2);border:1px solid #d5cab4;border-radius:7px 7px 5px 5px;flex:0 57px;width:57px;min-width:39px;height:94px;transition:transform .18s,filter .18s;position:relative;overflow:hidden;box-shadow:inset 2px 2px 4px #fff,inset -4px -5px 6px #b7a991,3px 6px 4px #263b2b66}.tile:hover,.tile.selected{filter:brightness(1.05);transform:translateY(-10px)}.corner{color:#9d4f4b;flex-direction:column;font:11px DM Mono;display:flex;position:absolute;top:4px;left:5px}.glyph{text-shadow:0 1px #fff;font-family:serif;font-size:38px;line-height:88px;display:block}.tile-dot .glyph{color:#527b6d}.tile-crak .glyph,.tile-dragon .glyph{color:#a7504c}.tile-flower .glyph{color:#a86f7c}.tile-joker .glyph{color:#b6934d}.tile-name{letter-spacing:.15em;font-size:5px;position:absolute;bottom:6px;left:0;right:0}.controls{background:#eee6d7;justify-content:space-between;align-items:center;height:76px;padding:0 25px;display:flex}.controls div{gap:8px;display:flex}.controls .check{color:#fff;background:#385746;border-color:#385746}.controls p{color:#746e63;font-size:10px}.reference{background:var(--paper);border-left:1px solid #c9c0b0;flex-direction:column;height:100%;display:flex;overflow:hidden}.ref-head{border-bottom:1px solid #ddd4c5;padding:26px 26px 14px}.ref-head h3{margin:4px 0 12px;font:40px Italiana}.legend{color:#766e62;flex-wrap:wrap;gap:5px 12px;font-size:8px;display:flex}.legend b{color:#9e5851}.ref-head label{color:#9a8d77;background:#fff;border:1px solid #d8cebd;align-items:center;margin-top:15px;padding:8px 10px;display:flex}.ref-head input{background:0 0;border:0;outline:0;width:100%;margin-left:8px;font-size:11px}.ref-list{flex:1;overflow:auto}.ref-section>button{text-transform:uppercase;letter-spacing:.16em;color:#41564b;background:#f4eee2;border:0;border-bottom:1px solid #ddd4c5;justify-content:space-between;width:100%;padding:14px 24px;font-size:10px;display:flex}.ref-section article{border-bottom:1px solid #e4ddd1;justify-content:space-between;gap:10px;padding:12px 22px;display:flex}.ref-section code{color:#31483d;font:10px/1.5 DM Mono}.ref-section article p{color:#8a8174;margin:4px 0 0;font-size:8px}.ref-section strong{white-space:nowrap;color:#a0524d;font:11px DM Mono}.reference footer{text-align:center;color:#9a9082;border-top:1px solid #ddd4c5;padding:9px;font-size:7px}.toast{z-index:20;color:#34483e;background:#f8f2e6;border:1px solid #cabb9f;border-radius:4px;padding:13px 18px;position:fixed;bottom:30px;left:50%;transform:translate(-50%);box-shadow:0 12px 35px #17271e88}.toast span{margin-left:22px}.modal{z-index:30;background:#182820dd;place-items:center;display:grid;position:fixed;inset:0}.result{text-align:center;background:#f6eee0;border:1px solid #c4a66f;width:min(500px,90vw);padding:60px 50px;box-shadow:0 30px 80px #0007}.result>span{color:#b28d4f;font-size:40px}.result>p:first-of-type{letter-spacing:.25em;font-size:9px}.result h2{margin:18px 0;font-size:48px}.result p{color:#6f746d;font-size:12px;line-height:1.7}@media (width<=1000px){.game-layout{grid-template-columns:1fr;height:auto}.table-wrap{height:680px}.reference{border-left:0;height:650px}.home{grid-template-columns:1fr}.home-scene{background-position:50% 61%;min-height:560px}.home-copy{padding:70px 8vw}.stats{margin-top:45px}}@media (width<=650px){header{padding:0 14px}.brand h1{font-size:20px}.brand p,.header-actions button:first-child{display:none}.header-actions button{font-size:9px}.game-layout{display:block}.table-wrap{height:600px}.table-top:after{inset:12px}.rack{height:145px;left:1%;right:1%}.tiles{gap:1px;height:105px;padding:8px 5px 0}.tile{min-width:25px;height:82px}.glyph{font-size:25px;line-height:76px}.rack-front{height:40px;padding:0 12px}.controls{flex-direction:column;align-items:flex-start;height:100px;padding:12px}.controls p{margin:0}.tea,.dish{display:none}.home h2{font-size:58px}.home-scene{background-position:50% 62%;min-height:460px}.stats{gap:25px}}.tile[draggable=true]{cursor:grab}.tile[draggable=true]:active{cursor:grabbing}.tile.dragging{opacity:.38;transform:translateY(-14px)rotate(2deg);box-shadow:0 18px 22px #14291d88}.tiles:has(.dragging) .tile:not(.dragging):hover{outline-offset:2px;outline:2px solid #ead7a8;transform:translateY(-5px)}.tile{background:linear-gradient(90deg,#7ed5dc 0 5px,#ebffff 5px 7px,#fff 7px 100%);border:1px solid #bddce0;border-radius:8px;height:100px;padding:5px 4px 7px 9px;overflow:visible;box-shadow:inset 0 0 0 2px #f7ffff,inset -3px -3px 5px #c7dde0,0 5px #55bfc8,3px 9px 7px #263b2b66}.tile:before{content:"";pointer-events:none;border:1px solid #cbe7e8;border-radius:5px;position:absolute;inset:5px 4px 5px 9px;box-shadow:inset 0 0 8px #c9ebed66}.tile-face{width:100%;height:100%;display:block;position:relative}.corner{color:#317e91;background:#fff;border:1px solid #8ad2da;border-radius:9px 9px 7px 7px;place-items:center;width:31px;height:28px;font-family:Georgia,serif;display:grid;top:2px;left:50%;transform:translate(-50%);box-shadow:0 1px 2px #7dbdc066}.corner:before,.corner:after{content:"";background:#f3a350;border-radius:50%;width:5px;height:5px;position:absolute;top:10px}.corner:before{left:-4px}.corner:after{right:-4px}.corner b{font-size:16px;line-height:13px}.corner small{letter-spacing:.08em;color:#df6c58;font:4px Manrope}.glyph{text-shadow:0 1px #fff;font-size:35px;line-height:47px;position:absolute;top:31px;left:0;right:0}.tile-name{color:#397f8c;font-size:5px;font-weight:700;bottom:2px}.pip-art,.bam-art{flex-wrap:wrap;place-content:center;align-items:center;gap:2px;height:45px;display:flex;position:absolute;top:35px;left:8px;right:5px}.pip-art i{background:radial-gradient(circle,#f08a56 0 25%,#fff 27% 48%,#2b9bb0 50% 65%,#0000 68%);border:2px dotted #2aa9bc;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 1px #8ed4d8}.bam-art{align-items:flex-start;gap:3px}.bam-art i{background:repeating-linear-gradient(#ec7655 0 6px,#f8c74e 6px 9px,#3fb1c0 9px 16px);border-radius:4px;width:4px;height:26px;transform:rotate(-3deg);box-shadow:1px 0 #21899b}.bam-art i:nth-child(2n){background:repeating-linear-gradient(#41b7c4 0 7px,#f5cd58 7px 10px,#e97758 10px 16px);transform:rotate(4deg)}.tile-crak .glyph{color:#d95b55;font-weight:700}.tile-wind .glyph{color:#7660b8}.tile-dragon .glyph{color:#e45b4f}.tile-flower .glyph{color:#e88954;font-size:38px}.tile-joker{background:linear-gradient(90deg,#7ed5dc 0 5px,#ebffff 5px 7px,#fff 7px 100%)}.tile-joker .corner{display:none}.tile-joker .glyph{color:#f2a329;text-shadow:2px 2px #dc5a52,-2px 2px #55b7c2;font-size:43px;top:18px}.tile-joker .tile-name{letter-spacing:.08em;color:#535aaa;font-size:8px;bottom:8px}.tile-flower .corner{color:#de654d;border-color:#efb09c}.preview-tiles .tile{height:100px}@media (width<=650px){.tile{background:linear-gradient(90deg,#7ed5dc 0 3px,#ebffff 3px 5px,#fff 5px 100%);height:87px;padding-left:6px}.tile:before{left:6px}.corner{width:24px;height:24px}.corner b{font-size:13px}.pip-art,.bam-art{top:31px;left:4px}.pip-art i{width:7px;height:7px}.bam-art i{height:21px}.glyph{font-size:28px;top:28px}.tile-name{font-size:4px}}.rack-mat{z-index:1;color:#537f82;letter-spacing:.24em;background-color:#ccebed;background-image:radial-gradient(circle at 8% 20%,#f2a078 0 5px,#0000 6px),radial-gradient(circle at 12% 25%,#f4cf63 0 4px,#0000 5px),radial-gradient(circle at 91% 20%,#9c83c9 0 5px,#0000 6px),radial-gradient(circle at 87% 28%,#f08d75 0 4px,#0000 5px),radial-gradient(circle at 20% 75%,#75c6c9 0 5px,#0000 6px),radial-gradient(circle at 80% 78%,#efc75d 0 5px,#0000 6px),repeating-linear-gradient(135deg,#f8f1df22 0 8px,#70c8cd16 8px 16px);border:6px solid #f6edda;border-radius:18px;outline:2px solid #78cbd0;justify-content:center;align-items:flex-end;gap:12px;height:215px;padding-bottom:7px;font:8px Manrope;display:flex;position:absolute;bottom:1.2%;left:1.2%;right:1.2%;box-shadow:0 18px 28px #1c352a77,inset 0 0 0 2px #f1a17b,inset 0 0 0 7px #f8f0dc}.rack-mat:before,.rack-mat:after{content:"";opacity:.8;background:radial-gradient(at 30% 30%,#ed8f72 0 4px,#0000 5px),radial-gradient(at 65%,#f0c75b 0 4px,#0000 5px),radial-gradient(at 35% 70%,#9077bd 0 4px,#0000 5px),linear-gradient(64deg,#0000 48%,#63aa8c 49% 51%,#0000 52%);width:72px;position:absolute;top:17px;bottom:17px}.rack-mat:before{left:18px}.rack-mat:after{right:18px;transform:scaleX(-1)}.rack-mat span:first-child,.rack-mat span:last-child{color:#e77867;font-size:12px}.rack{z-index:2}@media (width<=650px){.rack-mat{border-width:4px;border-radius:12px;height:177px;left:0;right:0}.rack-mat:before,.rack-mat:after{width:42px}.rack-mat span{display:none}}.tile-face{border-radius:4px;overflow:hidden}.corner{z-index:2;border-radius:6px;width:24px;height:27px;top:4px;left:5px;transform:none}.corner:before,.corner:after{display:none}.corner b{font-size:15px}.corner small{font-size:3.5px}.pip-art,.bam-art{top:34px}.tile-crak .glyph,.tile-wind .glyph,.tile-dragon .glyph,.tile-flower .glyph{top:31px}@media (width<=650px){.corner{width:21px;height:24px;top:3px;left:3px}.corner b{font-size:13px}.pip-art,.bam-art{top:30px}.tile-crak .glyph,.tile-wind .glyph,.tile-dragon .glyph,.tile-flower .glyph{top:28px}}.pip-art,.bam-art{grid-template-columns:repeat(3,9px);grid-auto-rows:12px;place-content:center;place-items:center;gap:2px;height:45px;display:grid;top:34px;left:4px;right:4px;overflow:hidden}:is(.pip-art:has(i:first-child:last-child),.bam-art:has(i:first-child:last-child)){grid-template-columns:9px}:is(.pip-art:has(i:nth-child(2):last-child),.bam-art:has(i:nth-child(2):last-child)),:is(.pip-art:has(i:nth-child(4):last-child),.bam-art:has(i:nth-child(4):last-child)){grid-template-columns:repeat(2,9px)}.pip-art i{border-width:1px;width:8px;height:8px}.bam-art i{width:4px;height:11px;transform:none!important}.glyph{place-items:center;height:48px;line-height:1;display:grid;top:31px;overflow:hidden}.tile-name{white-space:nowrap;text-overflow:clip;left:3px;right:3px;overflow:hidden}.tile-face>*{max-width:100%}@media (width<=650px){.pip-art,.bam-art{grid-template-columns:repeat(3,7px);grid-auto-rows:10px;gap:1px;height:40px;top:30px;left:2px;right:2px}:is(.pip-art:has(i:first-child:last-child),.bam-art:has(i:first-child:last-child)){grid-template-columns:7px}:is(.pip-art:has(i:nth-child(2):last-child),.bam-art:has(i:nth-child(2):last-child)),:is(.pip-art:has(i:nth-child(4):last-child),.bam-art:has(i:nth-child(4):last-child)){grid-template-columns:repeat(2,7px)}.pip-art i{width:6px;height:6px}.bam-art i{width:3px;height:9px}.glyph{height:42px;top:28px}}.draw-zone{z-index:5;gap:12px;min-height:145px}.draw-zone .tile{flex:0 0 100px;width:60px;min-width:60px;height:100px}.draw-zone>button:not(.tile){z-index:6;white-space:nowrap;flex:none;position:relative;box-shadow:0 5px 14px #1f382a55}.draw-zone .draw-button{flex:0 0 100px}@media (width<=650px){.draw-zone{gap:10px;min-height:134px;top:29%}.draw-zone .tile{flex-basis:87px;width:54px;min-width:54px;height:87px}.draw-zone .draw-button{flex-basis:92px}}.hand-progress{z-index:6;color:#526359;white-space:nowrap;background:#f8f1e7e8;border:1px solid #d7c4a1;border-radius:999px;align-items:center;gap:12px;padding:7px 12px;font-size:9px;display:flex;position:absolute;bottom:225px;left:50%;transform:translate(-50%);box-shadow:0 7px 18px #1d332766}.hand-progress span{align-items:center;gap:3px;display:flex}.hand-progress b{color:#9b5b53;font:16px Italiana}.hand-progress em{color:#3e594b;border-left:1px solid #d1c4b0;padding-left:12px;font-style:normal}.guide-card{z-index:15;background:#faf3e7;border:1px solid #c3a66f;width:290px;padding:20px;position:absolute;top:24px;left:24px;box-shadow:0 18px 45px #18312488}.guide-card small{letter-spacing:.18em;color:#967956;font-size:8px}.guide-card h3{margin:8px 0;font:28px Italiana}.guide-card p{color:#667169;font-size:11px;line-height:1.6}.guide-card div{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.guide-card button{color:#6d746c;background:0 0;border:0;font-size:10px}.guide-card button:last-child{background:var(--forest);color:#fff;border-radius:3px;padding:8px 14px}.recap{border-block:1px solid #d8ccb7;grid-template-columns:repeat(3,1fr);margin:22px 0;display:grid}.recap div{flex-direction:column;padding:14px 8px;display:flex}.recap div+div{border-left:1px solid #d8ccb7}.recap b{font:28px Italiana}.recap small{text-transform:uppercase;letter-spacing:.12em;color:#82786b;font-size:8px}.recap-hand{justify-content:center;gap:1px;max-width:100%;padding:8px 0;display:flex;overflow:hidden}.recap-hand .tile{pointer-events:none;flex:0 30px;width:30px;min-width:20px;height:52px;padding:2px 1px 3px 4px;box-shadow:0 3px #55bfc8,1px 5px 4px #263b2b44}.recap-hand .tile:before{display:none}.recap-hand .corner{width:14px;height:16px;top:2px;left:2px}.recap-hand .corner b{font-size:8px}.recap-hand .corner small,.recap-hand .tile-name{display:none}.recap-hand .pip-art,.recap-hand .bam-art{height:24px;top:18px;transform:scale(.55)}.recap-hand .glyph{height:28px;font-size:18px;top:16px}.recap-note{color:#9b5b53!important;margin:5px 0 0!important}.result{max-height:92vh;overflow:auto}@media (width<=650px){.hand-progress{gap:7px;max-width:95%;padding:6px 9px;bottom:184px}.hand-progress em{display:none}.guide-card{width:auto;top:12px;left:12px;right:12px}.recap-hand .tile{min-width:17px}}.game-status{z-index:10;pointer-events:none;background:#294b3ddd;border:1px solid #d9c9a055;border-radius:12px;min-width:150px;padding:7px 16px 9px;box-shadow:0 8px 20px #17312677}.game-status b{line-height:1}.game-status b small{text-transform:uppercase;letter-spacing:.12em;margin:2px 0 0;display:block}.wall{z-index:2}@media (width<=650px){.game-status{padding:5px 12px 7px;top:2%}.game-status b{font-size:32px}.wall{top:19%}}.recommendations{background:#f1e9da;border-bottom:1px solid #d5c8b5;padding:16px;box-shadow:0 8px 18px #513d2222}.recommendation-head{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.recommendation-head h4{margin:3px 0;font:25px Italiana}.recommendation-head>button{color:#776e61;background:0 0;border:0;font-size:22px}.recommendation{text-align:left;color:#3c5146;background:#fbf7ef;border:1px solid #d9cdbb;grid-template-columns:24px 1fr auto;align-items:center;gap:9px;width:100%;margin-top:6px;padding:10px;display:grid}.recommendation>span{color:#fff;background:#385746;border-radius:50%;place-items:center;width:22px;height:22px;font-size:9px;display:grid}.recommendation b{font:15px Italiana}.recommendation p{color:#7d7569;margin:3px 0 0;font-size:8px;line-height:1.4}.recommendation em{text-transform:uppercase;letter-spacing:.1em;color:#a25e55;font-size:8px;font-style:normal}.recommendations>small{color:#8a8174;margin:10px 3px 0;font-size:7px;line-height:1.5;display:block}.tile.useful{outline-offset:2px;filter:brightness(1.08);z-index:3;outline:3px solid #f1ca63}.tile.discard{opacity:.42;filter:saturate(.45)}.tile.discard:hover{opacity:.85}.rack-front small{text-overflow:ellipsis;white-space:nowrap;max-width:70%;overflow:hidden}.game-status{top:24px;left:24px;transform:none}.guide-card{left:auto;right:24px}.draw-zone{z-index:7}@media (width<=650px){.game-status{min-width:112px;top:10px;left:10px}.guide-card{top:105px;left:12px;right:12px}.draw-zone{z-index:8}}.ref-section code .card-k{color:#202923}.ref-section code .card-g{color:#16734e}.ref-section code .card-r{color:#b4433f}.ref-section code span{font-weight:600}.mahjong-route{background:#eee4d2;border:1px solid #cfbd9c;gap:4px;max-width:390px;margin:18px auto 8px;padding:14px 18px;display:grid}.mahjong-route small{text-transform:uppercase;letter-spacing:.18em;color:#8b775b}.mahjong-route b{color:#385746;font:24px Italiana,serif}.mahjong-route code{color:#9e5851;font:11px/1.5 DM Mono}.mahjong-route p{margin:0;font-size:9px!important}.decision-verdict{text-align:left;background:#f0dfd8;border-left:4px solid #9c635a;max-width:410px;margin:10px auto;padding:14px 16px}.decision-verdict.available{background:#e1ebe1;border-color:#4e7962}.decision-verdict>b{color:#304d3e;font:18px Italiana,serif}.decision-verdict p{margin:5px 0 0!important;font-size:10px!important}.review-tiles{justify-content:center;gap:1px;margin-top:10px;display:flex;overflow:hidden}.review-tiles .tile{pointer-events:none;flex:0 27px;width:27px;min-width:17px;height:47px;padding:2px 1px 3px 4px}.review-tiles .tile:before{display:none}.review-tiles .corner{width:13px;height:14px;top:2px;left:2px}.review-tiles .corner b{font-size:7px}.review-tiles .corner small,.review-tiles .tile-name{display:none}.review-tiles .pip-art,.review-tiles .bam-art{height:22px;top:16px;transform:scale(.5)}.review-tiles .glyph{height:26px;font-size:16px;top:14px}.tile{background:linear-gradient(145deg,#fff 0 62%,#f4f6f4 82%,#dfe7e4);border:1px solid #d9e1df;border-radius:8px;padding:4px;box-shadow:inset 1px 1px 2px #fff,inset -2px -2px 4px #ccd5d2,0 4px #cbd5d1,2px 8px 7px #263b2b55}.tile:before{box-shadow:none;border:0;inset:4px}.tile-face{background:#fff;border-radius:5px}.corner{width:auto;height:auto;box-shadow:none;color:#2671ca;background:0 0;border:0;display:block;top:4px;left:5px;transform:none}.corner b{font:700 17px/1 Manrope}.tile-bam .corner{color:#00a67c}.tile-crak .corner{color:#ed665d}.pip-art{grid-template-columns:repeat(3,13px);grid-auto-rows:18px;gap:2px;height:66px;top:19px;left:10px;right:7px}.pip-art:has(i:first-child:last-child){grid-template-columns:22px}:is(.pip-art:has(i:nth-child(2):last-child),.pip-art:has(i:nth-child(4):last-child)){grid-template-columns:repeat(2,17px)}.pip-art i{width:13px;height:13px;box-shadow:none;background:radial-gradient(circle,#fff 0 22%,#36a9d8 24% 38%,#fff 40% 53%,#54cf9b 55% 67%,#0000 69%);border:2px solid #4bcaae}.pip-art i:nth-child(odd){filter:none;border-color:#318bd0}.pip-art i:nth-child(3n+2){filter:none}.bam-art{grid-template-columns:repeat(3,10px);grid-auto-rows:24px;gap:2px;height:61px;top:22px;left:10px;right:7px}.bam-art i{background:repeating-linear-gradient(#28bc82 0 3px,#8bd143 3px 5px,#08a899 5px 9px);border-radius:1px;width:7px;height:23px;box-shadow:inset 1px 0 #d4f16a,-1px 0 #168f75}.bam-art i:nth-child(2n){background:repeating-linear-gradient(#82ce3d 0 3px,#0eae8f 3px 7px,#b6dc4e 7px 10px)}.crak-art{place-items:center;display:grid;position:absolute;inset:18px 5px 7px}.crak-art:before,.crak-art:after{content:"";border:2px solid #4ac7ae;border-radius:8px;width:40px;height:40px;position:absolute;transform:rotate(45deg)}.crak-art:after{border:2px dotted #91ce3f;width:33px;height:33px}.crak-art>b{color:#ed665d;font:700 17px Manrope;position:absolute;top:-13px;left:0}.crak-art i{z-index:1;color:#d94f50;font:700 18px serif}.crak-art small{background:#ef6a62;border-radius:50% 50% 40% 40%;width:7px;height:12px;position:absolute;bottom:3px}.wind-art{place-items:center;display:grid;position:absolute;inset:5px}.wind-art b{font:700 19px Manrope;position:absolute;top:1px;left:4px}.tile-wind:nth-child(4n+1) .wind-art b{color:#ed635b}.wind-art b{color:#238ec3}.wind-art i{clip-path:polygon(50% 0,100% 75%,54% 55%,50% 100%,46% 55%,0 75%);background:linear-gradient(135deg,#ee6d62 0 48%,#2c9dc7 50%);width:36px;height:18px;position:absolute;top:41px}.wind-art i:after{content:"";background:#77aa4c;width:2px;height:27px;position:absolute;top:12px;left:17px}.dragon-art{place-items:center;display:grid;position:absolute;inset:6px}.dragon-art>b{font:700 34px/1 serif;transform:rotate(-4deg)}.dragon-art>i{border:3px double;border-radius:48% 44% 46% 42%;width:44px;height:52px;position:absolute;transform:rotate(8deg)}.dragon-art>small{letter-spacing:.08em;text-transform:uppercase;font:600 5px Manrope;position:absolute;bottom:1px}.dragon-g .dragon-art{color:#159c6d}.dragon-r .dragon-art{color:#e45963}.dragon-0 .dragon-art{color:#298ec5}.dragon-0 .dragon-art>b{font-size:28px}.dragon-0 .dragon-art>i{background:linear-gradient(90deg,#0000 20%,#63c99d55 21% 25%,#0000 26% 74%,#63c99d55 75% 79%,#0000 80%);border-width:2px;border-radius:2px;height:44px}.flower-art{place-items:center;display:grid;position:absolute;inset:6px}.flower-art>b{color:#ef6470;text-shadow:8px 4px #66c890;font:39px/1 serif}.flower-art>i{background:#60b85a;width:3px;height:28px;position:absolute;top:47px;transform:rotate(8deg)}.flower-art>small{color:#ed655e;font:700 10px Manrope;position:absolute;bottom:0;right:2px}.joker-art{place-items:center;display:grid;position:absolute;inset:5px}.joker-art>b{color:#d84668;text-shadow:2px 2px #f0cc45;font:42px/1 Georgia}.joker-art>i{border:2px solid #83c445;border-radius:50%;width:44px;height:51px;position:absolute}.joker-art>small{color:#208cc8;letter-spacing:.06em;font:700 8px Manrope;position:absolute;bottom:0}@media (width<=650px){.pip-art{grid-template-columns:repeat(3,10px);grid-auto-rows:15px}.pip-art i{width:10px;height:10px}.bam-art{grid-template-columns:repeat(3,7px);grid-auto-rows:20px}.bam-art i{width:5px;height:19px}.dragon-art>b{font-size:28px}.crak-art:before{width:34px;height:34px}.crak-art:after{width:28px;height:28px}}.rack{transform:none}.corner b,.crak-art>b,.flower-art>small{text-shadow:none;-webkit-font-smoothing:auto;text-rendering:geometricprecision;font-variant-numeric:tabular-nums;font-family:Arial,Helvetica,sans-serif;font-weight:700}.corner{transform:none}@media (width>=1400px){.tiles .tile{flex-basis:50px;width:50px;min-width:50px}}@media (width<=650px){.tiles .tile{flex-basis:28px;width:28px;min-width:28px}.corner b{font-size:13px}}.tile{background:#fff;border:1px solid #d7dddb;border-radius:7px;height:72px;padding:2px;box-shadow:inset 1px 1px 2px #fff,inset -2px -2px 3px #d5ddda,0 3px #d0d8d5,2px 6px 6px #263b2b55}.tile-face{background:#fff;border-radius:5px;width:100%;height:100%;position:relative;overflow:hidden}.photo-face{background-image:url(/mahjong-tile-sheet-v2.png);background-repeat:no-repeat;background-size:1146.3% 556.5%;background-position:var(--sprite-x) var(--sprite-y);filter:saturate(1.04)contrast(1.04);position:absolute;inset:0}.rack-mat{background-color:#bfe8e6;background-image:radial-gradient(circle at 7% 18%,#f07e75 0 4px,#0000 5px),radial-gradient(circle at 11% 24%,#efc74f 0 3px,#0000 4px),radial-gradient(circle at 91% 18%,#6e69b7 0 4px,#0000 5px),radial-gradient(circle at 87% 26%,#ed7e72 0 3px,#0000 4px),repeating-linear-gradient(135deg,#fff9e633 0 7px,#5ec3c814 7px 14px);border-color:#fff7e9;outline-color:#55c4c8;height:188px;box-shadow:0 16px 26px #18382c66,inset 0 0 0 2px #ef8e76,inset 0 0 0 7px #fff8e9}.rack{background:linear-gradient(#fdf8e9 0 68%,#ef8d78 69% 72%,#5fc2c5 73%);border:2px solid #fff8e9;border-radius:15px 15px 6px 6px;height:118px;bottom:7%;box-shadow:0 14px 20px #20372b55,inset 0 0 0 2px #6fc9c9}.tiles{gap:1px;height:78px;padding:5px 12px 0}.rack-front{color:#347d7f;background:#f6e7c9;border-top:0;height:36px;padding:0 25px;position:relative;overflow:visible}.rack-front:after{content:"";filter:drop-shadow(0 3px 1px #24392c33);background:radial-gradient(circle at 9px 0,#f6e7c9 0 9px,#0000 9.5px) 0 0/18px 18px repeat-x;height:18px;position:absolute;bottom:-9px;left:0;right:0}.tiles .tile{flex:0 0 42px;width:42px;min-width:42px}.draw-zone .tile{flex-basis:88px;width:58px;min-width:58px;height:88px}.preview-tiles .tile{width:56px;min-width:56px;height:86px}.recap-hand .photo-face,.review-tiles .photo-face{inset:0}.recap-hand .tile,.review-tiles .tile{padding:1px}@media (width>=1400px){.tiles .tile{flex-basis:48px;width:48px;min-width:48px}.rack{left:5%;right:5%}}@media (width<=650px){.rack-mat{height:156px}.rack{height:101px}.tiles{height:68px;padding-inline:3px}.rack-front{height:31px;padding-inline:10px}.tiles .tile{border-radius:5px;flex-basis:27px;width:27px;min-width:27px;height:60px}.draw-zone .tile{width:54px;min-width:54px;height:82px}.rack-front:after{background-image:radial-gradient(circle at 7px 0,#f6e7c9 0 7px,#0000 7.5px);background-size:14px 14px;height:14px;bottom:-7px}}header{border-bottom:4px solid var(--cobalt);background:#fff7df;height:76px;padding-inline:28px}.seal{background:var(--rose);color:#fff;width:42px;height:42px;box-shadow:4px 4px 0 var(--butter);border-radius:13px;transform:rotate(-4deg)}.brand h1{color:#174a8c;letter-spacing:-.01em;font-size:29px}.brand p{color:#df625e;font-weight:700}.header-actions button{color:#245fc8;background:#fff;border:2px solid #245fc8;font-weight:700;box-shadow:3px 3px #ffd85b}.home{background-color:#fff1cc;background-image:radial-gradient(circle at 12% 16%,#f3786e 0 8px,#0000 9px),radial-gradient(circle at 17% 19%,#72d7d1 0 5px,#0000 6px),linear-gradient(135deg,#fff4d8 0 62%,#ffd85a 62%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;min-height:calc(100vh - 76px)}.home-copy{padding-top:9vh}.home h2{color:#164c91;letter-spacing:-.025em}.home-copy>p:not(.eyebrow){color:#315879;font-weight:500}.primary{background:#235fca;border-radius:999px;font-weight:700;box-shadow:5px 5px #f17068}.stats{border-top:2px solid #e56c67}.home-scene:before{content:"";z-index:1;pointer-events:none;border:3px solid #ffd95a;border-radius:28px;position:absolute;inset:18px}.game-layout{background:#ffd85a;grid-template-columns:minmax(650px,1fr) 430px;height:calc(100vh - 76px)}.table-top{background-color:#14766e;background-image:linear-gradient(45deg,#1c837a 25%,#0000 25%),linear-gradient(-45deg,#1c837a 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#1c837a 75%),linear-gradient(-45deg,#0000 75%,#1c837a 75%);background-position:0 0,0 14px,14px -14px,-14px 0;background-size:28px 28px;box-shadow:inset 0 0 0 9px #245fc8,inset 0 0 0 13px #ffd85a}.table-top:after{border:2px solid #fff3d5aa;border-radius:24px;inset:23px}.game-status{background:#245fc8;border:2px solid #fff5d6;border-radius:18px;box-shadow:5px 5px #f17168}.wall span{background:#fff8e8;border-color:#d9d6cc;box-shadow:inset -4px -3px 4px #d4ddd8,2px 4px #ef7168}.controls{background:#fff5da;border-top:4px solid #235fca}.controls button{color:#235fca;border:2px solid #235fca;font-weight:700}.controls p{color:#315879;font-weight:600}.reference{background:#fffaf0;border-left:5px solid #235fca}.ref-head{background:#fff1c6;border-bottom:3px solid #ef7068}.ref-head h3{color:#235fca;font-size:44px}.ref-head label{border:2px solid #235fca;border-radius:999px;box-shadow:3px 3px #72d7d1}.ref-section>button{color:#235fca;background:#fff8e9;border-bottom:2px solid #8fded8;font-weight:800}.recommendations{background:#d8f2ee;border-bottom:3px solid #235fca}.recommendation{border:2px solid #235fca;border-radius:12px;box-shadow:3px 3px #f17068}.toast{border:3px solid #235fca;border-radius:999px;box-shadow:5px 5px #ffd85a}.hand-progress{background:#fff8e9;border:2px solid #235fca;box-shadow:4px 4px #f17068}.rack-mat{background-color:#8ee0dc;background-image:radial-gradient(circle at 8% 18%,#f17068 0 7px,#0000 8px),radial-gradient(circle at 13% 23%,#ffd85a 0 5px,#0000 6px),radial-gradient(circle at 91% 18%,#235fca 0 7px,#0000 8px),radial-gradient(circle at 86% 25%,#f17068 0 5px,#0000 6px),repeating-linear-gradient(45deg,#fff9dc55 0 10px,#66cbc833 10px 20px);border-color:#fff7df;outline:3px solid #235fca;box-shadow:0 18px #173c6855,inset 0 0 0 3px #f17068,inset 0 0 0 9px #fff7df}.rack{background:linear-gradient(#fff8df 0 66%,#ffd85a 67% 72%,#f17068 73%);border:3px solid #235fca;box-shadow:7px 9px #173c6866,inset 0 0 0 3px #72d7d1}.rack-front span{color:#ed6963;font-weight:700}.rack-front small{color:#235fca;font-weight:800}.result{background:#fff4d7;border:4px solid #235fca;border-radius:24px;box-shadow:10px 10px #f17068}.mahjong-route{background:#d8f2ee;border:2px solid #235fca;border-radius:14px}.decision-verdict{border:2px solid #f17068;border-left-width:7px;border-radius:14px}@media (width<=650px){header{height:68px}.game-layout{height:auto}.home{min-height:calc(100vh - 68px)}.game-layout{grid-template-columns:1fr}.table-top{box-shadow:inset 0 0 0 5px #245fc8,inset 0 0 0 8px #ffd85a}.reference{border-top:5px solid #235fca;border-left:0}}.draw-zone .draw-button{letter-spacing:.08em;font-weight:800;color:#173c68!important;background:#ffd85a!important;border:3px solid #235fca!important;border-radius:18px!important;width:142px!important;height:108px!important;box-shadow:6px 7px #ef7068!important}.draw-zone .draw-button span{color:#235fca;font-size:34px}.draw-zone .draw-button:hover{transform:translateY(-2px);box-shadow:6px 9px #ef7068!important}.draw-zone .draw-button:focus-visible{outline-offset:3px;outline:4px solid #fff}:root{--ink:#18392f;--forest:#174f3d;--cream:#f4ecd9;--paper:#fbf7ed;--gold:#b99445;--rose:#8e4e4b;--cobalt:#245443;--aqua:#8ea99a;--butter:#d9c78f}body{color:var(--ink);background:#17392f}header{background:#f7f0df;border-bottom-color:#b99445}.seal{color:#ead7a3;background:#1f5945;box-shadow:4px 4px #b99445}.brand h1{color:#174c3b}.brand p{color:#8c7141}.header-actions button{color:#245443;background:#fffaf0;border-color:#245443;box-shadow:3px 3px #c7a75d}.home{background-color:#efe5cf;background-image:radial-gradient(circle at 12% 16%,#b99445 0 6px,#0000 7px),radial-gradient(circle at 17% 19%,#668b77 0 4px,#0000 5px),linear-gradient(135deg,#f6eedc 0 62%,#d8c28a 62%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box}.home h2{color:#174c3b}.home h2 em{color:#a27e38}.home-copy>p:not(.eyebrow){color:#52685d}.eyebrow{color:#8c713f}.primary{background:#205743;box-shadow:5px 5px #b99445}.stats{border-top-color:#b99445}.stats b{color:#245443}.home-scene{background:linear-gradient(155deg,#456f5c,#163d31 72%);box-shadow:inset 18px 0 #b99445}.home-scene:before{border-color:#d8be75}.home-scene:after,.game-layout{background:#b99445}.table-top{background-color:#174f3d;background-image:linear-gradient(45deg,#1e5b46 25%,#0000 25%),linear-gradient(-45deg,#1e5b46 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#1e5b46 75%),linear-gradient(-45deg,#0000 75%,#1e5b46 75%);box-shadow:inset 0 0 0 9px #123b2e,inset 0 0 0 13px #b99445}.table-top:after{border-color:#e7d8aa99}.game-status{background:#173f31;border-color:#d6bd78;box-shadow:5px 5px #8c7039}.game-status>span{color:#d9c17d}.wall span{box-shadow:inset -4px -3px 4px #d4ddd8,2px 4px #9f8249}.controls{background:#f3ead7;border-top-color:#b99445}.controls button{color:#245443;border-color:#245443}.controls .check{background:#205743;border-color:#205743;box-shadow:3px 3px #b99445}.controls p{color:#52675c}.reference{background:#fbf7ed;border-left-color:#b99445}.ref-head{background:#eee3ca;border-bottom-color:#b99445}.ref-head h3{color:#1d513f}.ref-head label{border-color:#8f733e;box-shadow:3px 3px #c8b174}.ref-section>button{color:#245443;background:#f7f0df;border-bottom-color:#c8b174}.ref-section article{border-bottom-color:#dfd2b8}.reference footer{color:#f8efd9;background:#1d4a3a}.recommendations{background:#e4ebe3;border-bottom-color:#b99445}.recommendation{border-color:#8f733e;box-shadow:3px 3px #b99445}.recommendation>span{background:#8f733e}.toast{border-color:#8f733e;box-shadow:5px 5px #b99445}.hand-progress{background:#fbf7ed;border-color:#8f733e;box-shadow:4px 4px #b99445}.hand-progress b{color:#245443}.rack-mat{background-color:#285f4b;background-image:radial-gradient(circle at 8% 18%,#c2a45e 0 6px,#0000 7px),radial-gradient(circle at 13% 23%,#e7d8a8 0 4px,#0000 5px),radial-gradient(circle at 91% 18%,#a78945 0 6px,#0000 7px),radial-gradient(circle at 86% 25%,#d5bd78 0 4px,#0000 5px),repeating-linear-gradient(45deg,#fff6d90d 0 10px,#153f311f 10px 20px);border-color:#f3e8cf;outline-color:#b99445;box-shadow:0 18px #102b2355,inset 0 0 0 3px #a88a48,inset 0 0 0 9px #eee1c6}.rack{background:linear-gradient(#f7efd9 0 66%,#c7a75d 67% 72%,#255844 73%);border-color:#9d7e3f;box-shadow:7px 9px #102b2366,inset 0 0 0 3px #d8c48a}.rack-front{color:#245443;background:#eadcb9}.rack-front:after{background-image:radial-gradient(circle at 9px 0,#eadcb9 0 9px,#0000 9.5px)}.rack-front span{color:#7e6638}.rack-front small{color:#245443}.modal{background:#102d25e8}.result{background:#f5ecd8;border-color:#a78945;box-shadow:10px 10px #173f31}.result h2{color:#245443}.mahjong-route{background:#e5ece5;border-color:#8f733e}.decision-verdict{border-color:#a78945}.decision-verdict.available{border-color:#226348}@media (width<=650px){.table-top{box-shadow:inset 0 0 0 5px #123b2e,inset 0 0 0 8px #b99445}.reference{border-top-color:#b99445}}.draw-zone .draw-button{color:#17392f!important;background:#d4bb76!important;border-color:#f5ead0!important;box-shadow:6px 7px #102f26!important}.draw-zone .draw-button span{color:#173f31}.draw-zone .draw-button:hover{box-shadow:6px 9px #102f26!important}.discard-prompt{z-index:6;color:#174f3d;text-align:center;pointer-events:none;background:#fff8e9;border:2px solid #d6bd78;border-radius:12px;grid-template-columns:auto auto;align-items:center;gap:2px 10px;min-width:285px;padding:10px 15px;display:grid;position:absolute;bottom:205px;left:5%;box-shadow:5px 6px #102f26}.discard-prompt b{font:18px Italiana,serif}.discard-prompt span{font-size:9px;font-weight:700}.discard-prompt i{color:#9d7e3f;grid-column:1/-1;font-style:normal;line-height:10px}.rack.discard-ready{outline-offset:4px;outline:4px solid #d6bd78}.rack.discard-ready .tile{cursor:pointer}.rack.discard-ready .tile:hover{outline-offset:2px;outline:3px solid #fff3c9;transform:translateY(-14px)}@media (width<=650px){.discard-prompt{min-width:250px;padding:8px 11px;bottom:164px;left:14px}.discard-prompt b{font-size:16px}.discard-prompt span{font-size:8px}}.recap-note{text-align:left;background:#fffaf0;border:1px solid #b99445;border-left:7px solid #245443;max-width:410px;padding:34px 19px 16px;position:relative;box-shadow:4px 4px #d8c48a;color:#52675c!important;margin:14px auto 8px!important;font-size:10px!important;line-height:1.65!important}.recap-note:before{content:"TODAY’S LESSON";color:#8c713f;letter-spacing:.2em;font-size:8px;font-weight:800;position:absolute;top:13px;left:19px}.recap-note:after{content:"✦";color:#b99445;font-size:18px;position:absolute;top:9px;right:15px}.result-actions{justify-content:center;align-items:center;gap:14px;margin-top:18px;display:flex}.result-actions .primary{margin-top:0}.result-home{color:#245443;text-underline-offset:3px;background:0 0;border:0;font-size:10px;font-weight:800;text-decoration:underline}.club-trigger{color:#fff7df!important;background:#1f5945!important;border-color:#1f5945!important;box-shadow:3px 3px #b99445!important}.club-note{color:#52685d;text-align:left;background:0 0;border:0;align-items:center;gap:8px;margin:18px 0 0;padding:0;font-size:11px;display:flex}.club-note span{color:#174f3d;background:#e2d2a7;border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.club-note b{color:#174f3d}.club-modal{z-index:40;padding:28px;overflow:auto}.club-panel{background:#f7f0df;border:3px solid #b99445;width:min(1120px,96vw);margin:auto;padding:48px;position:relative;box-shadow:12px 12px #102f26}.club-close{color:#174f3d;background:#fffaf0;border:1px solid #b99445;border-radius:50%;width:36px;height:36px;font-size:24px;line-height:1;position:absolute;top:14px;right:18px}.club-panel>h2{color:#174f3d;margin:5px 0 8px;font:46px Italiana,serif}.club-intro{color:#52685d;max-width:620px;margin:0 0 24px;line-height:1.65}.club-plans{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.club-plans section{background:#fffaf0;border:1px solid #d8c9a8;padding:26px;position:relative}.club-plans section>span{letter-spacing:.2em;color:#8c713f;font-size:9px;font-weight:800}.club-plans h3{color:#174f3d;margin:8px 0 5px;font:36px Italiana,serif}.club-plans h3 small{color:#52685d;font:12px Manrope,sans-serif}.club-plans section>p{color:#52685d;min-height:42px;font-size:12px;line-height:1.55}.club-plans ul{color:#2d5144;gap:9px;min-height:152px;padding:0;font-size:12px;list-style:none;display:grid}.club-plans li:before{content:"✦";color:#b99445;margin-right:9px}.annual-plan{box-shadow:6px 6px #b99445;border:2px solid #1f5945!important}.plan-ribbon{color:#fff7df;letter-spacing:.13em;background:#1f5945;padding:7px 11px;font-size:8px;font-weight:800;position:absolute;top:18px;right:-2px}.plan-current{color:#174f3d;background:#eee3ca;border:1px solid #b99445;width:100%;padding:12px}.club-cta{justify-content:space-between;align-items:center;padding:14px 18px;text-decoration:none;display:flex;color:#fff!important}.opening-note{text-align:center;color:#7a806f;margin-top:12px;display:block}.club-fine{text-align:center;color:#7b735f;margin:20px 0 0;font-size:10px}.club-close:focus-visible,.club-trigger:focus-visible,.club-note:focus-visible,.club-cta:focus-visible{outline-offset:3px;outline:3px solid #b99445}@media (width<=900px){.club-plans{grid-template-columns:1fr 1fr}.club-plans section:first-child{grid-column:1/-1}.club-plans section:first-child ul{min-height:0}}@media (width<=720px){.header-actions{gap:5px}.header-actions button{padding:7px 9px;font-size:10px}.club-trigger{max-width:112px}.club-modal{padding:12px}.club-panel{padding:38px 18px 24px}.club-panel>h2{font-size:35px}.club-plans{grid-template-columns:1fr}.club-plans section:first-child{grid-column:auto}.club-plans ul{min-height:0}.plan-ribbon{top:14px}.club-note{max-width:310px}.brand p{font-size:7px}}.signin-link,.account-button{color:#174f3d;background:#fffaf0;border:1px solid #b99445;border-radius:999px;align-items:center;min-height:37px;padding:8px 13px;font-size:11px;font-weight:700;text-decoration:none;display:inline-flex}.member-badge{color:#174f3d;letter-spacing:.04em;background:#e7d8aa;border-radius:999px;align-items:center;padding:9px 13px;font-size:10px;font-weight:800;display:inline-flex}.member-table{background:#f8f0dc;border:1px solid #b99445;width:min(530px,100%);margin-top:18px;padding:16px;box-shadow:4px 4px #d5bd78}.member-table>div:first-child{justify-content:space-between;align-items:center;gap:12px;display:flex}.member-table h3{color:#174f3d;margin:0;font:22px Italiana,serif}.founder-mark{color:#8c713f;letter-spacing:.16em;font-size:8px;font-weight:800}.member-actions{grid-template-columns:1fr 1.4fr 1fr;gap:8px;margin-top:13px;display:grid}.member-actions>button,.member-actions label{color:#174f3d;background:#fffaf0;border:1px solid #c9b88f;min-height:72px;padding:10px}.member-actions>button{place-content:center;gap:3px;display:grid}.member-actions b{font-size:11px}.member-actions small{color:#66776f;font-size:8px}.member-actions label{grid-template-columns:1fr auto;align-items:center;gap:4px;display:grid}.member-actions label b{grid-column:1/-1}.member-actions input{color:#174f3d;background:#eee3ca;border:0;width:100%;min-width:0;font-size:9px}.member-actions label button{color:#fff;background:#1f5945;border:0;padding:5px 7px;font-size:9px}.club-fine a{color:#174f3d;font-weight:700}.club-cta{border:0}.game-status>span{text-overflow:ellipsis;white-space:nowrap;max-width:155px;overflow:hidden}@media (width<=840px){.member-badge{display:none}.member-actions{grid-template-columns:1fr}.member-actions>button,.member-actions label{min-height:58px}.member-table>div:first-child{display:block}.member-table h3{margin-top:4px}}@media (width<=520px){.signin-link,.account-button{display:none}.member-table{padding:12px}.club-trigger{font-size:9px}.game-status>span{max-width:105px}}.club-fine button{color:#174f3d;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.signin-modal{z-index:50;padding:22px}.signin-panel{background:#f7f0df;border:3px solid #b99445;width:min(470px,94vw);margin:auto;padding:46px;position:relative;box-shadow:12px 12px #102f26}.signin-panel h2{color:#174f3d;margin:5px 0 12px;font:42px Italiana,serif}.signin-panel>p:not(.eyebrow):not(.auth-status){color:#52685d;font-size:13px;line-height:1.65}.signin-panel label{color:#174f3d;letter-spacing:.08em;text-transform:uppercase;gap:7px;margin:24px 0 14px;font-size:10px;font-weight:800;display:grid}.signin-panel input{color:#174f3d;text-transform:none;letter-spacing:0;background:#fffaf0;border:1px solid #b99445;border-radius:4px;width:100%;padding:14px;font:14px Manrope,sans-serif}.signin-submit{color:#fff;border:0;justify-content:space-between;align-items:center;width:100%;padding:14px 18px;display:flex}.signin-submit:disabled{cursor:not-allowed;opacity:.55}.signin-panel>small{color:#7b735f;margin-top:18px;line-height:1.55;display:block}.auth-status{color:#174f3d;background:#e5ece5;border-left:4px solid #1f5945;margin:14px 0 0;padding:11px;font-size:11px;line-height:1.5}.home-scene{background-color:#385746!important;background-image:url(/mahjong-tablescape.png)!important;background-position:50% 58%!important;background-repeat:no-repeat!important;background-size:cover!important;box-shadow:inset 22px 0 34px #18342755!important}.home-scene:after{box-shadow:none!important;background:linear-gradient(90deg,#17372b38 0,#0000 24%),linear-gradient(0deg,#14271f33 0,#0000 30%)!important;border-radius:0!important;inset:0!important;transform:none!important}@media (width<=1000px){.home-scene{background-position:50% 61%!important}}@media (width<=650px){.home-scene{background-position:50% 62%!important}}.home-scene[style]{background-image:var(--tablescape-image)!important}.shop-table{z-index:3;color:#174f3d;background:#f9f1dfed;border:1px solid #d2b86f;max-width:370px;padding:20px 22px;position:absolute;bottom:28px;left:30px;right:30px;box-shadow:7px 7px #173f31}.shop-table small{color:#8c713f;letter-spacing:.2em;font-size:8px;font-weight:800;display:block}.shop-table b{margin:5px 0;font:25px Italiana,serif;display:block}.shop-table span{font-size:11px;display:block}.shop-table a{color:#174f3d;text-transform:uppercase;letter-spacing:.08em;margin-top:12px;font-size:10px;font-weight:800;display:inline-block}.shop-table em{color:#776e5d;margin-top:8px;font-size:7px;font-style:normal;display:block}.admin-page{color:#263e35;background:#efe5cf;min-height:100vh}.admin-page nav{color:#fff4d7;background:#174f3d;justify-content:space-between;align-items:center;height:70px;padding:0 5vw;display:flex}.admin-page nav a{color:#fff4d7;font-size:11px;text-decoration:none}.admin-page nav span{font:20px Italiana,serif}.admin-shell{width:min(960px,92vw);margin:0 auto;padding:60px 0}.admin-shell h1{color:#174f3d;margin:8px 0;font:clamp(45px,7vw,70px) Italiana,serif}.admin-shell>p{color:#52685d}.admin-card,.admin-signin{background:#fbf7ed;border:1px solid #d2bd87;margin-top:28px;padding:28px;box-shadow:7px 7px #b99445}.admin-card h2{color:#174f3d;margin:0 0 20px;font:28px Italiana,serif}.admin-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.admin-card label,.admin-signin label{color:#315447;text-transform:uppercase;letter-spacing:.08em;gap:7px;font-size:9px;font-weight:800;display:grid}.admin-card input,.admin-card select,.admin-signin input{color:#263e35;text-transform:none;background:#fff;border:1px solid #c7b27e;width:100%;padding:12px}.schedule-list{gap:10px;display:grid}.schedule-list article{background:#f2e9d6;border-left:4px solid #1f5945;justify-content:space-between;align-items:center;padding:14px;display:flex}.schedule-list article div{gap:3px;display:grid}.schedule-list span,.schedule-list small{color:#6f756d;font-size:10px}.schedule-list button{color:#174f3d;background:#fffaf0;border:1px solid #8c713f;padding:8px 11px}.admin-message{background:#e4ebe3;border-left:4px solid #1f5945;margin-top:20px;padding:12px}.admin-signin{max-width:500px}.admin-signin .primary{margin-top:14px}.admin-signout{color:#245443;text-underline-offset:3px;background:0 0;border:0;margin:24px auto 0;font-size:10px;font-weight:800;text-decoration:underline;display:block}@media (width<=650px){.admin-grid{grid-template-columns:1fr}.shop-table{bottom:18px;left:18px;right:18px}.admin-shell{padding-top:38px}}.brand h1 sup{color:#8c713f;margin-left:3px;font:8px Manrope,sans-serif;position:relative;top:-.65em}.legal-footer{color:#786f5f;letter-spacing:.03em;flex-wrap:wrap;gap:6px 14px;margin-top:22px;font-size:8px;display:flex}.legal-footer p{flex-basis:100%;max-width:560px;color:#786f5f!important;margin:0 0 4px!important;font-size:8px!important;line-height:1.5!important}.legal-footer a{color:#245443;font-weight:700}.reference footer a{color:#f8efd9;font-weight:700}.legal-page{color:#263e35;background:#efe5cf;min-height:100vh;padding:0 22px 60px}.legal-nav{max-width:820px;margin:0 auto;padding:24px 0}.legal-nav a{color:#245443;font-size:11px;font-weight:700;text-decoration:none}.legal-page article{background:#fbf7ed;border:1px solid #d2bd87;max-width:820px;margin:0 auto;padding:56px 68px;box-shadow:10px 10px #b99445}.legal-page h1{color:#174c3b;margin:7px 0 5px;font:clamp(46px,7vw,72px)/1 Italiana,serif}.legal-updated{text-transform:uppercase;letter-spacing:.12em;color:#8c713f!important;margin:0 0 36px!important;font-size:10px!important}.legal-page h2{color:#245443;margin:30px 0 8px;font:25px Italiana,serif}.legal-page p,.legal-page li{color:#52685d;font-size:13px;line-height:1.75}.legal-page ul{padding-left:22px}.legal-page li+li{margin-top:7px}.legal-page-footer{text-align:center;color:#766d5d;max-width:820px;margin:30px auto 0;font-size:10px}.legal-page-footer a{color:#245443;font-weight:700}@media (width<=650px){.legal-footer{max-width:330px}.legal-page{padding-inline:12px}.legal-page article{padding:38px 22px;box-shadow:5px 5px #b99445}.legal-page h1{font-size:48px}.legal-page p,.legal-page li{font-size:12px}}.pattern-intro{color:#6e756d;margin:15px 0 0;font-size:9px;line-height:1.5}.pattern-intro b{color:#174f3d}.practice-list{align-content:start;gap:10px;padding:14px;display:grid}.practice-pattern{color:#174f3d;text-align:left;background:#fffaf0;border:1px solid #cdbb8e;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:15px 12px;display:grid;box-shadow:3px 3px #d8c48a}.practice-pattern:hover,.practice-pattern.active{border-color:#1f5945;box-shadow:4px 4px #b99445}.pattern-rank{color:#fff7df;background:#1f5945;border-radius:50%;place-items:center;width:26px;height:26px;font-size:9px;font-weight:800;display:grid}.practice-pattern>div{min-width:0}.practice-pattern small{color:#8c713f;letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px;font-size:8px;font-weight:800;display:block}.practice-pattern code{color:#263e35;white-space:normal;font:10px/1.5 DM Mono,monospace;display:block}.practice-pattern code .card-k{color:#202923}.practice-pattern code .card-g{color:#16734e}.practice-pattern code .card-r{color:#b4433f}.practice-pattern p{color:#777568;margin:6px 0 0;font-size:8px;line-height:1.45}.practice-pattern em{white-space:nowrap;color:#1f5945;text-transform:uppercase;letter-spacing:.08em;font-size:8px;font-style:normal;font-weight:800}.pattern-empty{text-align:center;color:#64736b;padding:46px 25px}.pattern-empty span{color:#b99445;font-size:32px;display:block}.pattern-empty b{color:#174f3d;margin:8px 0;font:24px Italiana,serif;display:block}.pattern-empty p{margin:0;font-size:10px;line-height:1.55}@media (width<=650px){.practice-list{padding:10px}.practice-pattern{grid-template-columns:24px minmax(0,1fr) auto;padding:12px 9px}.pattern-rank{width:22px;height:22px}.practice-pattern code{font-size:9px}.home{background:#252525;min-height:calc(100svh - 68px);display:block;position:relative;overflow:hidden}.home-scene{z-index:0;position:absolute;inset:0;min-height:0!important;box-shadow:none!important;background-position:50% 55%!important}.home-scene:before{display:none}.home-scene:after{background:linear-gradient(#000000a6 0%,#00000038 50%,#00000075 100%)!important}.home-copy{z-index:2;color:#fff8e9;min-height:calc(100svh - 68px);padding:8vh 24px 275px;position:relative}.home-copy .eyebrow{color:#e4cc8d;text-shadow:0 1px 8px #0b1e18}.home h2{color:#fff8e9;text-shadow:0 3px 22px #091b16;margin:14px 0 22px}.home h2 em{color:#e1c47e}.home-copy>p:not(.eyebrow){color:#f7f0df;text-shadow:0 2px 10px #091b16}.home-copy>.primary{color:#2b211a;background:#e1c47e;box-shadow:5px 5px #1d1713}.club-note{color:#f7f0df;text-shadow:0 1px 8px #091b16}.club-note b{color:#fff8e9}.club-note span{color:#2b211a;background:#e1c47e}.stats{border-top-color:#e4cc8d99;margin-top:38px}.stats b{color:#fff8e9}.stats span{color:#eadfca}.legal-footer,.legal-footer p{color:#e5ddce!important}.legal-footer a{color:#f3d98f}.shop-table{background:#fff8e9f2;max-width:none;padding:16px 18px;bottom:20px;left:18px;right:18px;box-shadow:6px 6px #1d1713}.shop-table b{font-size:22px}}@media (orientation:landscape) and (width<=1000px) and (height<=600px){header{height:54px;padding:0 16px}.brand h1{font-size:19px}.brand p{display:none}.header-actions{gap:6px}.header-actions button{padding:7px 9px;font-size:8px}.game-layout{height:auto;display:block}.table-wrap{height:calc(100svh - 54px)}.table-top{min-height:0}.table-top:after{border-radius:15px;inset:10px}.game-status{min-width:108px;padding:4px 9px 6px;top:12px;left:14px}.game-status>span{max-width:105px;font-size:7px}.game-status b{font-size:28px}.game-status b small{font-size:7px}.wall{top:13%}.wall span{width:19px;height:30px}.draw-zone{gap:5px;min-height:72px;top:27%}.draw-zone .draw-button{flex-basis:58px;font-size:8px;width:108px!important;height:58px!important}.draw-zone .draw-button span{font-size:19px}.draw-zone .tile{flex-basis:67px;width:46px;min-width:46px;height:67px}.draw-zone>button:not(.tile):not(.draw-button){padding:5px 11px;font-size:8px}.rack-mat{border-width:4px;border-radius:12px;height:123px;bottom:2%;left:1%;right:1%}.rack-mat:before,.rack-mat:after{width:45px;top:10px;bottom:10px}.rack{height:91px;bottom:5%;left:2%;right:2%}.tiles{gap:1px;height:61px;padding:3px 8px 0}.tiles .tile{flex-basis:38px;width:38px;min-width:38px;height:56px}.rack-front{height:27px;padding:0 16px}.rack-front span{font-size:11px}.rack-front small{font-size:7px}.rack-front:after{background-image:radial-gradient(circle at 6px 0,#eadcb9 0 6px,#0000 6.5px);background-size:12px 12px;height:12px;bottom:-6px}.hand-progress{gap:8px;padding:4px 9px;font-size:7px;bottom:126px}.hand-progress b{font-size:13px}.tea,.dish{display:none}.controls{flex-direction:row;align-items:center;height:48px;padding:0 14px}.controls p{margin:0;font-size:8px}.controls button{padding:6px 9px;font-size:8px}.guide-card{width:255px;padding:13px;top:12px;left:auto;right:12px}.guide-card h3{margin:5px 0;font-size:21px}.guide-card p{font-size:9px;line-height:1.4}.guide-card div{margin-top:8px}.reference{border-top:5px solid #b99445;border-left:0;height:560px}}.tile{overflow:visible}.book-notation{z-index:20;color:#173f31;opacity:0;pointer-events:none;background:#fff8e9;border:1px solid #d6bd78;border-radius:999px;min-width:25px;padding:4px 7px;font:800 13px/1 Arial,sans-serif;transition:opacity .14s,transform .14s;position:absolute;top:-31px;left:50%;transform:translate(-50%,5px);box-shadow:0 4px 10px #102f2655}.book-notation:after{content:"";background:#fff8e9;border-bottom:1px solid #d6bd78;border-right:1px solid #d6bd78;width:8px;height:8px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)rotate(45deg)}.tile:hover .book-notation,.tile:focus-visible .book-notation{opacity:1;transform:translate(-50%)}.tile:hover,.tile:focus-visible{z-index:19}@media (width<=650px){.modal:has(.result){align-items:start;padding:10px;overflow:auto}.result{border-width:2px;border-radius:16px;width:100%;max-height:none;margin:auto;padding:22px 14px 18px;box-shadow:5px 5px #173f31}.result>span{font-size:25px;line-height:1}.result>p:first-of-type{margin:5px 0 0;font-size:7px}.result h2{margin:8px 0 7px;font-size:34px;line-height:1}.result h2+p{margin:0;font-size:10px;line-height:1.45}.recap{margin:11px 0 8px}.recap div{padding:7px 4px}.recap b{font-size:21px}.recap small{font-size:6px}.recap-hand{padding:5px 0}.recap-hand .tile{min-width:16px;height:44px}.mahjong-route{border-radius:9px;gap:2px;margin:8px auto 6px;padding:9px 11px}.mahjong-route b{font-size:19px}.mahjong-route code{font-size:8px;line-height:1.35}.mahjong-route p{line-height:1.4;font-size:8px!important}.decision-verdict{border-left-width:5px;border-radius:9px;margin:7px auto;padding:9px 10px}.decision-verdict>b{font-size:16px}.decision-verdict p{font-size:8px!important;line-height:1.45!important}.review-tiles{margin-top:6px}.review-tiles .tile{min-width:15px;height:40px}.recap-note{border-left-width:5px;padding:25px 11px 10px;margin:8px auto 6px!important;font-size:8px!important;line-height:1.45!important}.recap-note:before{font-size:6px;top:8px;left:11px}.recap-note:after{font-size:14px;top:4px;right:10px}.result-actions{z-index:3;background:#f5ecd8f5;border-top:1px solid #d7c49c;margin:9px -14px -18px;padding:9px 14px 12px;position:sticky;bottom:-18px}.result-actions .primary{padding:11px 15px;font-size:9px}}@media (orientation:landscape) and (width<=1000px) and (height<=600px){.modal:has(.result){align-items:start;padding:7px;overflow:auto}.result{border-width:2px;border-radius:14px;width:min(720px,96vw);max-height:none;padding:13px 18px 12px}.result>span{font-size:20px}.result>p:first-of-type{margin:0 0 0 7px;font-size:7px;display:inline-block}.result h2{margin:3px 0 4px;font-size:29px}.result h2+p{margin:0;font-size:8px;line-height:1.3}.recap{margin:7px 0 5px}.recap div{padding:4px}.recap b{font-size:18px}.recap small{font-size:6px}.recap-hand{padding:3px 0}.recap-hand .tile{height:38px}.mahjong-route{margin:5px auto;padding:6px 10px}.mahjong-route b{font-size:16px}.mahjong-route p{display:none}.decision-verdict{margin:5px auto;padding:7px 9px}.decision-verdict>b{font-size:14px}.decision-verdict p{font-size:7px!important;line-height:1.3!important}.review-tiles{margin-top:4px}.review-tiles .tile{height:35px}.recap-note{padding:20px 10px 7px;margin:5px auto!important;font-size:7px!important;line-height:1.3!important}.result-actions{background:0 0;border:0;margin:6px 0 0;padding:0;position:static}.result-actions .primary{padding:8px 13px}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.reminder-signup{color:#174f3d;background:#fffaf0d9;border:1px solid #b99445;width:min(460px,100%);margin-top:18px;padding:13px 14px;box-shadow:4px 4px #d8c48a}.reminder-signup>div{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.reminder-signup b{font:18px Italiana,serif}.reminder-signup small{font-size:8px}.reminder-signup label{grid-template-columns:1fr auto;margin-top:9px;display:grid}.reminder-signup input{color:#174f3d;background:#fff;border:1px solid #c8b584;min-width:0;padding:9px 10px;font-size:10px}.reminder-signup button{color:#fff;background:#1f5945;border:0;padding:9px 12px;font-size:9px;font-weight:800}.reminder-signup button:disabled{opacity:.55}.reminder-signup>p{color:#245443!important;margin:7px 0 0!important;font-size:8px!important}.legal-footer button{color:#245443;background:0 0;border:0;padding:0;font-size:8px;font-weight:700}.feedback-modal{z-index:60;padding:18px;overflow:auto}.feedback-panel{background:#f7f0df;border:3px solid #b99445;width:min(540px,94vw);margin:auto;padding:42px;position:relative;box-shadow:10px 10px #102f26}.feedback-panel h2{color:#174f3d;margin:6px 0 9px;font:40px Italiana,serif}.feedback-panel>p:not(.eyebrow):not(.auth-status){color:#52685d;font-size:12px}.feedback-panel label{color:#315447;letter-spacing:.08em;text-transform:uppercase;gap:6px;margin-top:16px;font-size:9px;font-weight:800;display:grid}.feedback-panel label small{text-transform:none;font-size:7px;font-weight:500}.feedback-panel textarea,.feedback-panel input{color:#263e35;text-transform:none;resize:vertical;background:#fffaf0;border:1px solid #c7b27e;width:100%;padding:12px;font:12px Manrope,sans-serif}.feedback-panel textarea{min-height:115px}.feedback-submit{justify-content:space-between;align-items:center;width:100%;margin-top:18px;display:flex}.feedback-submit:disabled{opacity:.55}.share-result{color:#174f3d;text-transform:uppercase;letter-spacing:.08em;background:#fffaf0;border:1px solid #8c713f;border-radius:999px;padding:12px 16px;font-size:9px;font-weight:800}.result-actions{flex-wrap:wrap}.analytics-grid{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.analytics-grid article{background:#f2e9d6;border-top:4px solid #b99445;gap:5px;padding:16px;display:grid}.analytics-grid b{color:#174f3d;font:32px Italiana,serif}.analytics-grid span{color:#6a746d;text-transform:uppercase;letter-spacing:.08em;font-size:8px;font-weight:800}.feedback-list{gap:10px;display:grid}.feedback-list article{background:#f2e9d6;border-left:4px solid #245443;padding:13px 15px}.feedback-list p{color:#2d5144;margin:0 0 5px;font-size:11px;line-height:1.55}.feedback-list small{color:#7a7468;font-size:8px}@media (width<=650px){.reminder-signup{z-index:4;background:#fff8e9ed;width:auto;margin:0;padding:9px 10px;position:absolute;bottom:174px;left:24px;right:24px;box-shadow:4px 4px #1d1713}.reminder-signup>div{display:block}.reminder-signup b{font-size:15px}.reminder-signup small{display:none}.reminder-signup label{margin-top:5px}.reminder-signup input,.reminder-signup button{padding:7px 8px}.feedback-panel{padding:34px 18px 22px}.feedback-panel h2{font-size:31px}.feedback-panel textarea{min-height:95px}.result-actions{gap:8px}.share-result{padding:10px 12px}.analytics-grid{grid-template-columns:1fr 1fr}.analytics-grid article:last-child{grid-column:1/-1}}