:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#efe9dd;--card:#fbf8f2;--line:#d9d0c1;--ink:#2f3b40;--ink-soft:#5f6a6e;--jade:#4f7a67;--jade-dark:#3a5c4d;--clay:#b8734f;--clay-text:#985a3b;--clay-soft:#b8734f24;--rose:#a5503f;--up:#3f7a5c;--shade:#2f3b400f;--navy:#3b5568;--navy-dark:#263a48;--ivory:#f2f0e8;font-family:system-ui,sans-serif}body{background:var(--paper);min-height:100vh;color:var(--ink);place-items:center;margin:0;display:grid;overflow-x:hidden}@media (width>=900px) and (height>=601px){body{background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20viewBox='0%200%20380%201000'%3e%3c!--%20The%20tea%20room,%20left%20of%20the%20table%20(see%20body%20in%20style.css):%20bamboo%20by%20the%20wall,%20and%20a%20low%20stand%20with%20a%20teapot%20and%20two%20cups.%20Soft%20colours,%20so%20it%20stays%20in%20the%20background.%20--%3e%3cdefs%3e%3cpath%20id='leaf'%20d='M0%200%20C10%20-6%2028%20-6%2046%200%20C28%204%2010%204%200%200Z'/%3e%3clinearGradient%20id='stalk'%20x1='0'%20x2='1'%3e%3cstop%20offset='0'%20stop-color='%239cb9a4'/%3e%3cstop%20offset='0.5'%20stop-color='%23b8d0bd'/%3e%3cstop%20offset='1'%20stop-color='%2393b19c'/%3e%3c/linearGradient%3e%3clinearGradient%20id='pot'%20x1='0'%20y1='0'%20x2='0'%20y2='1'%3e%3cstop%20offset='0'%20stop-color='%23c38c73'/%3e%3cstop%20offset='1'%20stop-color='%23a8705a'/%3e%3c/linearGradient%3e%3c/defs%3e%3c!--%20bamboo%20--%3e%3cg%20fill='url(%23stalk)'%3e%3crect%20x='58'%20y='60'%20width='11'%20height='940'%20rx='4'/%3e%3crect%20x='118'%20y='220'%20width='9'%20height='780'%20rx='4'/%3e%3crect%20x='20'%20y='360'%20width='8'%20height='640'%20rx='4'/%3e%3c/g%3e%3cg%20stroke='%2386a691'%20stroke-width='2.2'%20stroke-linecap='round'%3e%3cpath%20d='M57%20170%20h13%20M57%20290%20h13%20M57%20410%20h13%20M57%20530%20h13%20M57%20650%20h13'/%3e%3cpath%20d='M117%20330%20h11%20M117%20450%20h11%20M117%20570%20h11%20M117%20690%20h11'/%3e%3cpath%20d='M19%20470%20h10%20M19%20590%20h10%20M19%20710%20h10'/%3e%3c/g%3e%3cg%20fill='%23a3c0ab'%3e%3cuse%20xlink:href='%23leaf'%20transform='translate(66%20168)%20rotate(-28)'/%3e%3cuse%20xlink:href='%23leaf'%20transform='translate(66%20172)%20rotate(-6)'/%3e%3cuse%20xlink:href='%23leaf'%20transform='translate(62%20290)%20rotate(196)'/%3e%3cuse%20xlink:href='%23leaf'%20transform='translate(66%20292)%20rotate(-18)'/%3e%3cuse%20xlink:href='%23leaf'%20transform='translate(126%20330)%20rotate(-34)'/%3e%3cuse%20xlink:href='%23leaf'%20transform='translate(126%20334)%20rotate(-8)'/%3e%3cuse%20xlink:href='%23leaf'%20transform='translate(126%20336)%20rotate(14)'/%3e%3cuse%20xlink:href='%23leaf'%20transform='translate(62%20410)%20rotate(205)'/%3e%3cuse%20xlink:href='%23leaf'%20transform='translate(24%20470)%20rotate(-40)'/%3e%3cuse%20xlink:href='%23leaf'%20transform='translate(124%20452)%20rotate(-20)'/%3e%3c/g%3e%3cg%20fill='%23b9d1bf'%3e%3cuse%20xlink:href='%23leaf'%20transform='translate(64%2060)%20rotate(-70)%20scale(0.8)'/%3e%3cuse%20xlink:href='%23leaf'%20transform='translate(64%2066)%20rotate(-110)%20scale(0.8)'/%3e%3cuse%20xlink:href='%23leaf'%20transform='translate(68%20532)%20rotate(10)'/%3e%3cuse%20xlink:href='%23leaf'%20transform='translate(122%20222)%20rotate(-80)%20scale(0.75)'/%3e%3cuse%20xlink:href='%23leaf'%20transform='translate(22%20362)%20rotate(-100)%20scale(0.7)'/%3e%3cuse%20xlink:href='%23leaf'%20transform='translate(126%20570)%20rotate(-12)'/%3e%3c/g%3e%3c!--%20the%20tea%20stand%20--%3e%3crect%20x='0'%20y='830'%20width='320'%20height='16'%20rx='3'%20fill='%23b4936f'/%3e%3crect%20x='0'%20y='846'%20width='306'%20height='18'%20fill='%239e7d5d'/%3e%3crect%20x='18'%20y='864'%20width='15'%20height='136'%20fill='%238f7053'/%3e%3crect%20x='272'%20y='864'%20width='15'%20height='136'%20fill='%238f7053'/%3e%3crect%20x='33'%20y='930'%20width='239'%20height='8'%20fill='%239e7d5d'/%3e%3c!--%20steam%20--%3e%3cg%20fill='none'%20stroke='%23d3cab8'%20stroke-width='2.2'%20stroke-linecap='round'%3e%3cpath%20d='M168%20742%20c-9%20-14%209%20-22%200%20-36%20c-9%20-14%209%20-22%200%20-36'/%3e%3cpath%20d='M182%20748%20c-7%20-11%207%20-18%200%20-29%20c-7%20-11%207%20-18%200%20-29'/%3e%3c/g%3e%3c!--%20the%20teapot%20--%3e%3cpath%20d='M206%20806%20Q230%20800%20244%20772%20L252%20775%20Q242%20812%20210%20822Z'%20fill='%23a8705a'/%3e%3cpath%20d='M128%20786%20C100%20778%20100%20822%20130%20816'%20fill='none'%20stroke='%23a8705a'%20stroke-width='8'%20stroke-linecap='round'/%3e%3cellipse%20cx='170'%20cy='798'%20rx='48'%20ry='33'%20fill='url(%23pot)'/%3e%3crect%20x='140'%20y='824'%20width='60'%20height='7'%20rx='3'%20fill='%239a6450'/%3e%3cellipse%20cx='170'%20cy='767'%20rx='24'%20ry='6.5'%20fill='%23a8705a'/%3e%3ccircle%20cx='170'%20cy='759'%20r='6.5'%20fill='%23b17862'/%3e%3cellipse%20cx='152'%20cy='784'%20rx='13'%20ry='6'%20fill='%23fff'%20opacity='0.22'/%3e%3c!--%20two%20cups%20--%3e%3cg%20fill='%23c6dccb'%20stroke='%23a9c3b0'%20stroke-width='1.2'%3e%3cpath%20d='M58%20806%20h34%20l-5%2024%20h-24z'/%3e%3cpath%20d='M258%20806%20h34%20l-5%2024%20h-24z'/%3e%3c/g%3e%3cg%20fill='%23e9f1ea'%20stroke='%23a9c3b0'%20stroke-width='1.2'%3e%3cellipse%20cx='75'%20cy='806'%20rx='17'%20ry='4'/%3e%3cellipse%20cx='275'%20cy='806'%20rx='17'%20ry='4'/%3e%3c/g%3e%3c/svg%3e") left bottom / auto 100vh no-repeat fixed, url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20380%201000'%3e%3c!--%20The%20tea%20room,%20right%20of%20the%20table%20(see%20body%20in%20style.css):%20a%20round%20moon%20window%20looking%20out%20on%20misty%20hills,%20a%20plum%20branch%20across%20it,%20and%20a%20celadon%20vase%20on%20the%20floor.%20--%3e%3cdefs%3e%3cclipPath%20id='moon'%3e%3ccircle%20cx='220'%20cy='330'%20r='132'/%3e%3c/clipPath%3e%3clinearGradient%20id='sky'%20x1='0'%20y1='0'%20x2='0'%20y2='1'%3e%3cstop%20offset='0'%20stop-color='%23f7f3ea'/%3e%3cstop%20offset='1'%20stop-color='%23ebe3d2'/%3e%3c/linearGradient%3e%3clinearGradient%20id='vase'%20x1='0'%20x2='1'%3e%3cstop%20offset='0'%20stop-color='%23b3cfba'/%3e%3cstop%20offset='0.45'%20stop-color='%23cfe2d3'/%3e%3cstop%20offset='1'%20stop-color='%23a7c6b0'/%3e%3c/linearGradient%3e%3c/defs%3e%3c!--%20the%20moon%20window%20--%3e%3cg%20clip-path='url(%23moon)'%3e%3crect%20x='80'%20y='190'%20width='290'%20height='290'%20fill='url(%23sky)'/%3e%3cpath%20d='M80%20380%20Q130%20330%20170%20360%20Q210%20310%20260%20352%20Q300%20320%20370%20368%20V480%20H80Z'%20fill='%23dcd5c3'/%3e%3cpath%20d='M80%20420%20Q140%20380%20200%20410%20Q260%20378%20370%20418%20V480%20H80Z'%20fill='%23cfd9cc'/%3e%3ccircle%20cx='282'%20cy='262'%20r='16'%20fill='%23f1e6d4'/%3e%3cg%20stroke='%23bba886'%20stroke-width='3'%20fill='none'%3e%3cpath%20d='M176%20190%20V470%20M264%20190%20V470%20M80%20286%20H370%20M80%20374%20H370'/%3e%3crect%20x='198'%20y='308'%20width='44'%20height='44'/%3e%3c/g%3e%3c/g%3e%3ccircle%20cx='220'%20cy='330'%20r='139'%20fill='none'%20stroke='%23a58a6c'%20stroke-width='14'/%3e%3ccircle%20cx='220'%20cy='330'%20r='148'%20fill='none'%20stroke='%23c7b597'%20stroke-width='2'/%3e%3c!--%20a%20plum%20branch%20--%3e%3cg%20fill='none'%20stroke='%238a6f5a'%20stroke-linecap='round'%3e%3cpath%20d='M380%2030%20C330%2060%20300%2070%20262%20112%20C236%20140%20214%20150%20180%20160'%20stroke-width='6'/%3e%3cpath%20d='M300%2074%20C296%20116%20274%20150%20262%20200'%20stroke-width='4'/%3e%3cpath%20d='M240%20128%20C226%20112%20206%20104%20188%20108'%20stroke-width='3'/%3e%3cpath%20d='M276%20160%20C292%20176%20300%20196%20318%20206'%20stroke-width='3'/%3e%3c/g%3e%3cg%20fill='%23e4bcb2'%3e%3ccircle%20cx='180'%20cy='160'%20r='7'/%3e%3ccircle%20cx='214'%20cy='146'%20r='6'/%3e%3ccircle%20cx='188'%20cy='108'%20r='6.5'/%3e%3ccircle%20cx='262'%20cy='200'%20r='7'/%3e%3ccircle%20cx='318'%20cy='206'%20r='6'/%3e%3ccircle%20cx='296'%20cy='112'%20r='6.5'/%3e%3ccircle%20cx='242'%20cy='124'%20r='5'/%3e%3ccircle%20cx='340'%20cy='56'%20r='6'/%3e%3ccircle%20cx='282'%20cy='170'%20r='5'/%3e%3c/g%3e%3cg%20fill='%23c98f84'%3e%3ccircle%20cx='180'%20cy='160'%20r='2.2'/%3e%3ccircle%20cx='214'%20cy='146'%20r='2'/%3e%3ccircle%20cx='188'%20cy='108'%20r='2'/%3e%3ccircle%20cx='262'%20cy='200'%20r='2.2'/%3e%3ccircle%20cx='318'%20cy='206'%20r='2'/%3e%3ccircle%20cx='296'%20cy='112'%20r='2'/%3e%3ccircle%20cx='340'%20cy='56'%20r='2'/%3e%3c/g%3e%3c!--%20a%20celadon%20vase%20of%20willow%20on%20the%20floor%20--%3e%3cg%20fill='none'%20stroke='%238a7a5e'%20stroke-width='2'%20stroke-linecap='round'%3e%3cpath%20d='M250%20820%20C246%20740%20230%20690%20196%20640'/%3e%3cpath%20d='M256%20820%20C260%20730%20272%20690%20300%20650'/%3e%3cpath%20d='M253%20820%20C252%20760%20254%20700%20250%20610'/%3e%3c/g%3e%3cg%20fill='%23c9d8c3'%3e%3cellipse%20cx='210'%20cy='660'%20rx='4'%20ry='8'%20transform='rotate(-30%20210%20660)'/%3e%3cellipse%20cx='226'%20cy='700'%20rx='4'%20ry='8'%20transform='rotate(-25%20226%20700)'/%3e%3cellipse%20cx='290'%20cy='664'%20rx='4'%20ry='8'%20transform='rotate(30%20290%20664)'/%3e%3cellipse%20cx='275'%20cy='700'%20rx='4'%20ry='8'%20transform='rotate(25%20275%20700)'/%3e%3cellipse%20cx='251'%20cy='630'%20rx='4'%20ry='8'/%3e%3cellipse%20cx='253'%20cy='680'%20rx='4'%20ry='8'/%3e%3c/g%3e%3cpath%20d='M236%20812%20h34%20c0%2018%2022%2030%2022%2076%20c0%2040%20-18%2060%20-39%2060%20c-21%200%20-39%20-20%20-39%20-60%20c0%20-46%2022%20-58%2022%20-76z'%20fill='url(%23vase)'/%3e%3cpath%20d='M232%20808%20h42%20v8%20h-42z'%20fill='%23a7c6b0'/%3e%3cellipse%20cx='253'%20cy='948'%20rx='52'%20ry='8'%20fill='%23ddd4c3'/%3e%3crect%20x='190'%20y='948'%20width='126'%20height='12'%20rx='3'%20fill='%23a58a6c'/%3e%3c/svg%3e") right bottom / auto 100vh no-repeat fixed, var(--paper)}}#app{box-sizing:border-box;flex-direction:column;align-items:center;width:100%;padding:12px 16px 0;display:flex}.layout{align-items:flex-start;gap:28px;width:100%;display:flex}.main-col{flex-direction:column;flex:1 1 0;align-items:center;gap:10px;min-width:0;display:flex;position:relative;container-type:inline-size}button{font:inherit;cursor:pointer;border:0}.tile{-webkit-user-select:none;user-select:none;background:linear-gradient(160deg,#fff,#f1efe6);flex:none;display:block;overflow:hidden}.tile svg{width:100%;height:100%;display:block}.tile.back{background:linear-gradient(#3445a8, var(--navy-dark))}.tile.mini{vertical-align:middle;width:1.35em;height:1.8em;box-shadow:0 .14em 0 var(--navy);border-radius:.2em;margin:0 .15em;display:inline-block}.scene{--T:min(74cqw, calc((100vh - 300px) / .92), 980px);--u:calc(var(--T) / 30);perspective:calc(var(--T) * 1.6);margin-top:calc(var(--T) * -.12);margin-bottom:calc(var(--T) * .01)}.table{width:var(--T);height:var(--T);border-radius:calc(var(--u) * .5);box-shadow:inset 0 0 calc(var(--u) * .8) #3c32281f, 0 0 0 calc(var(--u) * .25) #7a5a40,  0 0 0 calc(var(--u) * .85) #a08060, 0 0 0 calc(var(--u) * 1.05) #6e5038, 0 calc(var(--u) * 2) calc(var(--u) * 2.5) #3c322840;transform-style:preserve-3d;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMzAwIDMwMCI+CiAgPCEtLSBUaGUgcHJpbnRlZCBtYXQgb24gdGhlIHRhYmxlIChzZWUgLnRhYmxlIGluIHN0eWxlLmNzcyk6IGEgcGxhaW4gc2FnZSBmaWVsZCBpbiB0aGUgbWlkZGxlLCB3aGVyZQogICAgICAgdGhlIHdhbGxzLCB0aGUgZGlzY2FyZHMgYW5kIHRoZSBuYW1lcyBhcmUgKGEgbWlkLXRvbmUsIHNvIGl2b3J5IHRpbGVzIHN0YW5kIG91dCBvbiBpdCksIGFuZCBhCiAgICAgICBjcmVhbSBib3JkZXIuIEVhY2ggcGxheWVyJ3MgaGFuZCBhbmQgc2V0cyBsaWUgb24gdGhlIGJvcmRlciBhbG9uZyB0aGVpciBzaWRlLCBzbyB0aGUgcGljdHVyZXMKICAgICAgIGFyZSBrZXB0IHRvIHRoZSBjb3JuZXJzLCB3aGVyZSBubyB0aWxlcyBnbzogYSBrZXktZnJldCwgdHdvIGxvdHVzZXMgYW5kIGEgc3ByaWcgb2YgYmFtYm9vLCB0aGUKICAgICAgIHNhbWUgaW4gZXZlcnkgY29ybmVyLiBBIHRoaW4ga2V5LWZyZXQgYmFuZCBydW5zIGFsb25nIHRoZSB2ZXJ5IGVkZ2UsIG91dHNpZGUgdGhlIHRpbGVzLiAtLT4KICA8ZGVmcz4KICAgIDwhLS0g5ZueOiBhIGtleS1mcmV0IHNxdWFyZSAtLT4KICAgIDxnIGlkPSJmcmV0IiBmaWxsPSJub25lIiBzdHJva2U9IiM5YzhhNjgiIHN0cm9rZS13aWR0aD0iMS4zIiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIj4KICAgICAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ii8+CiAgICAgIDxwYXRoIGQ9Ik01IDE5IFY1IEgxOSBWMTUgSDEwIFYxMCBIMTQiLz4KICAgIDwvZz4KICAgIDwhLS0gdGhlIGtleS1mcmV0IGJhbmQgYWxvbmcgdGhlIGVkZ2UsIG9uZSByZXBlYXQgZXZlcnkgMTAgLS0+CiAgICA8cGF0dGVybiBpZD0iYmFuZCIgd2lkdGg9IjEwIiBoZWlnaHQ9IjYiIHBhdHRlcm5Vbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICA8cGF0aCBkPSJNMCA1LjIgSDIgVjEgSDggVjQgSDUgVjIuNiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYjVhMzdmIiBzdHJva2Utd2lkdGg9IjAuOCIvPgogICAgICA8cGF0aCBkPSJNOCA1LjIgSDEwIiBzdHJva2U9IiNiNWEzN2YiIHN0cm9rZS13aWR0aD0iMC44Ii8+CiAgICA8L3BhdHRlcm4+CiAgICA8IS0tIGEgbG90dXMgb24gaXRzIHBhZHMgLS0+CiAgICA8ZyBpZD0ibG90dXMiPgogICAgICA8ZWxsaXBzZSBjeD0iLTExIiBjeT0iNSIgcng9IjkuNSIgcnk9IjMuNiIgZmlsbD0iI2E5YzdiMiIvPgogICAgICA8ZWxsaXBzZSBjeD0iMTEiIGN5PSI2IiByeD0iOCIgcnk9IjMuMSIgZmlsbD0iI2I5ZDJiZiIvPgogICAgICA8cGF0aCBkPSJNLTExIDUgSC0zIE0xMSA2IEg0IiBzdHJva2U9IiM4NmE5OTMiIHN0cm9rZS13aWR0aD0iMC42Ii8+CiAgICAgIDxnIGZpbGw9IiNmYmY4ZWYiIHN0cm9rZT0iIzdhOWY4NyIgc3Ryb2tlLXdpZHRoPSIwLjciIHN0cm9rZS1saW5lam9pbj0icm91bmQiPgogICAgICAgIDxwYXRoIGQ9Ik0wIC05IFE0LjUgLTMuNSAwIDIgUS00LjUgLTMuNSAwIC05WiIgdHJhbnNmb3JtPSJyb3RhdGUoLTY0IDAgMikiLz4KICAgICAgICA8cGF0aCBkPSJNMCAtOSBRNC41IC0zLjUgMCAyIFEtNC41IC0zLjUgMCAtOVoiIHRyYW5zZm9ybT0icm90YXRlKDY0IDAgMikiLz4KICAgICAgICA8cGF0aCBkPSJNMCAtMTAgUTUgLTQgMCAyIFEtNSAtNCAwIC0xMFoiIHRyYW5zZm9ybT0icm90YXRlKC0zMiAwIDIpIi8+CiAgICAgICAgPHBhdGggZD0iTTAgLTEwIFE1IC00IDAgMiBRLTUgLTQgMCAtMTBaIiB0cmFuc2Zvcm09InJvdGF0ZSgzMiAwIDIpIi8+CiAgICAgICAgPHBhdGggZD0iTTAgLTExIFE1IC00LjUgMCAyIFEtNSAtNC41IDAgLTExWiIvPgogICAgICA8L2c+CiAgICAgIDxjaXJjbGUgY3g9IjAiIGN5PSItMiIgcj0iMS4yIiBmaWxsPSIjZDRiOThjIi8+CiAgICA8L2c+CiAgICA8IS0tIGEgc3ByaWcgb2YgYmFtYm9vIC0tPgogICAgPGcgaWQ9ImJhbWJvbyI+CiAgICAgIDxnIHN0cm9rZT0iIzdhOWY4NyIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2UtbGluZWNhcD0icm91bmQiIGZpbGw9Im5vbmUiPgogICAgICAgIDxwYXRoIGQ9Ik0wIDAgVi0yMiBNNCAwIFYtMTYiLz4KICAgICAgICA8cGF0aCBkPSJNLTEuMiAtOCBIMS4yIE0tMS4yIC0xNiBIMS4yIE0yLjggLTcgSDUuMiIvPgogICAgICA8L2c+CiAgICAgIDxnIGZpbGw9IiNhOWM3YjIiPgogICAgICAgIDxwYXRoIGQ9Ik0wIC0xNCBRNyAtMTYgMTIgLTIxIFE1IC0yMCAwIC0xNFoiLz4KICAgICAgICA8cGF0aCBkPSJNMCAtMTkgUS02IC0yMiAtMTAgLTI3IFEtNCAtMjUgMCAtMTlaIi8+CiAgICAgICAgPHBhdGggZD0iTTQgLTEwIFExMCAtMTAgMTUgLTEzIFE5IC0xNCA0IC0xMFoiLz4KICAgICAgPC9nPgogICAgPC9nPgogICAgPCEtLSBvbmUgY29ybmVyIChkcmF3biBhcyB0aGUgdG9wLWxlZnQpIGFuZCB0aGUgZWRnZSBiYW5kIHJ1bm5pbmcgZnJvbSBpdCBhbG9uZyB0aGUgdG9wIC0tPgogICAgPGcgaWQ9ImNvcm5lciI+CiAgICAgIDx1c2UgeGxpbms6aHJlZj0iI2ZyZXQiIHg9IjkiIHk9IjkiLz4KICAgICAgPHVzZSB4bGluazpocmVmPSIjbG90dXMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ4IDIzKSBzY2FsZSgwLjcyKSIvPgogICAgICA8dXNlIHhsaW5rOmhyZWY9IiNsb3R1cyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjMgNDgpIHJvdGF0ZSgtOTApIHNjYWxlKDAuNzIpIi8+CiAgICAgIDx1c2UgeGxpbms6aHJlZj0iI2JhbWJvbyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDQgNDQpIHJvdGF0ZSgtNDUpIHNjYWxlKDAuNikiLz4KICAgICAgPHJlY3QgeD0iNjIiIHk9IjIiIHdpZHRoPSIxNzYiIGhlaWdodD0iNiIgZmlsbD0idXJsKCNiYW5kKSIvPgogICAgPC9nPgogIDwvZGVmcz4KCiAgPHJlY3Qgd2lkdGg9IjMwMCIgaGVpZ2h0PSIzMDAiIGZpbGw9IiNjMmQ2YzYiLz4KICA8IS0tIHRoZSBib3JkZXIgLS0+CiAgPHBhdGggZD0iTTAgMCBIMzAwIFYzMDAgSDBaIE0zNyAzNyBWMjYzIEgyNjMgVjM3WiIgZmlsbD0iI2YxZWJkZCIgZmlsbC1ydWxlPSJldmVub2RkIi8+CiAgPGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYjVhMzdmIiBzdHJva2Utd2lkdGg9IjAuNyI+CiAgICA8cmVjdCB4PSIxIiB5PSIxIiB3aWR0aD0iMjk4IiBoZWlnaHQ9IjI5OCIgcng9IjIiLz4KICAgIDxyZWN0IHg9IjM1IiB5PSIzNSIgd2lkdGg9IjIzMCIgaGVpZ2h0PSIyMzAiLz4KICAgIDxyZWN0IHg9IjM3LjUiIHk9IjM3LjUiIHdpZHRoPSIyMjUiIGhlaWdodD0iMjI1Ii8+CiAgPC9nPgogIDx1c2UgeGxpbms6aHJlZj0iI2Nvcm5lciIvPgogIDx1c2UgeGxpbms6aHJlZj0iI2Nvcm5lciIgdHJhbnNmb3JtPSJyb3RhdGUoOTAgMTUwIDE1MCkiLz4KICA8dXNlIHhsaW5rOmhyZWY9IiNjb3JuZXIiIHRyYW5zZm9ybT0icm90YXRlKDE4MCAxNTAgMTUwKSIvPgogIDx1c2UgeGxpbms6aHJlZj0iI2Nvcm5lciIgdHJhbnNmb3JtPSJyb3RhdGUoMjcwIDE1MCAxNTApIi8+CiAgPCEtLSBhIGZhaW50IHJpbmcgdW5kZXIgdGhlIGRpc2NhcmRzIC0tPgogIDxjaXJjbGUgY3g9IjE1MCIgY3k9IjE1MCIgcj0iNjYiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2Q1ZTNkOCIgc3Ryb2tlLXdpZHRoPSIwLjgiLz4KPC9zdmc+Cg==) 50%/100% 100% no-repeat,#c2d6c6;position:relative;transform:rotateX(40deg)}.table:after{content:"";left:calc(var(--u) * .4);right:calc(var(--u) * .4);top:calc(100% + var(--u) * 1.05);height:calc(var(--u) * 1.1);border-radius:0 0 calc(var(--u) * .8) calc(var(--u) * .8);transform-origin:top;background:linear-gradient(#8a6a4e,#6a4d36);position:absolute;transform:rotateX(90deg)}.layer{align-items:center;gap:calc(var(--u) * 1.5);padding-bottom:calc(var(--u) * .9);pointer-events:none;transform-style:preserve-3d;flex-direction:column-reverse;display:flex;position:absolute;inset:0}.rack-row{height:calc(var(--u) * 1.6);align-items:flex-end;gap:calc(var(--u) * .4);border-radius:calc(var(--u) * .2);transform-style:preserve-3d;display:flex}.rack-row.winner{outline:calc(var(--u) * .1) solid var(--clay);outline-offset:calc(var(--u) * .15)}.group{gap:calc(var(--u) * .04);transform-style:preserve-3d;display:flex}.wind-label{left:0;right:0;bottom:calc(var(--u) * 7);text-align:center;letter-spacing:.02em;color:var(--ink-soft);opacity:.85;line-height:1.12;position:absolute}.wl-name{font-size:calc(var(--u) * .95);color:var(--ink);font-weight:800}.turn-timer-row{align-items:center;gap:calc(var(--u) * .3);margin-left:calc(var(--u) * .45);vertical-align:middle;display:inline-flex}.turn-timer{width:calc(var(--u) * 4.5);height:calc(var(--u) * .6);box-shadow:0 0 0 calc(var(--u) * .08) #ffffff80;background:#00000073;border-radius:999px;overflow:hidden}.turn-secs{min-width:calc(var(--u) * 1.5);padding:calc(var(--u) * .05) calc(var(--u) * .25);color:var(--ink);font-size:calc(var(--u) * .85);font-variant-numeric:tabular-nums;background:#f4efe4;border-radius:999px;font-weight:900;line-height:1.15}.turn-secs.hurry{background:var(--rose);color:#fff}.player-rack.hurry{animation:.9s ease-in-out infinite alternate rack-hurry}@keyframes rack-hurry{to{box-shadow:0 0 0 3px var(--rose)}}.turn-timer-fill{border-radius:inherit;transform-origin:0;height:100%;animation:timer-run var(--left) linear forwards, timer-hurry .5s var(--hurry-in) ease-in-out infinite alternate;background:#f4efe4}@keyframes timer-run{0%{transform:scaleX(var(--from))}to{transform:scaleX(0)}}@keyframes timer-hurry{0%{background:#c47a68}to{background:var(--rose)}}.away-text{opacity:.85;text-align:center;margin:0 0 14px;font-size:1.05rem}.away-card{text-align:center}.away-card .act{width:100%}.wl-wind{font-size:calc(var(--u) * .7);font-weight:700}.wind-label.active,.wind-label.active .wl-name{color:var(--jade-dark);opacity:1}.wind-label.winner,.wind-label.winner .wl-name{color:var(--clay-text);opacity:1}.box{--H:calc(var(--u) * var(--bh));width:calc(var(--u) * var(--bw));height:calc(var(--u) * var(--bd));transform-style:preserve-3d;border-radius:calc(var(--u) * .1);box-shadow:0 0 calc(var(--u) * .4) calc(var(--u) * .05) #00000073;flex:none;position:relative}.face{position:absolute}.face.top{transform:translateZ(var(--H));border-radius:calc(var(--u) * .12);inset:0;overflow:hidden}.face.top svg{width:100%;height:100%;display:block}.face.front{width:100%;height:var(--H);transform-origin:top;top:100%;left:0;transform:rotateX(90deg)}.face.back{width:100%;height:var(--H);transform-origin:bottom;bottom:100%;left:0;transform:rotateX(-90deg)}.face.left{height:100%;width:var(--H);transform-origin:100%;top:0;right:100%;transform:rotateY(90deg)}.face.right{height:100%;width:var(--H);transform-origin:0;top:0;left:100%;transform:rotateY(-90deg)}.face.front{box-shadow:inset 0 0 0 100vmax #0000000a}.face.left{box-shadow:inset 0 0 0 100vmax #0000001f}.face.right{box-shadow:inset 0 0 0 100vmax #00000014}.face.back{box-shadow:inset 0 0 0 100vmax #0000002e}.box.up .face.top{box-shadow:inset 0 0 0 calc(var(--u) * .04) #6e5a3c61;background:linear-gradient(160deg,#fff,#f1efe6)}.box.up .face.front,.box.up .face.right{background:linear-gradient(to var(--dir,bottom), var(--navy) 0 40%, #d8d4c8 40% 46%, var(--ivory) 46%)}.box.up .face.back,.box.up .face.left{background:linear-gradient(to var(--dir,bottom), var(--ivory) 0 54%, #d8d4c8 54% 60%, var(--navy) 60%)}.box.up .face.right,.box.up .face.left{--dir:right}.box.up.facedown .face.top{background:linear-gradient(160deg, #4d6a7f, var(--navy))}.box.up.facedown .face.front,.box.up.facedown .face.right{background:linear-gradient(to var(--dir,bottom), var(--ivory) 0 54%, #d8d4c8 54% 60%, var(--navy) 60%)}.box.up.facedown .face.back,.box.up.facedown .face.left{background:linear-gradient(to var(--dir,bottom), var(--navy) 0 40%, #d8d4c8 40% 46%, var(--ivory) 46%)}.box.up.bonus .face.top{box-shadow:inset 0 0 0 calc(var(--u) * .08) var(--clay)}.box.up.latest .face.top{box-shadow:inset 0 0 0 calc(var(--u) * .1) var(--clay)}.box.up.latest{box-shadow:0 0 calc(var(--u) * .4) calc(var(--u) * .08) #ffffff8c}.box.down2 .face.top,.box.down1 .face.top{background:linear-gradient(160deg, #4d6a7f, var(--navy))}.box.down2 .face.front,.box.down2 .face.right{background:linear-gradient(to var(--dir,bottom), var(--ivory) 0 22%, var(--navy) 22% 50%, var(--ivory) 50% 72%, var(--navy) 72%)}.box.down2 .face.back,.box.down2 .face.left{background:linear-gradient(to var(--dir,bottom), var(--navy) 0 28%, var(--ivory) 28% 50%, var(--navy) 50% 78%, var(--ivory) 78%)}.box.down1 .face.front,.box.down1 .face.right{background:linear-gradient(to var(--dir,bottom), var(--ivory) 0 44%, var(--navy) 44%)}.box.down1 .face.back,.box.down1 .face.left{background:linear-gradient(to var(--dir,bottom), var(--navy) 0 56%, var(--ivory) 56%)}.box.down2 .face.right,.box.down2 .face.left,.box.down1 .face.right,.box.down1 .face.left{--dir:right}.stack-gap{width:var(--u);height:calc(var(--u) * 1.34);flex:none}.box.stand{--tw:calc(var(--u) * 1.15 * var(--ts,1));--seam:repeating-linear-gradient(to right, transparent 0 calc(var(--tw) - 1.5px), #00000073 calc(var(--tw) - 1.5px) var(--tw))}.box.stand .face.back{background:var(--seam), linear-gradient(#4d6a7f, var(--navy-dark))}.box.stand .face.front{background:var(--seam), var(--ivory)}.box.stand .face.top{background:var(--seam), linear-gradient(to bottom, var(--navy) 0 50%, var(--ivory) 50%);border-radius:0}.box.stand .face.left,.box.stand .face.right{background:linear-gradient(to bottom, var(--navy) 0 50%, var(--ivory) 50%)}.wall{gap:calc(var(--u) * .04);padding-bottom:calc(var(--u) * .4);transform-style:preserve-3d;display:flex}.pool{transform-style:preserve-3d;width:calc(var(--u) * 12.22);height:calc(var(--u) * 12.22);align-content:center;gap:calc(var(--u) * .1);cursor:zoom-in;flex-wrap:wrap;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pool.big{width:calc(var(--u) * 12.8)}.pool.big.crowded{width:calc(var(--u) * 12.5)}.lite3d .pool .box.up.latest{z-index:1;transform:scale(1.3)}.discards-card{width:min(560px,100vw - 24px);padding:18px 16px 16px}.discards-grid{grid-template-columns:repeat(auto-fill,40px);justify-content:center;gap:8px 5px;max-height:55vh;margin:12px 0 16px;padding:4px 2px 6px;display:grid;overflow-y:auto}.discards-grid .tile{width:40px;height:54px;box-shadow:0 3px 0 var(--navy);border-radius:5px}.discards-grid .tile.newest{box-shadow:0 0 0 3px var(--clay), 0 3px 0 var(--navy)}.topbar{z-index:1;box-sizing:border-box;width:min(100%,1180px);box-shadow:inset 0 0 0 1px var(--line);background:#ffffff73;border-radius:999px;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:7px;display:grid;position:relative}.tb-left,.tb-right{align-items:center;gap:10px;display:flex}.tb-left{justify-self:start}.tb-right{justify-self:end}@media (width<=900px){.topbar{border-radius:28px;grid-template-columns:1fr 1fr}.topbar .status{grid-area:1/1/auto/-1}}.chip{box-sizing:border-box;white-space:nowrap;border:2px solid var(--line);background:var(--card);height:52px;color:var(--ink);border-radius:999px;align-items:center;gap:10px;padding:0 20px 0 6px;font-size:1.08rem;font-weight:700;transition:border-color .15s,background .15s,transform 80ms;display:inline-flex;box-shadow:0 2px 6px #3c322814}button.chip:hover{border-color:var(--clay);background:#fff}button.chip:active{transform:translateY(2px)}button.chip:focus-visible{outline:3px solid var(--clay);outline-offset:2px}.chip-icon{background:var(--shade);border-radius:50%;flex:none;place-items:center;width:38px;height:38px;display:grid}.chip-icon svg{width:22px;height:22px}.chip.icon-only{justify-content:center;width:52px;padding:0}.chip.icon-only.off{opacity:.6}.chip.on{border-color:var(--clay)}.chip.on .chip-icon{background:var(--clay);color:#fff}.chip.info{cursor:default;font-variant-numeric:tabular-nums}.chip.round .chip-icon{background:var(--navy);color:#fff;font-family:LXGW WenKai TC,KaiTi,serif;font-size:1.25rem;font-weight:900}.chip-stack{flex-direction:column;line-height:1.15;display:flex}.chip-stack .chip-small strong{font-size:1.05rem}.chip.info strong{font-size:1.3rem}.chip-small{opacity:.85;font-weight:500}.tile-icon{background:linear-gradient(#57758a, var(--navy-dark));width:15px;height:20px;box-shadow:0 3px 0 var(--ivory);border-radius:3px;margin-bottom:3px}.status{justify-content:center;display:flex}.status-pill{box-sizing:border-box;border:2px solid var(--line);background:var(--card);min-width:300px;min-height:58px;color:var(--ink);border-radius:999px;align-items:center;gap:12px;padding:5px 26px 5px 6px;transition:background .3s,border-color .3s;display:inline-flex}.status-badge{background:var(--navy);color:#fff;border-radius:50%;flex:none;place-items:center;width:46px;height:46px;font-family:LXGW WenKai TC,KaiTi,serif;font-size:1.45rem;font-weight:900;display:grid;box-shadow:inset 0 -3px #00000040}.status-title{align-items:center;gap:2px;font-size:1.3rem;font-weight:800;line-height:1.15;display:flex}.status-hint{opacity:.8;font-size:.98rem}.status.mine .status-pill,.status.win .status-pill{border-color:var(--clay);background:#f3e6db}.status.mine .status-badge,.status.win .status-badge{background:var(--clay)}.action-bar{z-index:1;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;min-height:60px;display:flex;position:relative}.act{color:#fff;background:#6b7378;border-radius:12px;padding:10px 28px;font-size:1.4rem;font-weight:700;box-shadow:0 3px #4c5357}.act.primary{background:var(--jade);box-shadow:0 3px 0 var(--jade-dark)}.act:active{transform:translateY(2px);box-shadow:0 1px #4c5357}.act .tile.mini{font-size:1.1rem}.bar-hint{opacity:.9;font-size:1.2rem}.hand-meter{border:1px solid var(--line);background:#ffffff73;border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 12px;max-width:100%;padding:6px 10px;display:flex}.hm-total{background:var(--card);border:2px solid var(--line);color:inherit;cursor:pointer;border-radius:999px;align-items:baseline;gap:8px;padding:4px 14px;transition:border-color .15s;display:flex}.hm-total-wrap.open .hm-total{border-color:var(--clay)}@media (hover:hover){.hm-total:hover{border-color:var(--clay)}}.hm-total:focus-visible{outline:3px solid var(--clay);outline-offset:2px}.hm-total.ok{background:#e3eee7;border-color:#8fb8a2}.hm-more{opacity:.75;font-size:1.05rem}.hm-total-wrap{position:relative}.hm-card{z-index:30;box-sizing:border-box;border:1px solid var(--line);background:var(--card);width:min(460px,92vw);max-height:60vh;color:var(--ink);text-align:left;border-radius:16px;padding:16px 18px 14px;display:none;position:absolute;bottom:calc(100% + 12px);left:0;overflow-y:auto;box-shadow:0 14px 36px #3c322838}.hm-total-wrap.open .hm-card{display:block}.hm-total-wrap:has(:focus-visible) .hm-card{display:block}@media (hover:hover){.hm-total-wrap.pointed .hm-card{display:block}}.hm-card:after{content:"";height:14px;position:absolute;top:100%;left:0;right:0}.hm-card{cursor:pointer}.hm-card-title{font-size:1.3rem;font-weight:900}.hm-card h4{text-transform:uppercase;letter-spacing:.08em;color:var(--clay-text);margin:12px 0 6px;font-size:.95rem}.hm-empty{opacity:.75;margin:4px 0;font-size:1rem}.hm-row{border-left:4px solid var(--jade);background:#4f7a671a;border-radius:10px;grid-template-columns:1fr auto;gap:2px 10px;margin-bottom:6px;padding:8px 10px;display:grid}.hm-row.next{background:var(--clay-soft);border-left-color:var(--clay)}.hm-row-name{align-items:center;gap:6px;font-size:1.08rem;font-weight:800;display:flex}.hm-row-name .tile.mini{margin:0;font-size:1rem}.hm-row-faan{color:var(--up);font-size:1.1rem;font-weight:900}.hm-row.next .hm-row-faan{color:var(--clay-text)}.hm-row-why{opacity:.85;grid-column:1/-1;font-size:.98rem}.hm-row-tiles{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:3px;margin-top:2px;display:flex}.hm-row-tiles .tile.mini{margin:0;font-size:1.15rem}.hm-tiles-label{margin-right:4px;font-size:.95rem;font-weight:700}.hm-card-foot{opacity:.7;margin-top:8px;font-size:.92rem}.hm-plans{background:var(--clay-soft);border:1px solid #b8734f73;border-radius:14px;margin-top:10px;padding:10px 12px}.hm-plans h4{margin-top:0!important}.hm-plans-intro{margin:0 0 8px;font-size:1rem}.hm-plan{background:#fff;border-radius:12px;margin-top:8px;padding:8px;box-shadow:0 1px 3px #3c32281a}.hm-plan-head{justify-content:space-between;align-items:baseline;margin:0 2px 6px;display:flex}.hm-plan-num{font-size:1.1rem;font-weight:900}.hm-plan-effort{opacity:.65;flex:1;margin-left:10px;font-size:.92rem}.hm-plan-total{color:var(--up);font-size:1.1rem;font-weight:900}.hm-row.plan-step{background:var(--clay-soft);border-left-color:var(--clay);margin-bottom:4px}.hm-row.plan-step.luck{background:#5b7f991a;border-left-color:#5b7f99}.hm-way{border:2px solid var(--clay);color:var(--ink);background:#f3e6db;border-radius:999px;align-items:center;gap:6px;padding:5px 14px;font-size:1.02rem;font-weight:700;display:inline-flex}.hm-way:hover{background:#efdccd}.hm-way-label{font-weight:900}.hm-label{opacity:.85;font-size:.95rem}.hm-faan{font-size:1.45rem;font-weight:900}.hm-need{color:var(--clay-text);font-size:.95rem;font-weight:700}.hm-total.ok .hm-need{color:var(--up)}.hm-chips{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.hm-chip{border-radius:999px;align-items:center;gap:5px;padding:4px 12px;font-size:1.02rem;font-weight:700;display:inline-flex}.hm-chip .tile.mini{margin:0;font-size:.95rem}.hm-chip b{color:var(--clay-text)}.hm-chip small{opacity:.8;font-weight:500}.hm-chip.have{background:#e3eee7;border:2px solid #8fb8a2}.hm-chip.close{border:2px dashed #b8734f8c}.hm-ready{box-shadow:inset 0 0 0 2px var(--clay);color:var(--ink);background:#f3e6db;border-radius:999px;flex-wrap:wrap;align-items:center;gap:8px;padding:4px 12px;display:flex}.hm-ready-label{font-size:1.1rem;font-weight:900}.hm-win{align-items:center;gap:4px;font-weight:800;display:inline-flex}.hm-win .tile.mini{margin:0;font-size:1.05rem}.hm-win.short{opacity:.5;text-decoration:line-through}.claim-card{z-index:10;box-sizing:border-box;border:1px solid var(--line);background:var(--card);max-width:94cqw;color:var(--ink);border-radius:18px;padding:18px 24px 22px;animation:.18s ease-out pop-in;position:absolute;bottom:190px;left:50%;transform:translate(-50%);box-shadow:0 14px 40px #3c322847}@keyframes pop-in{0%{opacity:0;transform:translate(-50%)translateY(6px)}}.claim-head{justify-content:center;align-items:center;gap:16px;margin-bottom:16px;font-size:1.6rem;font-weight:700;display:flex}.tile.claim-tile{width:66px;height:88px;box-shadow:0 5px 0 var(--navy), 0 8px 16px #0000004d;border-radius:9px}.claim-options{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.claim-btn{background:var(--jade);color:#fff;min-width:170px;box-shadow:0 4px 0 var(--jade-dark);border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:14px 22px 12px;display:flex}.claim-btn:hover{filter:brightness(1.06)}.claim-btn:active{box-shadow:0 1px 0 var(--jade-dark);transform:translateY(3px)}.claim-label{align-items:center;gap:4px;font-size:1.9rem;font-weight:800;display:flex}.claim-label .tile.mini{font-size:1.4rem}.claim-hint{opacity:.92;font-size:1.05rem}.claim-effects{flex-direction:column;gap:3px;margin-top:6px;font-size:.95rem;font-weight:700;display:flex}.claim-effects span{border-radius:6px;padding:2px 8px}.claim-effects .ce-bad{color:#8a3f31;background:#f5e3de}.claim-effects .ce-good{color:var(--jade-dark);background:#e3eee7}.claim-btn.win{background:var(--clay);color:#fff;box-shadow:0 4px #8a5236}.claim-btn.pass{background:#6b7378;box-shadow:0 4px #4c5357}.win-card{text-align:center;border-color:var(--clay)}.win-card-title{color:var(--ink);margin-bottom:6px;font-size:2rem;font-weight:800;line-height:1.1}.win-card .claim-head{justify-content:center}.claim-btn.big-win{width:100%;padding:16px 12px 12px;font-size:1.15rem}.claim-btn.big-win .claim-label{font-size:2rem}.win-pass{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;margin-top:10px;padding:6px 14px;font-size:1rem;font-weight:700;text-decoration:underline}.player-rack{--w:min(72px, calc((100cqw - 70px) / 15));--band:calc(var(--w) * .28);min-height:calc(var(--w) * 1.34 + var(--band));background:#c2d6c6;border:1px solid #a9c2ae;border-bottom:0;border-radius:12px 12px 0 0;justify-content:center;align-items:flex-end;gap:3px;min-width:40%;padding:12px 18px 14px;display:flex;box-shadow:0 -2px 10px #3c322826}.player-rack.winner{outline:3px solid var(--clay);outline-offset:-3px}.player-rack .tile{width:var(--w);height:calc(var(--w) * 1.34);padding-top:var(--band);background:linear-gradient(to bottom, #6a8597 0, #4d6a7f calc(var(--band) * .5), var(--navy) calc(var(--band) - 3px), #d9d6cc calc(var(--band) - 3px), #fff var(--band), #f1efe6);border-radius:7px;box-shadow:0 4px 8px #00000059}.player-rack .tile.drawn{margin-left:calc(var(--w) * .4)}.tile.clickable{cursor:pointer;transition:transform .18s cubic-bezier(.2,.8,.3,1),box-shadow .18s}@media (hover:hover){.tile.clickable:hover{transform:translateY(-10px);box-shadow:0 12px 16px #0006}.tile.clickable:active{transition-duration:60ms;transform:translateY(-4px)}}.banner{z-index:50;transform:translate(var(--anchor,-50%), -50%);border:2px solid var(--line);color:var(--ink);letter-spacing:.02em;white-space:nowrap;pointer-events:none;background:#fbf8f2f7;border-radius:999px;align-items:center;gap:4px;padding:12px 34px;font-size:2rem;font-weight:800;animation:1.9s ease-out forwards turn-banner;display:flex;position:fixed;box-shadow:0 10px 30px #3c322838}.reaction{z-index:55;pointer-events:none;filter:drop-shadow(0 4px 6px #3c32284d);font-size:3.2rem;line-height:1;animation:2.4s ease-out forwards reaction-float;position:fixed}.emote{vertical-align:middle;width:1em;height:1em;display:inline-block}.emote svg{width:100%;height:100%;display:block;overflow:visible}.reaction .emote{width:1.35em;height:1.35em}.emote svg *{transform-box:view-box}.reaction .em-nod{transform-origin:31px 44px;animation:.6s ease-in-out infinite alternate em-nod}.reaction .em-wave{transform-origin:49px 56px;animation:.4s ease-in-out infinite alternate em-wave}.reaction .em-bounce{transform-origin:32px 57px;animation:.55s ease-in-out infinite em-bounce}.reaction .em-jump{transform-origin:32px 40px;animation:1.1s ease-in-out infinite em-jump}.reaction .em-splash{animation:1.1s ease-out infinite em-splash}.reaction .em-tear{animation:1.1s ease-in infinite em-tear}.reaction .em-steam{animation:.9s ease-out infinite em-steam}.reaction .em-shake{transform-origin:30px 56px;animation:.14s ease-in-out infinite alternate em-shake}.reaction .em-dance{transform-origin:32px 58px;animation:.42s ease-in-out infinite alternate em-dance}.reaction .em-blink{transform-origin:32px 31px;animation:1.6s infinite em-blink}@keyframes em-nod{0%{transform:rotate(4deg)}to{transform:rotate(-6deg)translateY(1px)}}@keyframes em-wave{0%{transform:rotate(-10deg)}to{transform:rotate(8deg)}}@keyframes em-bounce{0%,to{transform:none}35%{transform:translateY(-6px)scale(.96,1.04)}70%{transform:scale(1.05,.95)}}@keyframes em-jump{0%,to{transform:translateY(6px)rotate(10deg)}50%{transform:translateY(-6px)rotate(-8deg)}}@keyframes em-splash{0%{opacity:0;transform:translateY(0)}40%{opacity:1}to{opacity:0;transform:translateY(-5px)}}@keyframes em-tear{0%{opacity:0;transform:none}25%{opacity:1}to{opacity:0;transform:translateY(11px)}}@keyframes em-steam{0%{opacity:0;transform:translateY(4px)scale(.6)}35%{opacity:1}to{opacity:0;transform:translateY(-8px)scale(1.3)}}@keyframes em-shake{0%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}@keyframes em-dance{0%{transform:rotate(-8deg)}to{transform:rotate(8deg)translateY(-3px)}}@keyframes em-blink{0%,88%,to{transform:none}93%{transform:scaleY(.1)}}@media (prefers-reduced-motion:reduce){.reaction .emote *{animation:none!important}}@keyframes reaction-float{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}12%{opacity:1;transform:translate(-50%,-60%)scale(1.15)}22%{transform:translate(-50%,-62%)scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-160%)scale(1)}}.reaction.phrase{background:var(--card);color:var(--ink);white-space:nowrap;filter:none;border-radius:16px;padding:8px 14px;font-size:1.15rem;font-weight:800;box-shadow:0 6px 14px #3c322838}.react-tray{z-index:60;border:1px solid var(--line);background:var(--card);border-radius:16px;flex-direction:column;gap:6px;padding:6px;display:flex;position:fixed;box-shadow:0 10px 30px #3c322838}.react-pick{cursor:pointer;background:0 0;border:0;border-radius:12px;width:50px;height:50px;font-size:2.2rem;line-height:1}.react-pick:hover,.react-pick:focus-visible{background:var(--clay-soft)}.react-pick:active{transform:scale(.9)}.react-row{gap:4px;display:flex}.phrase-grid{border-top:1px solid #0000001a;grid-template-columns:1fr 1fr;gap:4px;padding-top:6px;display:grid}.phrase-pick{background:var(--shade);color:var(--ink);cursor:pointer;border:0;border-radius:10px;padding:8px 6px;font-size:.95rem;font-weight:700}.phrase-pick:hover,.phrase-pick:focus-visible{background:var(--clay-soft)}.phrase-pick:active{transform:scale(.96)}.chip.react-chip .chip-icon{box-sizing:border-box;padding:3px}.chip.react-chip .chip-icon svg{width:100%;height:100%}.banner.call{border-color:var(--clay);padding:10px 26px;font-size:1.8rem;animation-duration:2.2s}.banner[data-spot="1"]{--anchor:-100%}.banner[data-spot="3"]{--anchor:0%}.banner.flower{border-color:#c7a0b4;padding:10px 26px;font-size:1.6rem;animation-duration:2.2s}.banner .tile.mini{margin-left:2px;font-size:1.25rem}.banner .tile.mini:first-of-type{margin-left:12px}@keyframes turn-banner{0%{opacity:0;translate:0 8px}14%{opacity:1;translate:0}75%{opacity:1;translate:0}to{opacity:0;translate:0 -10px}}@media (prefers-reduced-motion:reduce){.banner{animation:1.9s linear forwards turn-banner-fade}@keyframes turn-banner-fade{0%,75%{opacity:1}to{opacity:0}}}.turn-glow{pointer-events:none;position:absolute;inset:0}.tg-light{transform:rotate(var(--turn-angle,0deg));opacity:0;will-change:opacity;transition:opacity .45s;position:absolute;inset:0}.tg-light.on{opacity:1}.tg-light:before{content:"";background:radial-gradient(closest-side,#4f7a6742,#4f7a671f 45%,#4f7a670a 75%,#0000);height:40%;position:absolute;bottom:2%;left:12%;right:12%}.mahjong-burst{z-index:60;border:1px solid var(--line);pointer-events:none;text-align:center;white-space:nowrap;background:#fbf8f2f7;border-radius:18px;padding:16px 34px 18px;animation:2.1s forwards mb-life;position:fixed;transform:translate(-50%,-50%);box-shadow:0 14px 40px #3c322840}.mb-word{color:var(--ink);font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:clamp(2.2rem,5vw,3.4rem);font-weight:700;line-height:1.1}.mahjong-burst.you .mb-word{color:var(--jade)}.mb-sub{color:var(--ink-soft);margin-top:4px;font-size:1.2rem;font-weight:700}@keyframes mb-life{0%{opacity:0;translate:0 8px}15%,80%{opacity:1;translate:0}to{opacity:0}}.notices{z-index:70;pointer-events:none;flex-direction:column;align-items:center;gap:6px;width:max-content;max-width:calc(100vw - 24px);display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%)}.notice{border:1px solid var(--line);background:var(--card);color:var(--ink);text-align:center;border-radius:999px;padding:9px 16px;font-size:1rem;font-weight:700;animation:4.5s forwards notice-life;box-shadow:0 8px 20px #3c32282e}@keyframes notice-life{0%{opacity:0;transform:translateY(-10px)}8%,85%{opacity:1;transform:none}to{opacity:0;transform:translateY(-6px)}}.box.win-tile .face.top{box-shadow:inset 0 0 0 calc(var(--u) * .12) var(--clay)}.player-rack .tile.win-tile{box-shadow:0 0 0 3px var(--clay), 0 4px 0 var(--navy);transform:translateY(-10px)}@media (prefers-reduced-motion:reduce){.mahjong-burst{animation:2.1s linear forwards mb-life-fade}}@keyframes mb-life-fade{0%,80%{opacity:1}to{opacity:0}}.table-dice{align-items:center;gap:calc(var(--u) * .5);transform-style:preserve-3d;pointer-events:none;flex-direction:column;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dice-row{gap:calc(var(--u) * .9);transform-style:preserve-3d;display:flex}.box.die .face.top{box-sizing:border-box;padding:calc(var(--u) * .22);border-radius:calc(var(--u) * .25);background:linear-gradient(145deg,#fff,#ece8de);grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);place-items:center;display:grid}.box.die .face.front,.box.die .face.back,.box.die .face.left,.box.die .face.right{border-radius:calc(var(--u) * .2);background:#ece8de}.box.die{border-radius:calc(var(--u) * .25)}.pip{width:calc(var(--u) * .26);height:calc(var(--u) * .26);background:#1a1a1a;border-radius:50%}.pip.red{background:var(--rose)}.pip.big{width:calc(var(--u) * .5);height:calc(var(--u) * .5)}.table-dice.rolling .box.die{animation:.3s ease-in-out infinite alternate die-tumble}.table-dice.rolling .box.die:nth-child(2){animation-delay:-.15s}@keyframes die-tumble{0%{transform:translateZ(calc(var(--u) * 1.6)) rotateZ(-30deg) rotateX(12deg)}to{transform:translateZ(0)rotate(25deg)}}.table-dice.landing .box.die{animation:.35s ease-out die-land}@keyframes die-land{0%{transform:translateZ(calc(var(--u) * .8)) rotateZ(-12deg)}}.dice-total{font-size:calc(var(--u) * 1.6);color:var(--ink);font-weight:900;line-height:1;transform:translateZ(2px)}.table-dice.landing .dice-total{animation:.4s ease-out total-in}@keyframes total-in{0%{opacity:0;scale:.6}}@media (prefers-reduced-motion:reduce){.table-dice .box.die,.dice-total{animation:none!important}}.ghost-tile{z-index:45;transform-origin:0 0;box-shadow:0 3px 0 var(--navy), 0 10px 18px #00000059;pointer-events:none;background:linear-gradient(160deg,#fff,#f1efe6);border-radius:12%/9%;position:fixed;overflow:hidden}.ghost-tile svg{width:100%;height:100%;display:block}.ghost-tile.back{background:var(--seams,none), linear-gradient(160deg, #57758a, var(--navy));box-shadow:0 3px 0 var(--ivory), 0 10px 18px #00000059}.ghost-bundle{z-index:45;pointer-events:none;transform-origin:0 0;will-change:transform;position:fixed}.ghost-back{background:linear-gradient(160deg, #57758a, var(--navy));border-radius:12%/9%;position:absolute;inset:0;box-shadow:inset 0 -4px #ffffff2e,inset 0 0 0 1px #00000040}@media (pointer:coarse){.ghost-tile{box-shadow:0 3px 0 var(--navy);will-change:transform}.ghost-tile.back{box-shadow:0 3px 0 var(--ivory)}}.result-card{z-index:20;box-sizing:border-box;border:1px solid var(--line);background:var(--card);width:min(700px,94cqw);max-height:calc(100vh - 100px);color:var(--ink);text-align:center;border-radius:22px;padding:24px 28px 26px;animation:.35s ease-out result-in;position:absolute;top:70px;left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 18px 50px #3c32284d}@keyframes result-in{0%{opacity:0;transform:translate(-50%)translateY(10px)}}.result-title{color:var(--ink);font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:2.5rem;font-weight:700;line-height:1.15}.result-sub{margin-top:6px;font-size:1.6rem;font-weight:700}.result-how{opacity:.75;margin-top:4px;font-size:1.15rem}.result-hand{flex-wrap:wrap;justify-content:center;gap:10px;margin:18px 0 20px;display:flex}.rh-group{gap:2px;display:flex}.tile.rh{width:38px;height:51px;box-shadow:0 3px 0 var(--navy), 0 4px 8px #0003;border-radius:5px}.tile.rh.win-tile{box-shadow:0 0 0 3px var(--clay), 0 3px 0 var(--navy), 0 6px 12px #0000004d;transform:translateY(-8px)}.result-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.rh-bonus{margin-left:8px}.result-card.revealing{cursor:pointer}.rv-skip{color:var(--ink-soft);opacity:.7;margin-top:10px;font-size:.85rem}@keyframes rv-in{0%{opacity:0;translate:0 6px}}@keyframes rv-pop{0%{opacity:0;scale:.85}}@keyframes rv-lit{0%,to{translate:0}20%,80%{box-shadow:0 0 0 3px var(--clay), 0 6px 10px #3c322840;translate:0 -6px}}@keyframes rv-step{50%{background:var(--clay-soft)}}.faan-name{color:inherit;font:inherit;text-align:left;text-underline-offset:3px;cursor:help;background:0 0;border:0;justify-self:start;padding:0;-webkit-text-decoration:underline dotted #2f3b4059;text-decoration:underline dotted #2f3b4059}.faan-name.on{color:var(--clay-text);-webkit-text-decoration-color:var(--clay);text-decoration-color:var(--clay)}.faan-name:focus-visible{outline:2px solid var(--clay);outline-offset:2px;border-radius:4px}.faan-why{background:var(--clay-soft);border-radius:8px;grid-column:1/-1;margin:-2px 0 4px;padding:6px 10px;font-size:.92rem;line-height:1.35}.faan-why:empty{display:none}.tile.rh.lit{box-shadow:0 0 0 3px var(--clay), 0 6px 10px #3c322840;transition:translate .15s,box-shadow .15s;translate:0 -6px}.result-card.settled{animation:none}@keyframes rv-here{0%{color:inherit;background:0 0}}.pay-ladder{font-variant-numeric:tabular-nums;text-align:center;background:var(--shade);border-radius:8px;grid-template-columns:repeat(7,1fr);margin:4px 0 6px;display:grid;overflow:hidden}.pl-cell{flex-direction:column;padding:3px 0;display:flex}.pl-faan{opacity:.6;font-size:.8rem;font-weight:800}.pl-pts{opacity:.6;font-size:.85rem;font-weight:700}.pl-cell.passed{background:#b8734f14}.pl-cell.here{background:var(--clay);color:#fff}.pl-cell.here .pl-faan,.pl-cell.here .pl-pts{opacity:1}.pl-say{font-weight:700}.result-cols{text-align:left;flex-wrap:wrap;justify-content:center;gap:18px;margin:4px 0 12px;display:flex}.result-cols h4{text-transform:uppercase;letter-spacing:.08em;color:var(--clay-text);grid-column:1/-1;margin:0 0 4px;font-size:1.05rem}.faan-list,.score-box{background:var(--shade);border-radius:14px;flex:250px;padding:12px 16px}.faan-list{grid-template-columns:1fr auto;align-content:start;gap:4px 14px;font-size:1.1rem;display:grid}.faan-list strong{text-align:right;color:var(--up)}.faan-list .faan-rule{border-top:2px solid #0000001f;grid-column:1/-1;margin-top:4px}.faan-list .total{font-size:1.2rem;font-weight:800}.faan-list strong.total{color:var(--clay-text)}.faan-list .paid{grid-column:1/-1;margin-top:6px;font-size:1rem}.score-table{font-variant-numeric:tabular-nums;grid-template-columns:1fr auto auto;gap:6px 16px;font-size:1.15rem;display:grid}.st-head{text-align:right;text-transform:uppercase;letter-spacing:.06em;opacity:.55;font-size:.8rem}.st-name.you{font-weight:800}.pay-box{background:var(--shade);text-align:left;border-radius:14px;margin:0 0 12px;padding:12px 16px}.pay-box h4{text-transform:uppercase;letter-spacing:.08em;color:var(--clay-text);margin:0 0 4px;font-size:1.05rem}.pay-rule{margin:0 0 8px;font-size:1rem;line-height:1.4}.pay-rows{font-variant-numeric:tabular-nums;grid-template-columns:auto auto 1fr;align-items:baseline;gap:4px 14px;font-size:1rem;display:grid}.pay-name.you{font-weight:800}.pay-delta{text-align:right;opacity:.6;font-weight:700}.pay-delta.up{color:var(--up);opacity:1}.pay-delta.down{color:var(--rose);opacity:1}.pay-why{opacity:.8}.st-delta{text-align:right;opacity:.6;font-weight:700}.st-delta.up{color:var(--up);opacity:1}.st-delta.down{color:var(--rose);opacity:1}.st-total{text-align:right;font-weight:700}.st-total.bust{color:var(--rose)}.result-next{opacity:.8;margin:0 0 14px;font-size:1.1rem}.standings{flex-direction:column;gap:8px;max-width:420px;margin:18px auto;display:flex}.standing{background:var(--shade);text-align:left;border-radius:12px;grid-template-columns:56px 1fr auto;align-items:center;gap:0 10px;padding:10px 18px;font-size:1.3rem;display:grid}.standing.first{background:#f3e6db;font-weight:800;box-shadow:inset 0 0 0 2px #b8734f80}.standing.you .who{font-weight:800}.standing .place{color:var(--clay-text);font-weight:800}.standing .pts{font-variant-numeric:tabular-nums;font-weight:700}.standing .pts.up{color:var(--up);opacity:1}.standing .pts.down{color:var(--rose);opacity:1}.help{box-sizing:border-box;border:1px solid var(--line);background:var(--card);max-height:calc(100vh - 24px);color:var(--ink);border-radius:16px;flex:0 0 clamp(360px,28vw,580px);padding:16px 20px 20px;font-size:1.08rem;line-height:1.5;position:sticky;top:12px;overflow-y:auto;box-shadow:0 8px 24px #3c32281a}.help-head{justify-content:space-between;align-items:center;display:flex}.help h2{margin:0;font-size:1.5rem}.help h3{color:var(--clay-text);margin:0 0 6px;font-size:1.2rem}.help p{margin:6px 0}.help section{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.help section.now{background:var(--clay-soft);border:1px solid #b8734f73;border-radius:12px;padding:10px 14px}.help .tile.mini{font-size:1.15rem}.close-btn{background:var(--shade);width:44px;height:44px;color:var(--ink);border-radius:10px;font-size:1.3rem}.tiles-row{align-items:center;gap:3px;display:inline-flex}.tile.ex{width:34px;height:46px;box-shadow:0 3px 0 var(--navy);border-radius:5px}.example-hand{flex-wrap:wrap;gap:10px;margin:8px 0 4px;display:flex}.set-grid{grid-template-columns:auto auto 1fr;align-items:center;gap:10px;display:grid}.set-what{opacity:.9;font-size:.98rem}.min-note{background:var(--clay-soft);color:var(--clay-text);border-radius:8px;padding:4px 10px;display:inline-block}.pattern-card{background:var(--shade);border-radius:12px;margin:8px 0;padding:10px 12px}.pattern-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.faan-badge{background:var(--clay);color:#fff;border-radius:999px;flex:none;padding:2px 10px;font-size:.92rem;font-weight:800}.pattern-what{opacity:.9;margin:2px 0 6px;font-size:.98rem}.pattern-tiles{flex-wrap:wrap;gap:6px;display:flex}.tile.ex.sm{width:23px;height:31px;box-shadow:0 2px 0 var(--navy);border-radius:4px}.sub-h{margin-top:14px!important}.payout-table{font-variant-numeric:tabular-nums;text-align:center;border-radius:10px;grid-template-columns:repeat(11,1fr);display:grid;overflow:hidden}.payout-table .pf{background:var(--clay-soft);grid-row:1;padding:4px 0;font-weight:800}.payout-table .pp{background:var(--shade);grid-row:2;padding:4px 0;font-size:.8rem}@media (width>=1600px){.help{padding:20px 26px 24px;font-size:1.18rem}.help h2{font-size:1.7rem}.help h3{font-size:1.35rem}.tile.ex{border-radius:6px;width:42px;height:57px}.tile.ex.sm{border-radius:5px;width:31px;height:42px}.help .tile.mini{font-size:1.3rem}.set-what,.pattern-what{font-size:1.08rem}.faan-badge{font-size:1rem}.payout-table .pp{font-size:.92rem}}@media (width<=1150px){.help{z-index:30;border-radius:16px 0 0 16px;width:min(380px,92vw);max-height:none;position:fixed;top:0;bottom:0;right:0}}.coach-layer{z-index:100;position:fixed;inset:0}.coach-layer.dim{background:#1e232673}.coach-spot{border:3px solid var(--card);pointer-events:none;border-radius:16px;position:fixed;box-shadow:0 0 0 9999px #1e232673}.coach-card{box-sizing:border-box;border:1px solid var(--line);background:var(--card);width:min(440px,100vw - 24px);color:var(--ink);border-radius:18px;padding:18px 20px 16px;animation:.25s ease-out coach-in;position:fixed;box-shadow:0 16px 44px #1e23264d}@keyframes coach-in{0%{opacity:0;translate:0 10px}}.coach-title{color:var(--ink);font-size:1.5rem;font-weight:800}.coach-body{margin-top:6px;font-size:1.15rem;line-height:1.45}.coach-body p{margin:6px 0}.coach-body .example-hand{margin:8px 0}.coach-body .tile.ex{box-shadow:0 3px 0 var(--navy)}.coach-foot{align-items:center;gap:12px;margin-top:14px;display:flex}.coach-count{text-align:center;opacity:.6;flex:1;font-size:.95rem}.coach-off{color:var(--ink-soft);background:0 0;padding:6px 0;font-size:.95rem;text-decoration:underline}.coach-next{padding:10px 26px;font-size:1.25rem}@media (prefers-reduced-motion:reduce){.coach-card{animation:none}}.dialog-layer{place-items:center;display:grid}.dialog-card{box-sizing:border-box;border:1px solid var(--line);background:var(--card);width:min(460px,100vw - 32px);color:var(--ink);text-align:center;border-radius:20px;padding:24px 26px 22px;animation:.2s ease-out coach-in;box-shadow:0 16px 44px #1e23264d}.dialog-title{color:var(--ink);font-size:1.8rem;font-weight:800}.dialog-text{opacity:.85;margin:8px 0 18px;font-size:1.15rem}.dialog-actions{flex-direction:column;gap:10px;display:flex}.dialog-actions .act{width:100%}.act.danger{background:var(--rose);box-shadow:0 3px #7d3a2e}.menu-page{flex-direction:column;align-items:center;width:min(560px,100%);margin:4vh auto 2vh;display:flex;position:relative}.menu-sound{z-index:5;gap:10px;display:flex;position:fixed;top:16px;right:16px}.lang-switch{border:2px solid var(--line);background:var(--card);border-radius:999px;align-items:center;padding:3px;display:inline-flex;box-shadow:0 2px 6px #3c322814}.lang-btn{min-width:40px;height:40px;color:var(--ink-soft);letter-spacing:.04em;background:0 0;border-radius:999px;padding:0 10px;font-size:.95rem;font-weight:800}.lang-btn.on{background:var(--jade);color:#fff}.lang-btn:not(.on):hover{color:var(--ink)}.lang-btn:focus-visible{outline:3px solid var(--clay);outline-offset:1px}.menu-side{display:contents}.menu-extras{order:1}.menu-version{text-align:center;letter-spacing:.04em;opacity:.5;order:2;margin:18px 0 0;font-size:.8rem}.credit{text-align:center;opacity:.7;margin:18px 0 0;font-size:.92rem}.menu-card.record-card .mc-icon{background:var(--jade);color:#fff}.rec-stats{grid-template-columns:repeat(4,1fr);gap:10px;display:grid;border-top:0!important;margin-top:0!important;padding-top:0!important}.rec-stat{background:var(--shade);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;display:flex}.rec-stat strong{color:var(--jade-dark);font-size:1.6rem;line-height:1.1}.rec-stat span{color:var(--ink-soft);font-size:.85rem;line-height:1.25}.rec-big{color:var(--clay-text);font-size:1.15rem;font-weight:800;margin:0 0 6px!important}.rec-hand{justify-content:flex-start;margin:6px 0 10px}.rec-items{grid-template-columns:1fr auto;gap:2px 12px;max-width:320px;display:grid}.rec-items strong{color:var(--up);text-align:right}.rec-empty{color:var(--ink-soft);font-style:italic}.rec-note{color:var(--ink-soft);font-size:.88rem}.rec-levels{grid-template-columns:auto 1fr;gap:4px 18px;display:grid}.rec-challenges{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;display:grid}.rec-challenge{border:1px dashed var(--line);background:#fff6;border-radius:12px;align-items:flex-start;gap:10px;padding:9px 11px;display:flex}.rec-challenge.done{background:#f6ece3;border:1px solid #b8734f73}.rec-seal{color:#fff;border:2px dashed #c9bfae;border-radius:8px;flex:none;place-items:center;width:30px;height:30px;font-weight:900;display:grid}.rec-challenge.done .rec-seal{background:var(--clay);border:0;transform:rotate(-6deg)}.rec-ch-text{flex-direction:column;gap:1px;display:flex}.rec-ch-text span{color:var(--ink-soft);font-size:.85rem;line-height:1.3}.rec-challenge:not(.done) .rec-ch-text strong{color:var(--ink-soft)}.rec-games{flex-direction:column;gap:6px;display:flex}.rec-game{background:var(--shade);border-radius:12px;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;padding:8px 12px;display:grid}.rec-game.first{background:#f3e6db}.rec-place{color:var(--clay-text);font-weight:800}.rec-game-what{flex-direction:column;min-width:0;display:flex}.rec-game-what span{color:var(--ink-soft);font-size:.85rem}.rec-game-result{font-variant-numeric:tabular-nums;text-align:right;font-weight:700}.act.rec-clear{color:var(--rose);background:0 0;box-shadow:inset 0 0 0 2px #a5503f66}@media (width<=600px),(orientation:landscape) and (height<=600px){.rec-stats{grid-template-columns:repeat(2,1fr);gap:8px}.rec-stat strong{font-size:1.3rem}.rec-stat span,.rec-ch-text span,.rec-game-what span{font-size:.78rem}.rec-challenges{grid-template-columns:1fr 1fr}.rec-challenge{gap:8px;padding:7px 8px}.rec-seal{width:24px;height:24px}}@media (orientation:landscape) and (height<=600px){.rec-stats{grid-template-columns:repeat(4,1fr)}.rec-challenges{grid-template-columns:repeat(3,1fr)}}.menu-promise{text-align:center;color:var(--jade-dark);text-wrap:balance;order:2;margin:16px 0 0;font-size:.9rem;font-weight:600}.about-promise{background:#e3eee7;border-radius:14px;border:1px solid #a9c2ae!important;padding:14px 18px!important}.about-promise h3{color:var(--jade-dark)!important}.about-promise ul{margin:6px 0 0;padding-left:20px}.about-promise li{margin:4px 0}.about-changes .release+.release{margin-top:12px}.about-changes h4{color:var(--ink);margin:8px 0 4px;font-size:1rem}.about-changes ul{margin:0;padding-left:20px}.about-changes li{margin:3px 0}.menu-hero{text-align:center;flex-direction:column;align-items:center;display:flex}.tile-fan{justify-content:center;height:110px;margin-bottom:8px;display:flex}.tile-fan .fan-tile{width:62px;height:84px;box-shadow:0 5px 0 var(--navy), 0 10px 16px #3c322833;transform-origin:50% 160%;border-radius:9px;margin:0 -6px;animation:.6s ease-out both fan-in}.tile-fan .fan-tile:first-child{--r:-24deg;animation-delay:50ms}.tile-fan .fan-tile:nth-child(2){--r:-12deg;animation-delay:.1s}.tile-fan .fan-tile:nth-child(3){--r:0deg;z-index:1;animation-delay:.15s;translate:0 -8px}.tile-fan .fan-tile:nth-child(4){--r:12deg;animation-delay:.2s}.tile-fan .fan-tile:nth-child(5){--r:24deg;animation-delay:.25s}.tile-fan .fan-tile{rotate:var(--r)}@keyframes fan-in{0%{opacity:0;rotate:0deg}}.menu-title{letter-spacing:.01em;color:var(--ink);flex-direction:column;align-items:center;margin:4px 0 0;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-weight:700;line-height:1;display:flex}.mt-line{gap:.25em;font-size:2.6rem;display:flex}.mt-line.mt-big{color:var(--jade);font-size:4rem}.mt-word{animation:.6s ease-out both word-in;display:inline-block}.mt-line .mt-word:first-child{animation-delay:.1s}.mt-line .mt-word:nth-child(2){animation-delay:.2s}.mt-big .mt-word{animation-delay:.3s}@keyframes word-in{0%{opacity:0;transform:translateY(6px)}}.menu-cn{letter-spacing:.3em;color:var(--clay-text);margin-top:8px;padding-left:.3em;font-family:LXGW WenKai TC,KaiTi,serif;font-size:1.8rem;font-weight:900}.menu-tagline{letter-spacing:.02em;text-wrap:balance;color:var(--ink-soft);margin:10px 0 26px;font-size:1.08rem;font-style:italic;font-weight:500;animation:.5s ease-out .45s both word-in}@media (prefers-reduced-motion:reduce){.mt-word,.menu-tagline{animation:none}}.menu-cards{flex-direction:column;gap:12px;width:100%;display:flex}.menu-card{border:2px solid var(--line);background:var(--card);width:100%;color:var(--ink);text-align:left;border-radius:18px;align-items:center;gap:16px;padding:14px 20px 14px 14px;transition:border-color .15s,transform .1s,background .15s;display:flex;position:relative;box-shadow:0 2px 8px #3c322814}.menu-card:not(:disabled):hover{border-color:var(--clay);transform:translateY(-1px)}.menu-card:not(:disabled):active{transform:translateY(1px)}.menu-card:focus-visible{outline:3px solid var(--clay);outline-offset:3px}.mc-icon{background:var(--shade);border-radius:50%;flex:none;place-items:center;width:56px;height:56px;display:grid}.mc-icon svg{width:28px;height:28px}.mc-text{flex-direction:column;gap:2px;display:flex}.mc-title{font-size:1.45rem;font-weight:800}.mc-sub{opacity:.82;font-size:1.02rem}.mc-tag{background:var(--clay);color:#fff;border-radius:999px;padding:3px 12px;font-size:.85rem;font-weight:800;position:absolute;top:-11px;right:16px}.menu-card.primary{background:var(--jade);border-color:var(--jade);color:#fff}.menu-card.primary:not(:disabled):hover{border-color:var(--jade-dark)}.menu-card.primary .mc-icon{background:#fff3}.menu-card.primary .mc-sub{opacity:.92}.menu-card.learn .mc-icon{background:var(--clay);color:#fff}.menu-section{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 10px;margin:6px 4px -4px;display:flex}.ms-title{white-space:nowrap}.menu-section:first-child{margin-top:0}.ms-title{letter-spacing:.08em;text-transform:uppercase;color:var(--clay-text);font-size:.95rem;font-weight:900}.ms-sub{opacity:.75;font-size:.85rem}.menu-extras{flex-wrap:wrap;gap:10px;width:100%;margin-top:16px;display:flex}.menu-extra{white-space:nowrap;border:2px solid var(--line);min-width:0;color:var(--ink);background:#ffffff80;border-radius:14px;flex:auto;justify-content:center;align-items:center;gap:8px;padding:10px 12px;font-size:1rem;font-weight:700;display:flex}.menu-extra svg{flex:none;width:20px;height:20px}.menu-extra:hover{border-color:var(--clay)}.menu-extra:focus-visible{outline:3px solid var(--clay);outline-offset:3px}.menu-extra.install{border-style:dashed}.menu-extra.install.how{white-space:normal;border-style:solid;border-color:var(--clay);color:var(--clay-text);flex-basis:100%;font-size:.9rem}.menu-card.soon{opacity:.55;cursor:not-allowed}.menu-card.soon .mc-tag{background:var(--ink-soft)}.rules-page{width:min(860px,100%);margin:3vh auto 4vh}.help.rules-body{width:auto;max-height:none;padding:24px 30px 28px;font-size:1.18rem;position:static;overflow:visible}.rules-body section:first-child{border-top:0;margin-top:0;padding-top:0}.rules-body .tile.ex{border-radius:6px;width:42px;height:57px}.rules-body .tile.ex.sm{border-radius:5px;width:31px;height:42px}.rules-foot{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:22px;display:flex}.setup{border:1px solid var(--line);background:var(--card);counter-reset:setup-step;border-radius:22px;max-width:660px;margin:5vh auto 4vh;padding:28px 32px 30px;box-shadow:0 10px 30px #3c32281a}.setup-title{color:var(--ink);margin:0;font-size:2.4rem}.page-title-row{align-items:center;gap:14px;display:flex}.rules-page>.page-title-row{margin-bottom:14px}.page-back{border:2px solid var(--line);background:var(--card);width:46px;height:46px;color:var(--ink);cursor:pointer;border-radius:50%;flex:none;place-items:center;padding:0 0 4px;font-size:2rem;font-weight:700;line-height:1;display:grid}.page-back:hover{border-color:var(--clay);background:#fff}.page-back:focus-visible{outline:3px solid var(--clay);outline-offset:2px}.setup-intro{opacity:.85;margin:4px 0 8px;font-size:1.12rem}.setup-q{color:var(--ink);align-items:center;gap:10px;margin:24px 0 4px;font-size:1.35rem;display:flex}.setup-q.plain:before{content:none}.setup-q:before{counter-increment:setup-step;content:counter(setup-step);background:var(--clay);color:#fff;border-radius:50%;place-items:center;width:32px;height:32px;font-size:1.05rem;font-weight:900;display:grid}.setup-help{opacity:.85;margin:4px 0 10px;font-size:1.02rem;line-height:1.45}.choice-row{flex-wrap:wrap;gap:12px;display:flex}.choice{border:2px solid var(--line);color:var(--ink);text-align:left;background:#fff;border-radius:14px;flex-direction:column;flex:160px;gap:2px;padding:14px 16px;display:flex}.choice:hover{border-color:#b8734f99}.choice.picked{border-color:var(--clay);background:#f6ece3}.choice-label{font-size:1.35rem;font-weight:800}.choice-sub{opacity:.85;font-size:.98rem}.choice.picked .choice-label:before{content:"✓ ";color:var(--clay-text)}.setup-actions{flex-wrap:wrap;gap:14px;margin-top:22px;display:flex}.faan-stepper{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.stepper-btn{border:2px solid var(--line);width:52px;height:52px;color:var(--ink);background:#fff;border-radius:14px;font-size:1.7rem;font-weight:700;line-height:1}.stepper-btn:hover:not(:disabled){border-color:var(--clay)}.stepper-btn:disabled{opacity:.35;cursor:default}.stepper-value{border:2px solid var(--clay);text-align:center;background:#f6ece3;border-radius:14px;min-width:110px;padding:8px 14px;font-size:1.15rem}.stepper-value strong{font-size:1.6rem}.stepper-sub{color:var(--ink-soft);flex-basis:100%;font-size:.98rem}.text-input{box-sizing:border-box;border:2px solid var(--line);width:100%;color:var(--ink);font:inherit;background:#fff;border-radius:12px;padding:12px 14px;font-size:1.2rem}.text-input:focus{border-color:var(--clay);outline:none}.text-input::placeholder{color:#2f3b4066}.join-row{gap:10px;display:flex}.code-input{text-transform:uppercase;letter-spacing:.3em;text-align:center;flex:1;font-weight:800}.online-home .act.primary.big{width:100%}.cant-connect{background:var(--shade);border-left:4px solid var(--clay);border-radius:12px;margin:8px 0 0;padding:10px 12px}.form-message{color:var(--rose);margin:12px 0 0;font-weight:600}.form-message:empty{display:none}.room-code{background:#fff;border:2px dashed #b8734f80;border-radius:14px;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:12px 0 4px;padding:14px 16px;display:flex}.room-code-label{text-transform:uppercase;letter-spacing:.08em;opacity:.7;flex-basis:100%;font-size:.85rem}.room-code-value{letter-spacing:.18em;color:var(--clay-text);flex:1;font-size:2.4rem;font-weight:800}.seat-list{flex-direction:column;gap:8px;display:flex}.seat-row{background:var(--shade);border-radius:12px;align-items:center;gap:12px;padding:10px 14px;display:flex}.seat-row.you{background:var(--clay-soft);box-shadow:inset 0 0 0 2px #b8734f80}.seat-row.bot{opacity:.6}.seat-wind{background:var(--navy);color:#fff;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-family:LXGW WenKai TC,KaiTi,serif;font-weight:900;display:grid}.seat-name{flex:1;font-size:1.15rem;font-weight:700}.seat-tag{background:#2f3b401a;border-radius:999px;padding:2px 10px;font-size:.85rem;font-weight:700}.seat-row:not(.bot) .seat-tag{background:var(--clay);color:#fff}.lobby-wait{text-align:center;margin-top:18px;font-size:1.1rem}.voice-link{border:2px solid var(--line);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:#ffffff80;border-radius:14px;align-items:center;gap:12px;margin-top:18px;padding:12px 14px;display:flex}.voice-link svg{background:var(--clay);color:#fff;border-radius:50%;flex:none;width:30px;height:30px;padding:7px}.vl-text{flex-direction:column;flex:1;display:flex}.vl-text strong{font-size:1.1rem}.vl-text span{opacity:.8;font-size:.92rem}.vl-go{opacity:.6;font-size:1.8rem}.voice-link:active{transform:scale(.98)}.menu-card.voice-card .mc-icon{background:var(--clay);color:#fff}.voice-list{flex-direction:column;gap:8px;display:flex}.voice-row{background:var(--shade);border-radius:12px;align-items:center;gap:8px;padding:10px 12px;display:flex;position:relative;overflow:hidden}.voice-row.has{background:var(--clay-soft)}.voice-row.recording{box-shadow:inset 0 0 0 2px var(--rose)}.voice-meter{pointer-events:none;transform-origin:0;background:#a5503f26;width:100%;position:absolute;inset:0 auto 0 0;transform:scaleX(0)}.voice-row.recording .voice-meter{transform:scaleX(var(--level,0));transition:transform 80ms linear}.voice-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex;position:relative}.voice-name{font-size:1.25rem;font-weight:800}.voice-status{opacity:.75;font-size:.88rem}.voice-row .act{flex:none;padding:8px 12px;font-size:1.05rem;position:relative}.voice-row .act:disabled{opacity:.35}.voice-rec{min-width:7.4em}.voice-rec.on{background:var(--rose);box-shadow:0 3px #7d3a2e}.status-hint.hurry{color:var(--rose);font-weight:800}.setup-actions .act.big{flex:1}.act.big{padding:14px 40px;font-size:1.6rem}@media (width<=600px){body{touch-action:manipulation;place-items:start center}#app{padding:8px 8px 12px}.wl-name{font-size:calc(var(--u) * 1.35)}.wl-wind{font-size:calc(var(--u) * 1)}.main-col{gap:6px}.topbar{border-radius:22px;grid-template-columns:auto minmax(0,1fr);gap:10px 8px;padding:8px}.tb-left,.tb-right{gap:8px}.tb-right{justify-content:flex-end;min-width:0}.chip.round{flex:0 auto;min-width:0}.chip.round .chip-stack{min-width:0;overflow:hidden}.chip.round .chip-stack>span{text-overflow:ellipsis;overflow:hidden}.topbar .chip{gap:6px;height:40px;padding:0 12px 0 4px;font-size:.9rem}.topbar .chip-icon{width:30px;height:30px}.topbar .chip-icon svg{width:18px;height:18px}.topbar .chip:not(.round){justify-content:center;width:40px;padding:0}.topbar .chip:not(.round) .chip-label{display:none}.chip.round .chip-icon,.chip.info strong{font-size:1rem}.status-pill{gap:8px;width:100%;min-width:0;min-height:46px;padding:3px 14px 3px 4px}.status-badge{width:36px;height:36px;font-size:1.1rem}.status-title{font-size:1.05rem}.status-hint{font-size:.85rem}.main-col{gap:12px;min-height:calc(100dvh - 20px)}.scene{--T:min(92cqw, calc(100dvh - 470px), 980px);top:calc(var(--T) * -.06);flex:auto;justify-content:center;align-items:center;margin:0;display:flex;position:relative}.table{transform:rotateX(14deg)}.player-rack{--w:min(54px, calc((100cqw - 40px) / 7.4));box-sizing:border-box;width:100%;max-width:calc(var(--w) * 7.25 + 44px);border-radius:12px;flex-wrap:wrap;align-content:flex-end;gap:10px 4px;min-width:0;padding:12px 10px 14px}.player-rack .tile{border-radius:6px}.player-rack .tile.drawn{margin-left:calc(var(--w) * .2)}.action-bar{gap:6px;min-height:0}.hand-meter{box-sizing:border-box;border-radius:12px;gap:5px 6px;width:100%;padding:6px}.hm-chips{flex:100%;gap:5px}.hm-total{gap:6px;padding:2px 10px}.hm-faan{font-size:1.15rem}.hm-label,.hm-need{font-size:.8rem}.hm-chip,.hm-way{padding:3px 9px;font-size:.85rem}.claim-card{width:calc(100vw - 16px);max-width:none;top:auto;bottom:calc(var(--above-rack,190px) + 8px);border-width:3px;padding:12px 10px 14px}.claim-head{gap:10px;margin-bottom:10px;font-size:1.15rem}.tile.claim-tile{border-radius:6px;width:44px;height:59px}.claim-options{gap:8px}.claim-btn{flex:130px;min-width:0;padding:10px 8px 8px}.claim-label{font-size:1.35rem}.claim-label .tile.mini{font-size:1.1rem}.claim-hint{font-size:.85rem}.claim-effects{font-size:.8rem}.result-card{border-width:3px;width:calc(100vw - 16px);max-height:calc(100vh - 16px);padding:16px 12px 18px;top:8px}.result-title{font-size:1.8rem}.result-sub{font-size:1.2rem}.result-how{font-size:.95rem}.result-hand{gap:5px;margin:12px 0 14px}.tile.rh{--rw:min(23px, calc((100vw - 64px) / 15.5));width:var(--rw);height:calc(var(--rw) * 1.35);border-radius:3px}.result-cols{gap:10px}.faan-list,.score-box{flex-basis:100%;padding:10px 12px}.faan-list,.score-table{font-size:.98rem}.pay-box{padding:10px 12px}.pay-rule{font-size:.92rem}.pay-rows{grid-template-columns:auto auto;gap:0 12px;font-size:.95rem}.pay-why{grid-column:1/-1;margin-bottom:6px;font-size:.82rem}.result-next{font-size:.95rem}.act{padding:10px 18px;font-size:1.1rem}.standing{grid-template-columns:40px 1fr auto;padding:8px 12px;font-size:1.05rem}.menu-page{justify-content:center;min-height:calc(100dvh - 28px);margin:0 auto}.menu-sound{justify-content:center;margin:14px 0 12px;position:static}.menu-tagline{margin-bottom:0}.menu-version{margin:10px 0 0}.tile-fan{height:90px}.tile-fan .fan-tile{width:50px;height:68px}.mt-line{font-size:2.6rem}.mt-line.mt-big{font-size:3.9rem}.act.big{padding:12px 20px;font-size:1.3rem}}@media (orientation:landscape) and (height<=600px){body{touch-action:manipulation;place-items:start center}#app{padding:6px 8px 0}.wl-name{font-size:calc(var(--u) * 1.3)}.wl-wind{font-size:calc(var(--u) * .95)}.main-col{grid-template:"scene top""scene meter"minmax(0,1fr)"rack meter"/minmax(0,1fr) 230px;gap:6px 10px;height:calc(100dvh - 16px);display:grid}.scene{--T:min(calc((100dvh - 128px) / .86), calc((100cqw - 250px) / 1.3), 980px);top:calc(var(--T) * -.1);grid-area:scene;place-self:center;margin:0;position:relative}.topbar{border-radius:16px;grid-area:top;grid-template-columns:repeat(4,minmax(0,1fr));justify-items:center;gap:8px 6px;width:100%;padding:8px;display:grid}.tb-left,.tb-right{display:contents}.topbar .status{order:-1;grid-column:1/-1;width:100%}.status-pill{gap:8px;width:100%;min-width:0;min-height:40px;padding:3px 10px 3px 3px}.status-badge{width:32px;height:32px;font-size:1rem}.status-title{font-size:.95rem}.status-hint{font-size:.75rem}.topbar .chip{gap:6px;height:36px;padding:0 10px 0 3px;font-size:.82rem}.topbar .chip-icon{width:28px;height:28px}.topbar .chip-icon svg{width:17px;height:17px}.topbar .chip:not(.round){justify-content:center;width:36px;padding:0}.topbar .chip:not(.round) .chip-label{display:none}.chip.round{order:1;grid-column:1/-1;justify-self:stretch;min-width:0}.chip.round .chip-icon{font-size:.95rem}.chip.round .chip-stack{min-width:0;overflow:hidden}.chip.round .chip-stack>span{text-overflow:ellipsis;overflow:hidden}.chip.info strong{font-size:.95rem}.action-bar{flex-flow:column;grid-area:meter;justify-content:flex-start;align-self:stretch;align-items:stretch;gap:6px;min-height:0;overflow-y:auto}.hand-meter{box-sizing:border-box;width:100%;box-shadow:inset 0 0 0 1px var(--line);background:#ffffff73;border:0;border-radius:16px;flex-direction:column;align-items:stretch;gap:6px;padding:8px}.hand-meter>*{align-self:center}.hm-chips{justify-content:center}.hm-total{gap:5px;padding:2px 8px}.hm-faan{font-size:1.05rem}.hm-label,.hm-need{font-size:.72rem}.hm-chip,.hm-way{padding:2px 8px;font-size:.78rem}.hm-card{width:min(420px,70vw);max-height:calc(100dvh - 16px);position:fixed;inset:8px 8px auto auto}.action-bar .act{padding:6px 14px;font-size:1rem}.player-rack{--w:min(54px, calc((100cqw - 310px) / 14.8), calc(100dvh * .12));grid-area:rack;justify-self:center;gap:2px;min-width:0;padding:6px 10px 8px}.player-rack .tile{border-radius:5px}.player-rack .tile.drawn{margin-left:calc(var(--w) * .3)}.claim-card{border-width:3px;width:min(560px,100% - 260px);padding:10px 12px 12px;top:6px;bottom:auto;left:calc(50% - 120px)}.claim-head{gap:10px;margin-bottom:8px;font-size:1.05rem}.tile.claim-tile{border-radius:5px;width:38px;height:51px}.claim-options{gap:8px}.claim-btn{flex:120px;min-width:0;padding:8px 8px 6px}.claim-label{font-size:1.2rem}.claim-label .tile.mini{font-size:1rem}.claim-hint{font-size:.78rem}.claim-effects{font-size:.75rem}.result-card{border-width:3px;width:min(680px,100vw - 16px);max-height:calc(100dvh - 8px);padding:12px 16px 14px;top:4px}.result-title{font-size:1.6rem}.result-sub{font-size:1.1rem}.result-how{font-size:.9rem}.result-hand{gap:5px;margin:8px 0 10px}.tile.rh{border-radius:3px;width:26px;height:35px}.faan-list,.score-table,.pay-rows{font-size:.92rem}.pay-rule,.result-next{font-size:.88rem}.act{padding:8px 18px;font-size:1.05rem}.standings{margin:10px auto}.standing{padding:6px 12px;font-size:1rem}.help{width:min(380px,55vw);font-size:.95rem}.coach-card{border-width:3px;width:min(340px,46vw);padding:12px 14px 10px}.coach-title{font-size:1.15rem}.coach-body{margin-top:4px;font-size:.9rem;line-height:1.35}.coach-body .tile.ex{width:24px;height:32px}.coach-foot{margin-top:8px}.coach-next{padding:6px 16px;font-size:1rem}.menu-page{grid-template-columns:1fr 1fr;grid-template-areas:"hero sound""hero cards";align-content:center;align-items:center;gap:0 28px;width:min(860px,100%);min-height:calc(100dvh - 16px);margin:0 auto;display:grid}.menu-hero{grid-area:hero}.menu-cards{grid-area:cards}.menu-side{flex-direction:column;grid-area:hero;align-items:center;display:flex}.menu-extras{margin-top:14px}.menu-extra{padding:7px 10px;font-size:.9rem}.mc-icon{width:42px;height:42px}.mc-icon svg{width:22px;height:22px}.menu-section{margin-top:2px}.ms-title{font-size:.82rem}.ms-sub{font-size:.75rem}.menu-sound{grid-area:sound;justify-content:center;margin-bottom:10px;position:static}.menu-sound .chip{width:40px;height:40px}.menu-version{pointer-events:none;margin:0;position:fixed;bottom:8px;left:0;right:50%}.menu-promise{grid-column:2;margin-top:10px;font-size:.8rem}.tile-fan{height:70px;margin-bottom:4px}.tile-fan .fan-tile{width:42px;height:57px}.mt-line{font-size:2.1rem}.mt-line.mt-big{font-size:3.2rem}.menu-cn{font-size:1.3rem}.menu-tagline{margin:8px 0 0;font-size:.9rem}.menu-cards{gap:8px}.menu-card{padding-top:8px;padding-bottom:8px}.mc-title{font-size:1.15rem}.mc-sub{font-size:.85rem}.setup-q{margin-top:14px}}@media (orientation:landscape) and (height<=470px){.scene{--T:min(calc((100dvh - 128px) / .74), calc((100cqw - 250px) / 1.3), 980px);top:calc(var(--T) * -.12)}.table{transform:rotateX(48deg)}}@media (width<=600px),(orientation:landscape) and (height<=600px){.setup .setup-actions{z-index:2;background:linear-gradient(#fbf8f200,#fbf8f2f7 30%);border-radius:0 0 16px 16px;margin:18px -18px -18px;padding:12px 18px 18px;position:sticky;bottom:0}.hm-card{border-width:2px;border-radius:12px;width:min(320px,100vw - 24px);max-height:70dvh;padding:10px 12px}.hm-card-title{font-size:1rem}.hm-card h4{margin:8px 0 4px;font-size:.7rem}.hm-empty{font-size:.78rem}.hm-row{border-left-width:3px;gap:1px 8px;margin-bottom:4px;padding:5px 8px}.hm-row-name,.hm-row-faan{font-size:.85rem}.hm-row-name .tile.mini{font-size:.8rem}.hm-row-why{font-size:.75rem}.hm-row-tiles .tile.mini{font-size:.9rem}.hm-tiles-label{font-size:.72rem}.hm-card-foot{margin-top:6px;font-size:.7rem}.hm-plans{border-width:1px;margin-top:8px;padding:6px 8px}.hm-plans-intro{font-size:.78rem}.hm-plan{margin-top:6px;padding:6px}.hm-plan-num,.hm-plan-total{font-size:.85rem}.hm-plan-effort{font-size:.72rem}.coach-card{border-width:3px;width:min(320px,100vw - 24px);padding:12px 14px 10px}.coach-title{font-size:1.1rem}.coach-body{margin-top:4px;font-size:.86rem;line-height:1.35}.coach-body .tile.ex{width:24px;height:32px}.coach-foot{margin-top:8px}.coach-count,.coach-off{font-size:.8rem}.coach-next{padding:6px 16px;font-size:1rem}.dialog-card{border-width:3px;width:min(340px,100vw - 32px);padding:16px 18px 14px}.dialog-title{font-size:1.35rem}.dialog-text{margin:6px 0 12px;font-size:.9rem}.dialog-actions{gap:8px}.dialog-actions .act{padding:8px 14px;font-size:1rem}.banner{border-width:2px;padding:6px 18px;font-size:1.15rem}.banner.call,.banner.flower{padding:6px 16px;font-size:1.05rem}.banner .tile.mini{font-size:.9rem}.banner .tile.mini:first-of-type{margin-left:8px}.help{padding:12px 14px 16px;font-size:.85rem;line-height:1.45}.help h2{font-size:1.15rem}.help h3,.help .tile.mini{font-size:.95rem}.tile.ex{border-radius:4px;width:26px;height:35px}.tile.ex.sm{border-radius:3px;width:18px;height:24px}.faan-badge{font-size:.75rem}.close-btn{width:34px;height:34px;font-size:1rem}.rules-page{margin:12px auto}.help.rules-body{padding:14px 16px 18px;font-size:.9rem}.rules-body .tile.ex{width:28px;height:38px}.rules-body .tile.ex.sm{width:20px;height:27px}.setup{border-radius:16px;margin:12px auto;padding:16px 18px 18px}.setup-title{font-size:1.6rem}.page-title-row{gap:10px}.page-back{width:40px;height:40px;font-size:1.7rem}.setup-intro{font-size:.9rem}.setup-q{margin:14px 0 4px;font-size:1.05rem}.setup-help{font-size:.82rem}.choice-row{gap:8px}.choice{border-width:2px;border-radius:10px;flex-basis:120px;padding:8px 10px}.choice-label{font-size:1.05rem}.choice-sub{font-size:.78rem}.setup-actions{gap:10px;margin-top:14px}.act.big{padding:10px 20px;font-size:1.15rem}.act{padding:8px 16px;font-size:1rem}.standings{gap:6px;margin:10px auto}.standing{grid-template-columns:40px 1fr auto;padding:6px 12px;font-size:1rem}.menu-cards{gap:14px}.menu-card{padding-top:8px;padding-bottom:8px}.mc-title{font-size:1.15rem}.mc-sub{font-size:.85rem}}.lite3d .table,.lite3d .layer,.lite3d .rack-row,.lite3d .group,.lite3d .pool,.lite3d .wall,.lite3d .box{transform-style:flat}.lite3d .box>.face:not(.top){display:none}.lite3d .face.top{transform:none}.lite3d .table{box-shadow:0 0 0 calc(var(--u) * .25) #7a5a40, 0 0 0 calc(var(--u) * .85) #a08060, 0 0 0 calc(var(--u) * 1.05) #6e5038}.lite3d .table:after{display:none}.lite3d .box.up{box-shadow:0 calc(var(--u) * .14) 0 #d8d4c8, 0 calc(var(--u) * .32) 0 var(--navy);border-radius:calc(var(--u) * .12)}.lite3d .box.up.latest{box-shadow:0 0 0 calc(var(--u) * .1) var(--clay), 0 calc(var(--u) * .32) 0 var(--navy)}.lite3d .box.up.facedown{box-shadow:0 calc(var(--u) * .14) 0 var(--navy), 0 calc(var(--u) * .32) 0 var(--ivory)}.lite3d .box.down2{box-shadow:0 calc(var(--u) * .18) 0 var(--ivory), 0 calc(var(--u) * .32) 0 var(--navy), 0 calc(var(--u) * .48) 0 var(--ivory);border-radius:calc(var(--u) * .1)}.lite3d .box.down1{box-shadow:0 calc(var(--u) * .18) 0 var(--ivory);border-radius:calc(var(--u) * .1)}.lite3d .box.stand{height:calc(var(--u) * 1.3 * var(--ts,1));box-shadow:0 calc(var(--u) * .12) 0 var(--navy-dark)}.lite3d .box.stand .face.top{background:var(--seam), linear-gradient(to bottom, var(--ivory) 0 20%, #4d6a7f 20%, var(--navy-dark));border-radius:calc(var(--u) * .1)}.lite3d .table-dice .box.die{box-shadow:0 calc(var(--u) * .2) 0 #c9c3b4}.player-rack .tile.lifted{box-shadow:0 0 0 2px var(--clay), 0 10px 14px #00000073;transform:translateY(-14%)}.fb-stars{gap:6px;display:flex}.fb-star{border:2px solid var(--line);color:#2f3b4033;cursor:pointer;background:#fff;border-radius:12px;width:52px;height:52px;padding:0;font-size:1.9rem;line-height:1}.fb-star.on{color:var(--clay);border-color:var(--clay)}.fb-star:focus-visible{outline:3px solid var(--clay);outline-offset:2px}.fb-comment{resize:vertical;min-height:120px;font-size:1.05rem}.feedback-page .act.big{margin-top:14px}.fb-privacy{opacity:.65;margin:18px 0 0;font-size:.85rem}@media (width<=600px),(orientation:landscape) and (height<=600px){.fb-star{width:44px;height:44px;font-size:1.6rem}}.quick-rate{background:var(--shade);border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 14px;max-width:420px;margin:0 auto 16px;padding:10px 16px;display:flex}.qr-q{font-size:1.15rem;font-weight:700}.qr-stars{display:flex}.qr-star{color:#2f3b4033;cursor:pointer;background:0 0;border:0;padding:0 3px;font-size:2.1rem;line-height:1}.qr-star:focus-visible{outline:3px solid var(--clay);outline-offset:2px;border-radius:6px}@media (hover:hover){.qr-stars:hover .qr-star{color:var(--clay)}.qr-stars .qr-star:hover~.qr-star{color:#2f3b4033}}.qr-thanks{color:var(--clay-text);font-size:1.15rem;font-weight:700}.qr-more{color:var(--clay-text);font:inherit;cursor:pointer;background:0 0;border:0;padding:4px 2px;font-size:1.05rem;font-weight:700;text-decoration:underline}@media (width<=600px),(orientation:landscape) and (height<=600px){.quick-rate{margin-bottom:12px;padding:8px 12px}.qr-q,.qr-thanks{font-size:1rem}.qr-star{padding:4px 6px;font-size:2.3rem}}@media (orientation:landscape) and (height<=600px){.quick-rate{max-width:560px}}
