@charset "UTF-8";
:root{color-scheme:dark;--gold:#dfc477;--ivory:#f8efcd;--green:#103622;--muted:#c1c6ae;--tile:40px;font-family:-apple-system,BlinkMacSystemFont,"PingFang TC","Microsoft JhengHei",sans-serif;background:#091b12;color:var(--ivory)}
*{box-sizing:border-box}body{margin:0;min-width:300px}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #fff4af;outline-offset:3px}[hidden]{display:none!important}button{touch-action:manipulation}a{color:inherit;text-decoration:none}.topbar{height:64px;padding:0 max(24px,env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between;background:#07160fe8;border-bottom:1px solid #b8984b36;position:relative;z-index:3}.wordmark{font-family:"Songti TC","Noto Serif TC",serif;font-size:24px;letter-spacing:3px;color:var(--gold);white-space:nowrap}.wordmark span{font-family:inherit;font-size:12px;letter-spacing:2px;color:#d4d8c4;margin-left:12px}.topbar nav{display:flex;align-items:center;gap:10px}.connection{font-size:11px;color:#95a891;margin-right:12px}.connection.offline{color:#e1ad75}.icon-button{background:transparent;color:#d8ddc9;border:1px solid #9da78530;border-radius:6px;padding:8px 11px;min-height:36px}.icon-button:hover{background:#ffffff0a}.icon-button span{font-size:11px}.home{position:relative;min-height:calc(100dvh - 64px);overflow:hidden;background:radial-gradient(ellipse at 20% 40%,#45573155,transparent 65%),#102d20}.home-art{position:absolute;inset:0;background:linear-gradient(90deg,transparent 10%,#132f21ee 68%,#102d20),url('assets/bg-menu-phoenix.jpg') left center/auto 100% no-repeat;opacity:.8}.home-content{width:min(1180px,100%);margin:auto;padding:76px 56px 56px;position:relative;display:grid;grid-template-columns:1fr 350px;column-gap:80px;align-content:center;min-height:calc(100dvh - 64px)}.seal{font-size:12px;letter-spacing:4px;color:#ddc88e;grid-column:1;align-self:end}h1{margin:18px 0;font-family:"Songti TC","STSong","Noto Serif TC",serif;font-weight:600;font-size:clamp(58px,6.8vw,96px);line-height:1.13;letter-spacing:12px;text-shadow:0 4px 30px #0006;color:#fff0b8;grid-column:1}h1 span{display:block;font-size:.52em;letter-spacing:16px;margin:14px 0 0 6px;color:#e0c170}.lead{grid-column:1;line-height:1.9;font-size:15px;color:#dedbc2;letter-spacing:2px;margin:10px 0 25px}.hero-tiles{grid-column:1;display:flex;gap:12px;align-items:center;padding:12px 0;filter:drop-shadow(0 14px 12px #0009)}.hero-tile{--tw:68px;display:block;transform:rotate(-10deg)}.hero-tile:nth-child(2){transform:translateY(-8px) rotate(4deg)}.hero-tile:nth-child(3){transform:rotate(13deg)}.play-panel{grid-column:2;grid-row:1/6;align-self:center;background:linear-gradient(145deg,#173d2ef2,#0c241bf5);border:1px solid #b7a36855;border-radius:16px;box-shadow:0 25px 60px #0005;padding:30px}.play-panel label{display:block;color:#bdc6ae;font-size:12px;letter-spacing:2px;margin-bottom:9px}.play-panel input{width:100%;background:#071b12;color:#f1ead1;border:1px solid #9da78550;border-radius:7px;padding:13px 14px;margin-bottom:22px;outline-offset:2px}.primary{background:linear-gradient(135deg,#ead59a,#c8a653);color:#2c2616;border:1px solid #f1dc9d;border-bottom:3px solid #907739;border-radius:7px;font-weight:650;padding:14px 22px;box-shadow:0 4px 13px #0002;transition:filter .2s,transform .15s}.primary:hover{filter:brightness(1.08)}.primary:active{transform:translateY(2px)}.primary small{font-size:11px;display:block;margin-top:4px;font-weight:400;opacity:.7}.play-panel>.primary{width:100%;font-size:19px;letter-spacing:3px}.divider{display:flex;align-items:center;gap:10px;color:#9ba88e;font-size:10px;margin:22px 0}.divider:before,.divider:after{content:"";height:1px;background:#b8bf9c28;flex:1}.friend-actions{display:flex;gap:10px}.secondary{flex:1;background:#ffffff06;border:1px solid #b6b58b55;border-radius:6px;color:#dfd7ad;padding:12px 8px;font-size:13px}.secondary:hover{background:#c4b36d18}.smallprint{font-size:10px;line-height:1.7;color:#8fa188;text-align:center;margin:24px -10px 0}.join-row{display:flex;gap:8px}.join-row input{min-width:0;margin:0}.join-row .primary{white-space:nowrap;padding:10px 18px}#join-form{margin-top:20px}.lobby{min-height:calc(100dvh - 64px);display:grid;place-items:center;padding:35px 20px;background:radial-gradient(ellipse at 50% 20%,#234b31,#0c2318 80%)}.lobby-panel{text-align:center;width:min(560px,100%);border:1px solid #d8c47a50;border-radius:14px;padding:35px;background:#0c241ccc}.eyebrow{font-size:11px;letter-spacing:4px;color:var(--gold);margin:0 0 14px}h2{font-family:"Songti TC",serif;font-size:30px;color:var(--ivory);margin:10px 0 20px}.lobby p{color:#bbc6ac;font-size:13px}.room-code{display:block;width:100%;font-size:36px;letter-spacing:8px;color:var(--gold);border:1px dashed #b9a66b70;background:#06180e;padding:20px 10px;border-radius:8px;margin:25px 0}.room-code small{font:11px sans-serif;display:block;color:#9cac91;letter-spacing:2px;margin-top:8px}.lobby-players{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px}.lobby-person .avatar{margin:0 auto 9px}.lobby-person{font-size:12px;color:#c2cbb3}.lobby-person small{display:block;color:#81967c;font-size:10px;margin-top:4px}.lobby .primary{display:block;width:100%}.text-button{background:transparent;color:#b4c1a6;padding:8px 10px;font-size:12px}.text-button:hover{color:#f4e8b8}.lobby-panel>.text-button{margin-top:12px}.game{max-width:1400px;margin:auto;padding:0 18px max(10px,env(safe-area-inset-bottom))}.game-toolbar{height:43px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;color:#9eaf92}.game-toolbar>div{display:flex;align-items:center;gap:18px}#round-label{font-weight:500;color:#dfd7b4}.table{position:relative;height:clamp(330px,54dvh,580px);background:linear-gradient(#163d251a,#0a201a33),url('assets/bg-table-lotus.jpg') center/cover;border:6px solid #6d5127;border-radius:18px;box-shadow:0 0 0 2px #b69951,0 10px 30px #0006,inset 0 0 60px #0006;isolation:isolate}.table-border{position:absolute;inset:5px;border:1px solid #beaa5a45;border-radius:9px;pointer-events:none}.seat{position:absolute;z-index:2;display:flex;gap:8px;align-items:center;font-size:12px;text-shadow:0 2px 2px #000a;border-radius:8px;background:#082416c9;padding:7px 10px;border:1px solid #b4ba7b38;max-width:145px}.seat.active{border-color:#e8c259;box-shadow:0 0 18px #f5db6766}.seat-top{top:12px;left:50%;transform:translateX(-50%)}.seat-left{left:14px;top:43%;transform:translateY(-50%)}.seat-right{right:14px;top:43%;transform:translateY(-50%)}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(140deg,#728451,#263e28);border:1px solid #c8b66c;color:#f8eac2;font-family:serif;font-size:17px;flex-shrink:0}.seat-name{max-width:84px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.seat-score{display:block;color:#e8d08a;font-size:11px;margin-top:3px;font-variant-numeric:tabular-nums}.dealer{display:inline-block;color:#332515;background:#dec374;border-radius:2px;font-size:9px;padding:1px 3px;margin-left:4px}.opponent-top{position:absolute;top:70px;left:50%;transform:translateX(-50%);display:flex;gap:1px}.tile{--tw:var(--tile);display:inline-block;width:var(--tw);height:calc(var(--tw)*1.28);flex-shrink:0;background-image:url('assets/mahjongA@2x.png');background-size:1024% 800%;background-position:var(--px) var(--py);background-repeat:no-repeat;border:0;border-radius:3px;vertical-align:middle;filter:drop-shadow(0 2px 1px #0005)}.tile.back{background-image:linear-gradient(135deg,#749b90,#315f55 45%,#24473b);border:1px solid #a6c2a1;border-bottom:4px solid #a5bba3;box-shadow:inset 0 0 0 2px #2b5446}.opponent-top .tile{--tw:18px}.opponent-side{position:absolute;top:57%;display:flex;gap:1px;transform:translateY(-50%);flex-direction:column}.opponent-side.left{left:23px}.opponent-side.right{right:23px}.opponent-side .tile{--tw:18px;height:10px;border-bottom-width:2px}.rivers{position:absolute;inset:112px 165px 25px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:40px 105px}.river{display:flex;flex-wrap:wrap;align-content:start;justify-content:center;gap:2px;position:relative;min-width:0}.river:before{content:attr(data-name);position:absolute;top:-15px;color:#d5dab17a;font-size:9px;white-space:nowrap}.river .tile{--tw:clamp(15px,1.9vw,24px)}.river-top{grid-column:1;grid-row:1}.river-left{grid-column:2;grid-row:1}.river-right{grid-column:1;grid-row:2}.river-bottom{grid-column:2;grid-row:2}.river .tile.latest{outline:2px solid #f5cf66;outline-offset:1px;filter:drop-shadow(0 0 6px #fff0a1)}.table-center{position:absolute;left:50%;top:56%;transform:translate(-50%,-50%);width:86px;height:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #baa96765;border-radius:12px;background:#102f21e8;box-shadow:0 4px 15px #0004}.table-center #wind{font-family:serif;color:#e1c56d;font-size:25px;line-height:1.2}.table-center b{font-size:11px;font-weight:500;color:#d6dfb8;margin-top:4px}.table-center #countdown{font-size:10px;color:#95ad89;margin-top:5px}.melds{display:flex;gap:10px;flex-wrap:wrap}.meld{display:flex;gap:1px}.meld .tile{--tw:19px}.melds-top{position:absolute;top:77px;right:28px;max-width:190px}.melds-left{position:absolute;left:65px;bottom:16px;max-width:140px}.melds-right{position:absolute;right:65px;bottom:16px;max-width:140px}.hand-area{padding:15px 14px 0}.hand-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:12px}.self-seat{display:flex;gap:10px;align-items:center;font-size:13px}.self-seat .seat-score{display:inline;margin-left:8px}.self-seat .avatar{width:28px;height:28px;font-size:15px}.self-seat .seat-name{display:inline;max-width:none}.self-seat.active .avatar{border-color:#ffdc6c;box-shadow:0 0 10px #eac05e66}#status{font-size:12px;color:#dfce8e;text-align:right}.hand{display:flex;justify-content:center;gap:4px;min-height:70px;align-items:flex-end;padding:8px 0 0}.hand .tile{--tw:clamp(28px,4.8vw,62px);transition:transform .13s,filter .13s;position:relative;background-color:transparent}.hand .tile:hover:not(:disabled){transform:translateY(-5px)}.hand .tile.selected{transform:translateY(-12px);filter:drop-shadow(0 0 5px #fff1a9)}.hand .tile.selected:after{position:absolute;content:"";inset:-3px;border:2px solid #efd179;border-radius:4px}.hand .tile:disabled{opacity:1}.hand .tile.drawn{margin-left:12px}.self-melds{justify-content:center;margin-bottom:6px}.controls{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:60px;padding-top:12px}.controls p{font-size:11px;color:#8da184;margin:0}.actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.action{background:#2b4933;border:1px solid #7f95675e;border-bottom:3px solid #0b2519;border-radius:7px;padding:10px 24px;color:#e8dfb5;font-weight:600;min-height:42px;white-space:nowrap}.action.win{background:linear-gradient(#ead28c,#c6a048);color:#38270d;border-color:#f1dd9a}.action.discard{background:#88632b;border-color:#c3a05a;color:#fff0b8}.action.pass{background:#162c20;color:#a9baa0}.action .tile{--tw:18px;margin-left:7px}.effect{position:absolute;z-index:5;inset:0;display:grid;place-items:center;pointer-events:none}.effect img{width:min(27%,180px);animation:effect-in .65s both;filter:drop-shadow(0 8px 16px #0008)}.effect b{font-family:serif;font-size:clamp(36px,7vw,70px);color:#f4d985;text-shadow:0 5px 7px #0008;animation:effect-in .65s both}@keyframes effect-in{0%{opacity:0;transform:scale(2)}25%{opacity:1;transform:scale(1)}80%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.15)}}.toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);background:#e8d79e;color:#262719;border-radius:8px;padding:13px 20px;box-shadow:0 8px 30px #0006;font-size:13px;max-width:90%;z-index:30;text-align:center}dialog{background:linear-gradient(135deg,#1d3d2b,#0d2419);color:#dce3c9;border:1px solid #c1ac68;border-radius:16px;padding:32px;max-width:min(540px,calc(100vw - 30px));max-height:85dvh;box-shadow:0 20px 100px #000a}dialog::backdrop{background:#020e09bd;backdrop-filter:blur(5px)}dialog h2{text-align:center}dialog p{font-size:13px;line-height:1.8}dialog .eyebrow{text-align:center}dialog>.primary{display:block;width:100%;margin-top:20px}dialog>.text-button{display:block;margin:8px auto 0}.close-dialog{background:transparent;color:#e7ddb8}.close-dialog:not(.text-button){position:absolute;right:13px;top:8px;font-size:30px;padding:3px 8px}#rule-content{font-size:13px;line-height:1.9;white-space:pre-line}.rule-note{color:#82997a;border-top:1px solid #9ca6753b;padding-top:14px}.horse-choices{display:flex;gap:12px;justify-content:center;margin:24px 0}.horse-choice{background:transparent;color:#c7cca9;padding:5px}.horse-choice .tile{--tw:50px;display:block;margin-bottom:9px}.horse-choice small{font-size:10px}.score-row{display:grid;grid-template-columns:1fr auto auto;gap:20px;align-items:center;padding:13px 0;border-bottom:1px solid #d6d8ae22;font-size:13px}.score-row strong{color:#e6c979;font-size:17px}.score-row .loss{color:#d09a83}.score-row small{color:#a1b292}#horse-result{text-align:center;color:#e5c677;font-size:14px}#horse-result .tile{--tw:35px;margin:0 10px}#result-note{color:#9cb08e;text-align:center}
.effect .effect-sequence{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(48%,330px);height:auto;animation:none;filter:drop-shadow(0 0 15px #f5c84244)}.effect .effect-glyph{position:relative;z-index:1;animation-duration:1.2s}
@media(min-width:1200px){.table{height:53dvh}.hand-area{padding-left:7%;padding-right:7%}}
@media(max-width:850px){.home-content{padding:45px 30px;gap:25px;grid-template-columns:1fr 310px}.home-art{background-position:center}.home h1{font-size:65px}.play-panel{padding:24px}.rivers{inset:112px 110px 20px;gap:36px 85px}.seat-left{left:9px}.seat-right{right:9px}.seat{padding:6px;gap:5px}.seat .avatar{width:25px;height:25px;font-size:14px}.seat-name{max-width:65px}.table-center{width:70px;height:80px}.melds-top{max-width:120px}.melds .tile{--tw:15px}.opponent-side.left{left:17px}.opponent-side.right{right:17px}}
@media(max-width:600px){.topbar{height:52px;padding:0 12px}.wordmark{font-size:19px;letter-spacing:2px}.wordmark span{display:none}.topbar nav{gap:6px}.connection{display:none}.icon-button{padding:6px 8px;font-size:12px;min-height:32px}.home{min-height:calc(100dvh - 52px)}.home-art{background:linear-gradient(0deg,#102d20 0%,#102d2077 70%),url('assets/bg-menu-phoenix.jpg') center top/auto 440px no-repeat;opacity:.8}.home-content{display:flex;flex-direction:column;align-items:center;min-height:0;padding:36px 24px 28px;gap:0}.seal{font-size:10px;letter-spacing:3px;align-self:center}h1{font-size:56px!important;text-align:center;letter-spacing:10px;margin:17px 0 10px}h1 span{font-size:31px;letter-spacing:13px;margin-top:7px}.lead{font-size:12px;line-height:1.7;text-align:center;margin:8px 0 12px}.hero-tiles{position:absolute;top:84px;right:12px;opacity:.24;z-index:-1}.hero-tile{--tw:45px}.play-panel{width:min(350px,100%);padding:22px;margin-top:16px}.play-panel input{padding:11px 12px;margin-bottom:15px}.play-panel>.primary{padding:11px}.divider{margin:17px 0}.smallprint{margin-top:17px}.game{padding:0 8px max(8px,env(safe-area-inset-bottom))}.game-toolbar{height:36px;font-size:10px}.game-toolbar>div{gap:10px}.game-toolbar .text-button{font-size:10px;padding:5px}.table{height:clamp(330px,52dvh,480px);border-width:4px;border-radius:12px}.seat{font-size:10px;max-width:90px}.seat .avatar{width:22px;height:22px;font-size:13px}.seat-name{max-width:50px}.seat-score{font-size:10px}.seat-top{top:9px}.seat-left{top:50%;left:4px;flex-direction:column;gap:2px;min-width:50px;text-align:center}.seat-right{top:50%;right:4px;flex-direction:column;gap:2px;min-width:50px;text-align:center}.seat .dealer{font-size:8px;padding:0 2px;margin-left:2px}.opponent-top{top:65px}.opponent-top .tile{--tw:14px}.opponent-side{display:none}.rivers{inset:106px 61px 20px;gap:40px 20px}.river{gap:1px}.river .tile{--tw:clamp(12px,3.7vw,20px)}.river:before{font-size:8px;top:-12px}.table-center{width:60px;height:48px;top:57%;border-radius:7px;z-index:2}.table-center #wind{display:none}.table-center b{font-size:10px;margin:0}.table-center #countdown{font-size:9px;margin-top:3px}.melds-top{top:90px;right:10px;max-width:100px}.melds-left{bottom:5px;left:8px;max-width:120px}.melds-right{bottom:5px;right:8px;max-width:120px}.melds .tile{--tw:12px}.hand-area{padding:13px 2px 0}.hand-heading{gap:8px;margin-bottom:8px}.self-seat{font-size:11px;gap:5px}.self-seat .avatar{width:23px;height:23px;font-size:12px}.self-seat .seat-score{font-size:10px;margin-left:4px}#status{font-size:10px;max-width:55%}.hand{gap:1px;min-height:45px;padding-top:10px;justify-content:center}.hand .tile{--tw:calc((100vw - 43px)/14);max-width:37px;max-height:47.36px}.hand .tile.drawn{margin-left:5px}.hand .tile.selected{transform:translateY(-8px)}.self-melds{margin-bottom:3px}.self-melds .tile{--tw:17px}.controls{padding-top:10px;gap:8px;flex-direction:column-reverse;min-height:66px}.controls p{font-size:9px}.actions{justify-content:center;gap:6px;width:100%}.action{padding:8px 15px;min-height:39px;font-size:13px}.action .tile{--tw:14px}.lobby-panel{padding:25px 18px}.lobby-players{gap:7px}.lobby-person{font-size:11px}dialog{padding:26px 20px}.horse-choices{gap:5px}.horse-choice .tile{--tw:42px}.score-row{gap:12px;font-size:12px}.score-row strong{font-size:15px}}
@media(max-height:540px) and (min-width:601px){.topbar{height:42px}.game-toolbar{height:28px}.table{height:calc(100dvh - 210px);min-height:180px}.seat-top{top:5px}.seat{font-size:10px;padding:3px 6px}.seat-score{font-size:10px}.seat .avatar{width:23px;height:23px}.opponent-top{top:46px}.opponent-top .tile{--tw:12px}.rivers{inset:75px 125px 12px;gap:20px 100px}.river .tile{--tw:14px}.table-center{height:65px;top:58%}.table-center #wind{font-size:17px}.table-center b{font-size:9px}.melds-top{top:50px}.hand-area{padding-top:7px}.hand-heading{margin-bottom:2px}.hand{min-height:42px;padding-top:4px}.hand .tile{--tw:32px}.self-seat .avatar{width:22px;height:22px}.controls{padding-top:5px;min-height:43px}.action{padding:7px 18px;min-height:35px}.self-melds{position:absolute;left:25px;bottom:55px}.home-content{padding:20px 40px}.home h1{font-size:55px}.hero-tiles{display:none}.play-panel{padding:20px}.lead{font-size:12px}.opponent-side{display:none}}
.rotate-prompt{display:none}
@media(max-width:900px) and (orientation:portrait){body{overflow:hidden}body>dialog::backdrop{display:none}.topbar,main,body>dialog,body>.toast{visibility:hidden;pointer-events:none}.rotate-prompt{display:flex;position:fixed;inset:0;z-index:100;flex-direction:column;align-items:center;justify-content:center;padding:32px;text-align:center;background:radial-gradient(ellipse at 50% 35%,#315332,#0b2419 70%);color:#d7dfbe}.rotate-prompt:before{content:"";position:absolute;inset:18px;border:1px solid #bba26655;border-radius:16px;pointer-events:none}.rotate-prompt h2{font-size:25px;letter-spacing:2px;margin:10px 0 15px}.rotate-prompt p:not(.eyebrow){font-size:14px;color:#b5c6a1;letter-spacing:2px;margin:0}.rotate-prompt small{font-size:11px;color:#839c78;margin-top:24px}.rotate-device{width:91px;height:51px;border:2px solid #d6bf7b;border-radius:8px;margin:0 0 40px;position:relative;box-shadow:0 0 30px #d3b95c12,inset 0 0 18px #b8a45510}.rotate-device:after{content:"";position:absolute;right:5px;top:20px;width:4px;height:8px;border-radius:2px;background:#bba46a}.rotate-device span{position:absolute;inset:0;display:grid;place-items:center;font-size:29px;color:#d9c387;font-family:serif}.rotate-prompt .eyebrow{margin-bottom:10px}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Keep landscape play clear of the notch, rounded corners and edge gestures. */
@media(orientation:landscape) and (max-height:600px){
  :root{--landscape-gutter:max(36px,5vw,calc(env(safe-area-inset-left,0px) + 12px),calc(env(safe-area-inset-right,0px) + 12px))}
  .game{padding-left:var(--landscape-gutter);padding-right:var(--landscape-gutter)}
  .topbar{padding-left:var(--landscape-gutter);padding-right:var(--landscape-gutter)}
  .table{min-height:160px}
  .hand-area{position:relative}
  .self-melds{left:14px}
}
/* Authoritative tile flights and immediate kong payments. */
.tile-flight{position:fixed!important;margin:0!important;z-index:40;pointer-events:none;transform-origin:center;will-change:transform;filter:drop-shadow(0 6px 5px #0008)}
.flying-coin{position:fixed;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;border:2px solid #ffec91;background:radial-gradient(circle at 35% 25%,#fff1a0,#c28e1f);box-shadow:0 2px 5px #0008;color:#785211;font:700 10px serif;pointer-events:none;z-index:42;will-change:transform}
.score-float{position:fixed;pointer-events:none;z-index:43;border-radius:6px;padding:4px 7px;background:#071b10ed;font-size:16px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap;transform:translateX(-50%);text-shadow:0 1px 3px #000;box-shadow:0 2px 6px #0004}
.score-float.gain{color:#ffe27e;border:1px solid #b99547}.score-float.loss{color:#ffbea0;border:1px solid #996b51}
.payment-notice{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);max-width:95%;padding:6px 13px;background:#102718f5;border:1px solid #d5b965;border-radius:6px;color:#ffe7a4;font-size:13px;white-space:nowrap;pointer-events:none;z-index:22;box-shadow:0 2px 10px #0007}
@media(max-height:500px) and (orientation:landscape){.score-float{font-size:12px;padding:3px 5px}.payment-notice{bottom:5px;font-size:11px;padding:4px 9px}}
@media(max-width:900px) and (orientation:portrait){.tile-flight,.flying-coin,.score-float{display:none!important}}