@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#f4f5e9;background:#0d2521;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% -20%,#275348,#0d2521 65%)}button{font:inherit;cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.5}.wrap{max-width:1120px;margin:auto;padding:25px 20px 70px}header{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding-bottom:24px}.brand{display:flex;align-items:center;gap:12px}.logo{width:49px;height:49px;background:#e6d6ae;border-radius:15px;display:grid;place-items:center;color:#1d4a3e;font-size:28px;box-shadow:0 5px 18px #0003}.brand h1{font-size:22px;letter-spacing:-.8px;margin:0}.brand small{color:#a4bdb0;font-size:12px}nav{display:flex;gap:8px;flex-wrap:wrap}nav button,.secondary{border:1px solid #4c7167;background:#1a3c34;color:#ecf2e6;border-radius:12px;padding:11px 15px;font-weight:700}nav button:hover,.secondary:hover{background:#2c5749}.hero{margin:4px 0 25px;display:flex;justify-content:space-between;align-items:center;gap:12px}.hero h2{font-size:clamp(27px,4vw,42px);margin:5px 0 3px;letter-spacing:-1.3px}.hero p{color:#a4bdb0;margin:0}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:#d7c08e}.status{background:#f5f0df;color:#18372e;border-radius:20px;padding:23px 27px;display:flex;justify-content:space-between;align-items:center;gap:15px}.status .eyebrow{color:#89743e}.status h2{font-size:25px;margin:6px 0}.status p{margin:0;color:#61766c;font-size:14px}.stats{display:flex;gap:12px}.stats>div{min-width:85px;background:#e7e6d5;border-radius:13px;padding:12px;text-align:center}.stats strong{display:block;font-size:26px}.stats small{font-size:11px;color:#64766a}.tabletop{margin-top:17px;background:radial-gradient(ellipse at center,#27664f,#174734 80%);border:1px solid #47836b;box-shadow:inset 0 0 0 7px #123c2e,0 12px 40px #0002;border-radius:24px;padding:25px;min-height:300px}.opponent{display:flex;align-items:center;gap:11px}.avatar{display:grid;place-items:center;background:#e4d5ad;border-radius:12px;width:42px;height:42px;font-size:23px}.opponent b,.opponent small{display:block}.opponent small{color:#c1d3c4;font-size:12px;margin-top:3px}.turnbadge{margin-left:auto;color:#e4cf9c;font-size:12px}.board{display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap;min-height:160px;padding:20px 3px}.empty{text-align:center;color:#e8eadc;display:grid;gap:7px}.empty span{font-size:29px;color:#d7c08e}.empty small{color:#b6cbbd}.boardends{display:flex;justify-content:space-between;color:#b8d2c1;font-size:12px;min-height:17px}.boardends b{color:#f5d89a}.hand{margin-top:17px;background:#173a32;border:1px solid #3b6154;border-radius:22px;padding:24px}.handtop{display:flex;align-items:center;justify-content:space-between}.hand h3{margin:5px 0 0;font-size:22px}.tiles{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:23px 0 10px}.tilebutton{display:flex;flex-direction:column;align-items:center;gap:7px;background:transparent;color:#d6e7d6;padding:3px;border-radius:9px}.tilebutton:hover:not(:disabled){background:#2c594a;transform:translateY(-4px)}.tilebutton>span:last-child{font-size:11px;min-height:14px}.tile{background:#f7f0df;border:2px solid #c9bda5;border-radius:8px;width:46px;height:84px;display:inline-flex;flex-direction:column;align-items:center;justify-content:space-around;flex-shrink:0;box-shadow:0 3px 5px #0003;padding:4px}.tile.valid{outline:2px solid #d8c17c;outline-offset:2px}.split{width:100%;height:2px;background:#547266;flex:none}.dots{width:32px;height:32px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);place-items:center}.dots i{width:7px;height:7px;border-radius:50%}.dots i.on{background:#194d3f}.board .tile{width:37px;height:68px;border-radius:6px;padding:3px}.board .dots{width:26px;height:26px}.board .dots i{width:6px;height:6px}.hint{text-align:center;color:#9ab8aa;font-size:12px;margin:14px 0 0}.finish,.waiting{text-align:center;margin:18px auto;background:#f5f0df;color:#193c32;border-radius:20px;padding:25px}.finish button,.waiting button,.dialog button:not(.secondary){background:#d6bd81;color:#173c32;border-radius:12px;padding:12px 18px;font-weight:800}.waiting strong{display:block;font-size:35px;letter-spacing:7px;margin:15px}.modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000a;z-index:10;align-items:center;justify-content:center;padding:20px}.modal.show{display:flex}.dialog{background:#f6f0e0;color:#1c4036;border-radius:22px;max-width:460px;width:100%;padding:26px;max-height:90vh;overflow:auto}.dialog h2{margin-top:0}.dialog p{line-height:1.6;color:#4b6258}.dialogbuttons{display:flex;gap:10px;margin:20px 0}.dialogbuttons button{flex:1}.dialog>.secondary{color:#193d32;background:#e2e4d6;border-color:#ccd3c1;width:100%}footer{text-align:center;color:#7d9c8d;font-size:12px;padding-top:26px}@media(max-width:600px){.wrap{padding:16px 11px 45px}header{align-items:flex-start}nav{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}nav button{font-size:12px;padding:10px 5px}.hero{margin:5px 0 16px}.hero h2{font-size:29px}.status{padding:17px;align-items:flex-start}.status h2{font-size:20px}.stats{gap:5px}.stats>div{min-width:60px;padding:9px 5px}.stats strong{font-size:21px}.stats small{font-size:10px}.tabletop{padding:20px 13px;min-height:270px}.board{gap:3px}.board .tile{width:29px;height:55px;padding:2px}.board .dots{width:20px;height:20px}.board .dots i{width:4px;height:4px}.hand{padding:17px 10px}.tiles{gap:8px}.tile{width:40px;height:76px}.dots{width:29px;height:29px}.dots i{width:6px;height:6px}}html,body{height:100%;overflow:hidden}.wrap{height:100dvh;max-width:1320px;padding:10px 15px;display:flex;flex-direction:column;gap:8px}header{flex:0 0 auto;padding:0;min-height:46px}.brand .logo{width:38px;height:38px;font-size:24px}.brand h1{font-size:19px}.hero{margin:0;min-height:34px}.hero span{font-size:13px;color:#bbd0c3}.hero .secondary{padding:7px 12px}#game{flex:1;min-height:0;display:flex;flex-direction:column;gap:8px}.status{flex:0 0 auto;border-radius:14px;padding:9px 16px;min-height:69px}.status h2{font-size:19px;margin:2px 0}.status p{font-size:12px;max-width:65vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stats>div{padding:6px 11px;min-width:66px}.stats strong{font-size:20px}.tabletop{flex:1;min-height:0;margin:0;padding:12px 17px;border-radius:18px;display:flex;flex-direction:column}.opponent{flex:0 0 auto}.opponent .avatar,.player-label .avatar{width:35px;height:35px;font-size:21px}.board-wrap{flex:1;min-height:0;display:grid;place-items:center;overflow:hidden}.board{width:100%;height:100%;min-height:0;padding:6px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;flex-wrap:nowrap}.snake-row{display:flex;align-items:center;justify-content:center;gap:2px;max-width:100%}.snake-row.reverse{flex-direction:row-reverse}.board-piece .tile{display:flex;flex-direction:row;width:clamp(40px,5.2vw,68px);height:clamp(26px,3.2vw,39px);padding:2px;gap:2px;border-radius:5px}.board-piece .split{height:100%;width:2px}.board-piece .dots{width:clamp(17px,2vw,27px);height:clamp(17px,2vw,27px)}.board-piece .dots i{width:5px;height:5px}.board-piece.double .tile{flex-direction:column;width:clamp(26px,3.2vw,39px);height:clamp(40px,5.2vw,68px)}.board-piece.double .split{width:100%;height:2px}.boardends{flex:0 0 auto}.hand{flex:0 0 auto;margin:0;padding:10px 15px;border-radius:16px}.handtop{min-height:40px}.player-label{display:flex;align-items:center;gap:9px}.hand h3{font-size:16px;margin:0}.hand .eyebrow{font-size:9px}.hand .secondary{padding:8px 12px}.tiles{margin:8px 0 0;gap:clamp(3px,1vw,11px);flex-wrap:nowrap;overflow-x:auto;justify-content:safe center;min-height:85px}.tilebutton{gap:3px;padding:3px}.tilebutton .tile{width:clamp(30px,4.5vw,43px);height:clamp(55px,8vw,76px)}.tilebutton .dots{width:clamp(21px,3vw,30px);height:clamp(21px,3vw,30px)}.tilebutton .dots i{width:5px;height:5px}.hint{margin:2px 0;font-size:11px}.avatar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.avatar-choice{font-size:34px;padding:13px;background:#e6e2d3;border-radius:13px}.avatar-choice.chosen{outline:3px solid #23845f}.finish-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#071d18d9;z-index:9;display:grid;place-items:center;padding:20px}.finish{width:min(420px,100%);margin:0;box-shadow:0 15px 60px #0007}.winner-avatar{font-size:clamp(90px,18vw,150px);animation:celebrate .7s ease-in-out infinite alternate}.finish button{margin:5px}@keyframes celebrate{to{transform:translateY(-12px) rotate(8deg) scale(1.08)}}@media(max-width:700px){.wrap{padding:7px;gap:5px}header{gap:5px;min-height:36px}.brand .logo{width:30px;height:30px}.brand h1{font-size:15px}.brand small{display:none}nav{width:auto;display:flex;gap:3px}nav button{font-size:10px;padding:6px;border-radius:8px}.hero{min-height:28px}.hero span{font-size:10px}.hero .secondary{font-size:11px;padding:5px 8px}.status{padding:7px 10px;min-height:55px}.status h2{font-size:16px}.status p{font-size:10px}.eyebrow{font-size:9px}.stats{gap:3px}.stats>div{min-width:48px;padding:5px}.stats strong{font-size:16px}.stats small{font-size:9px}.tabletop{padding:9px;min-height:0}.board{gap:3px}.snake-row{gap:1px}.board-piece .tile{width:clamp(33px,10vw,52px);height:clamp(23px,6.5vw,33px)}.board-piece.double .tile{width:clamp(23px,6.5vw,33px);height:clamp(33px,10vw,52px)}.board-piece .dots{width:clamp(14px,4vw,23px);height:clamp(14px,4vw,23px)}.board-piece .dots i{width:4px;height:4px}.hand{padding:7px}.tiles{min-height:68px}.tilebutton .tile{width:32px;height:57px}.tilebutton .dots{width:22px;height:22px}.tilebutton .dots i{width:4px;height:4px}.hint,.opponent small{font-size:10px}}@media(max-width:440px){header{flex-wrap:wrap}nav{width:100%;display:flex;justify-content:space-between}nav button{flex:1}.hero span{max-width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.board-piece .tile{width:35px;height:23px}.board-piece.double .tile{width:23px;height:35px}.board-piece .dots{width:15px;height:15px}.board-piece .dots i{width:3px;height:3px}.tiles{justify-content:flex-start}.tilebutton .tile{width:30px;height:55px}}@media(max-height:600px){.hero{display:none}.status{min-height:48px}.tabletop{padding:6px}.hand{padding:5px}.tiles{min-height:60px}.tilebutton .tile{height:50px;width:28px}.tilebutton .dots{height:19px;width:19px}.hint{display:none}}.board{overflow:hidden;position:relative}.chain-layout{display:flex;align-items:center;justify-content:center;width:100%;height:100%;gap:3px;min-width:0}.chain-arm{flex:1;min-width:0;display:flex;align-items:center;gap:3px}.chain-lane{display:flex;align-items:center;gap:2px;min-width:0;max-width:100%;overflow:hidden;flex-wrap:wrap;align-content:center;justify-content:flex-end}.chain-lane .board-piece{flex-shrink:0}.origin-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex:0 0 auto;z-index:1}.origin-label{font-size:9px;letter-spacing:1.5px;color:#f8db91;font-weight:800}.origin-tile .tile{outline:2px solid #e7cb86;outline-offset:2px}.end-label{background:#e7d09b;color:#1c4939;border-radius:9px;padding:5px 7px;font-weight:900;font-size:13px;flex-shrink:0}.chain-arm .end-label{box-shadow:0 0 0 3px #ffffff19}.board-piece.open-tip .tile{border-color:#f1d48c}.board-piece{transition:transform .18s ease}.board-piece:hover{transform:translateY(-2px)}.chain-lane .board-piece.double{margin:0 2px}.chain-layout .chain-lane{max-height:100%;overflow-y:auto;scrollbar-width:none}.chain-layout .chain-lane::-webkit-scrollbar{display:none}.chain-layout .chain-lane .board-piece{display:inline-flex}.chain-layout .chain-arm{max-height:100%}.boardends{font-weight:600}.tilebutton:not(:disabled):active{transform:scale(.94)}.status h2{letter-spacing:-.5px}@media(max-width:700px){.chain-layout,.chain-arm{gap:2px}.chain-lane{gap:1px}.end-label{font-size:10px;padding:4px}.origin-label{font-size:7px}.chain-layout .board-piece .tile{width:34px;height:23px}.chain-layout .board-piece.double .tile{width:23px;height:34px}}@media(max-width:440px){.chain-layout .board-piece .tile{width:29px;height:21px}.chain-layout .board-piece.double .tile{width:21px;height:29px}.end-label{font-size:9px;padding:3px}}:root{color:#fff9eb;background:#102c39}body{background:radial-gradient(circle at 12% 12%,#2d6681 0,transparent 36%),radial-gradient(circle at 90% 90%,#1d6454 0,transparent 38%),#102c39}.logo{background:linear-gradient(135deg,#ffe9a5,#ffbd70);box-shadow:0 5px #9b6d3a,0 8px 20px #0003}.tabletop{background:radial-gradient(ellipse at 50% 45%,#328b70,#15604f 80%);border:2px solid #89d4a7;box-shadow:inset 0 0 0 6px #104638,0 7px #0a3e33,0 14px 24px #0003}.status{background:linear-gradient(115deg,#fff9e8,#ffe8b8);box-shadow:0 5px #d6b97d}.hand{background:linear-gradient(130deg,#234d70,#214b5d);border:2px solid #5b9ec0}.tilebutton:not(:disabled) .tile{box-shadow:0 0 0 2px #ffe59c,0 4px #9c8149,0 5px 15px #0004}.tilebutton:not(:disabled):hover .tile{box-shadow:0 0 0 3px #ffce6e,0 5px #9c8149,0 7px 20px #ffd36655}.end-label{background:#ffdf82;box-shadow:0 0 0 3px #ffffff40,0 0 18px #ffe38a66!important}.origin-tile .tile{outline-color:#ffe282}.finish{background:linear-gradient(155deg,#fff9e5,#ffdda0);border:4px solid #fff;box-shadow:0 0 0 7px #ffcf61,0 18px 60px #0008}.winner-avatar{filter:drop-shadow(0 10px 8px #0003)}@media(prefers-reduced-motion:reduce){.winner-avatar{animation:none}.board-piece,.tilebutton{transition:none}}.chain-layout{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;justify-content:stretch;gap:5px}.chain-arm{width:100%;min-width:0;overflow:hidden}.left-arm{justify-content:flex-end}.right-arm{justify-content:flex-start}.origin-tile{grid-column:2;align-self:center;justify-self:center;position:relative;z-index:2}.chain-lane{flex:1;min-width:0;overflow:hidden;display:flex;flex-wrap:wrap;align-items:center;align-content:center;gap:2px}.left-arm .chain-lane{justify-content:flex-end}.right-arm .chain-lane{justify-content:flex-start}@media(max-width:700px){.chain-layout{gap:3px}.chain-arm .end-label{font-size:9px;padding:3px}}.board-wrap{display:flex;align-items:stretch;justify-content:stretch;overflow:hidden}.board{display:flex;align-items:stretch;justify-content:flex-start;overflow:hidden;padding:5px 4px}.snake-board{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:12px;overflow:hidden;padding:5px 2px}.snake-board .snake-row{display:flex;justify-content:flex-start;align-items:center;gap:5px;width:100%;min-height:var(--snake-h)}.snake-board .snake-row.reverse{flex-direction:row-reverse}.snake-board .board-piece{position:relative;flex:0 0 var(--snake-w);height:var(--snake-h);display:flex;align-items:center;justify-content:center}.snake-board .board-piece .tile{width:var(--snake-w);height:var(--snake-h);flex-direction:row;gap:2px;border-radius:7px;padding:3px}.snake-board .board-piece .split{width:2px;height:90%}.snake-board .board-piece .dots{width:40%;height:80%}.snake-board .board-piece .dots i{width:clamp(4px,.65vw,8px);height:clamp(4px,.65vw,8px)}.snake-board .board-piece.double .tile{width:var(--snake-h);height:var(--snake-w);flex-direction:column}.snake-board .board-piece.double .split{width:90%;height:2px}.snake-board .board-piece.double .dots{width:80%;height:40%}.snake-board .start-piece .tile{outline:2px solid #ffdc78;outline-offset:2px}.snake-board .start-tag{position:absolute;top:100%;left:50%;transform:translate(-50%);font-size:9px;font-weight:800;letter-spacing:1px;color:#ffe39a}@media(max-width:700px){.snake-board{gap:9px}.snake-board .snake-row{gap:5px}.snake-board .board-piece .dots i{width:4px;height:4px}}.board-wrap,.board{min-height:0;overflow:hidden}.board{width:100%;height:100%;display:block;padding:4px}.domino-map{display:block;width:100%;height:100%;max-height:100%;overflow:visible}@media(max-width:700px){.domino-map{width:100%;height:100%}}.tile-half{display:flex;align-items:center;justify-content:center;flex:1;min-width:0;min-height:0;width:100%;border-radius:4px}.tile .dots{flex-shrink:0}.pip-bg-0{background:#edf1f5}.pip-bg-1{background:#e9f1ff}.pip-bg-2{background:#e9f8ed}.pip-bg-3{background:#fff2d9}.pip-bg-4{background:#f3eaff}.pip-bg-5{background:#ffe9e7}.pip-bg-6{background:#ffe8f2}.dots.pip-0 i.on{background:#94a3b8}.dots.pip-1 i.on{background:#2563eb}.dots.pip-2 i.on{background:#16a34a}.dots.pip-3 i.on{background:#d97706}.dots.pip-4 i.on{background:#9333ea}.dots.pip-5 i.on{background:#dc2626}.dots.pip-6 i.on{background:#db2777}.board-piece .tile{overflow:hidden}.board-piece .tile .tile-half{height:100%;width:auto}.board-piece.double .tile .tile-half{width:100%;height:auto}.level-control{display:inline-flex;align-items:center;gap:4px;background:#17473e;border:1px solid #527c71;border-radius:12px;padding:4px 8px;color:#ffe4a6}.level-control select{color:#fff8e8;background:#17473e;border:0;max-width:155px;font:inherit;font-weight:700;cursor:pointer}.level-control option{color:#fff;background:#17473e}.opponent-tiles{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:3px;max-height:64px;overflow:hidden;padding:3px 4px}.tile-back{display:inline-flex;align-items:center;justify-content:center;width:clamp(12px,2vw,21px);height:clamp(24px,3.6vw,38px);background:linear-gradient(145deg,#358cba,#1b4c81);color:#f9d78d;border:2px solid #f3d595;border-radius:5px;box-shadow:0 2px 3px #0004;font-size:12px;flex-shrink:0}.dots.pip-many{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr)}.dots.pip-many i{width:clamp(2px,.45vw,5px);height:clamp(2px,.45vw,5px)}@media(max-width:700px){.level-control{padding:3px}.level-control select{max-width:105px;font-size:10px}.opponent-tiles{max-height:45px}.tile-back{height:25px;width:13px;font-size:9px;border-width:1px}}.tile-half{overflow:hidden}.dots{width:100%;height:100%;max-width:100%;max-height:100%;padding:2px;box-sizing:border-box;align-self:stretch;justify-self:stretch}.dots i{width:clamp(4px,22%,9px);height:clamp(4px,22%,9px)}.dots.pip-many{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));padding:1px}.dots.pip-many i{width:clamp(2px,60%,6px);height:clamp(2px,60%,6px)}.tilebutton .tile-half .dots,.board-piece .tile-half .dots{width:100%;height:100%}.board-wrap{overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a5d6b4 transparent;align-items:flex-start!important;justify-content:flex-start!important}.board{height:auto!important;min-height:100%!important;overflow:visible!important;display:block!important}.domino-map{width:auto!important;height:auto!important;max-width:100%!important;max-height:none!important;overflow:visible!important}.opponent-tiles{max-height:120px!important;gap:5px!important;overflow-y:auto!important;align-content:flex-start}.tile-back{width:clamp(30px,3.7vw,48px)!important;height:clamp(55px,6.8vw,83px)!important;border-radius:8px!important;border-width:2px!important;font-size:20px!important}@media(max-width:700px){.opponent-tiles{max-height:100px!important;gap:3px!important}.tile-back{width:clamp(25px,6vw,36px)!important;height:clamp(46px,11vw,65px)!important;font-size:16px!important}}.board-wrap{display:block!important;overflow-y:scroll!important;overflow-x:auto!important;scrollbar-gutter:stable!important;contain:layout!important}.board{width:100%!important;height:auto!important;min-height:100%!important;padding:4px!important;overflow:visible!important}.domino-map{display:block!important;max-width:none!important;max-height:none!important;flex:none!important;transform:none!important;transition:none!important}.opponent-tiles{height:100px!important;min-height:100px!important;max-height:100px!important;overflow-y:auto!important;align-content:center!important;flex-shrink:0!important}.tile-back{width:44px!important;height:76px!important;flex-shrink:0!important}@media(max-width:700px){.opponent-tiles{height:76px!important;min-height:76px!important;max-height:76px!important}.tile-back{width:34px!important;height:60px!important}}@media(prefers-reduced-motion:reduce){.board-piece,.domino-map{animation:none!important;transition:none!important}}.hint-tools{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;margin:8px auto 0;min-height:39px}.hint-button{border:1px solid #e7c06b;border-radius:10px;padding:8px 13px;background:#f8db91;color:#183e35;font-weight:800;cursor:pointer}.hint-button:disabled{opacity:.45;cursor:not-allowed}.hint-explanation{font-size:12px;color:#ffe5a4;max-width:480px;line-height:1.4}.tilebutton.hint-picked .tile{outline:4px solid #ffdd57!important;outline-offset:4px;box-shadow:0 0 0 7px #facc1544,0 0 22px #facc15!important}.tilebutton.hint-picked{position:relative;z-index:2}:root{background:#225d78}body{background:radial-gradient(circle at 12% 12%,#368eaf 0,transparent 40%),radial-gradient(circle at 88% 85%,#298d70 0,transparent 45%),#225d78}.tabletop{background:radial-gradient(ellipse at 50% 45%,#309c7c,#16745d 85%);border-color:#a6e2a8}.hand{background:linear-gradient(130deg,#326b96,#295c7d);border-color:#79b8dc}.pip-svg{width:100%;height:100%;display:block;overflow:visible}.avatar{display:inline-flex;align-items:center;justify-content:center;overflow:visible!important}.avatar .mascot{height:48px;width:42px;flex-shrink:0;filter:drop-shadow(0 2px 2px #0004)}.opponent .avatar,.player-label .avatar{width:44px!important;height:50px!important}.avatar-choice{display:flex;justify-content:center;align-items:center;min-height:96px}.avatar-choice .mascot{width:70px;height:88px;filter:drop-shadow(0 3px 3px #0003)}.winner-avatar .mascot{width:min(45vw,160px);height:min(56vw,205px)}