@font-face{font-family:card-font;src:url(/cards/trickster/card-font-v2.woff)format("woff"),url(/cards/trickster/card-font-v2.ttf)format("truetype");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:card-pips;src:url(/cards/trickster/card-pips-v2.woff)format("woff"),url(/cards/trickster/card-pips-v2.ttf)format("truetype");font-weight:400;font-style:normal;font-display:block}.standard-card.Hearts,.standard-card.Diamonds{color:#d00000}.standard-card.Spades,.standard-card.Clubs{color:#111827}.standard-card .card-face{pointer-events:none;background:#fff;width:100%;height:100%;display:block;position:absolute;inset:0;overflow:hidden}.standard-card .rank1,.standard-card .rank2,.standard-card .suit1,.standard-card .suit2{text-align:center;width:14px;font-weight:700;line-height:1;position:absolute}.standard-card .rank1,.standard-card .rank2{font-family:card-font,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:var(--card-rank-size,15px)}.standard-card .suit1,.standard-card .suit2{font-family:card-pips,sans-serif;font-size:var(--card-suit-size,12px)}.standard-card .rank1{top:3px;left:3px}.standard-card .suit1{top:var(--card-suit-offset,18px);left:3px}.standard-card .rank2{bottom:3px;right:3px;transform:rotate(180deg)}.standard-card .suit2{right:3px;bottom:var(--card-suit-offset,18px);transform:rotate(180deg)}.standard-card.Ten .rank1,.standard-card.Ten .rank2{letter-spacing:-1.5px;width:16px}.standard-card.Ten .rank1{left:2px}.standard-card.Ten .rank2{right:2px}.standard-card .face-frame{box-sizing:border-box;background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #0003;border-radius:3px;width:46%;height:74%;position:absolute;top:13%;left:27%}.standard-card .spots{width:46%;height:74%;font-family:card-pips,sans-serif;position:absolute;top:13%;left:27%}.standard-card .spot{font-size:var(--card-spot-size,12px);line-height:1;position:absolute;transform:translate(-50%,-50%)}.standard-card.Ace .spots{background-position:50%;background-repeat:no-repeat;background-size:contain;display:block;inset:15% 25%}.standard-card.Ace.Spades .spots{background-image:url(/cards/trickster/decorative/spades/ace.png)}.standard-card.Ace.Hearts .spots{background-image:url(/cards/trickster/decorative/hearts/ace.png)}.standard-card.Ace.Diamonds .spots{background-image:url(/cards/trickster/decorative/diamonds/ace.png)}.standard-card.Ace.Clubs .spots{background-image:url(/cards/trickster/decorative/clubs/ace.png)}.standard-card.Jack.Clubs .face-frame{background-image:url(/cards/trickster/standard/JC.png)}.standard-card.Queen.Clubs .face-frame{background-image:url(/cards/trickster/standard/QC.png)}.standard-card.King.Clubs .face-frame{background-image:url(/cards/trickster/standard/KC.png)}.standard-card.Jack.Diamonds .face-frame{background-image:url(/cards/trickster/standard/JD.png)}.standard-card.Queen.Diamonds .face-frame{background-image:url(/cards/trickster/standard/QD.png)}.standard-card.King.Diamonds .face-frame{background-image:url(/cards/trickster/standard/KD.png)}.standard-card.Jack.Spades .face-frame{background-image:url(/cards/trickster/standard/JS.png)}.standard-card.Queen.Spades .face-frame{background-image:url(/cards/trickster/standard/QS.png)}.standard-card.King.Spades .face-frame{background-image:url(/cards/trickster/standard/KS.png)}.standard-card.Jack.Hearts .face-frame{background-image:url(/cards/trickster/standard/JH.png)}.standard-card.Queen.Hearts .face-frame{background-image:url(/cards/trickster/standard/QH.png)}.standard-card.King.Hearts .face-frame{background-image:url(/cards/trickster/standard/KH.png)}.standard-card.Two .spot:first-child,.standard-card.Three .spot:first-child{top:14%;left:50%}.standard-card.Two .spot:nth-child(2),.standard-card.Three .spot:nth-child(2){top:86%;left:50%;transform:translate(-50%,-50%)rotate(180deg)}.standard-card.Three .spot:nth-child(3){top:50%;left:50%}.standard-card.Four .spot:first-child,.standard-card.Five .spot:first-child,.standard-card.Six .spot:first-child,.standard-card.Seven .spot:first-child,.standard-card.Eight .spot:first-child{top:14%;left:20%}.standard-card.Four .spot:nth-child(2),.standard-card.Five .spot:nth-child(2),.standard-card.Six .spot:nth-child(2),.standard-card.Seven .spot:nth-child(2),.standard-card.Eight .spot:nth-child(2){top:14%;left:80%}.standard-card.Four .spot:nth-child(3),.standard-card.Five .spot:nth-child(3),.standard-card.Six .spot:nth-child(3),.standard-card.Seven .spot:nth-child(3),.standard-card.Eight .spot:nth-child(3){top:86%;left:20%;transform:translate(-50%,-50%)rotate(180deg)}.standard-card.Four .spot:nth-child(4),.standard-card.Five .spot:nth-child(4),.standard-card.Six .spot:nth-child(4),.standard-card.Seven .spot:nth-child(4),.standard-card.Eight .spot:nth-child(4){top:86%;left:80%;transform:translate(-50%,-50%)rotate(180deg)}.standard-card.Five .spot:nth-child(5){top:50%;left:50%}.standard-card.Six .spot:nth-child(5),.standard-card.Seven .spot:nth-child(5),.standard-card.Eight .spot:nth-child(5){top:50%;left:20%}.standard-card.Six .spot:nth-child(6),.standard-card.Seven .spot:nth-child(6),.standard-card.Eight .spot:nth-child(6){top:50%;left:80%}.standard-card.Seven .spot:nth-child(7),.standard-card.Eight .spot:nth-child(7){top:32%;left:50%}.standard-card.Eight .spot:nth-child(8){top:68%;left:50%;transform:translate(-50%,-50%)rotate(180deg)}.standard-card.Nine .spot:first-child,.standard-card.Ten .spot:first-child{top:14%;left:20%}.standard-card.Nine .spot:nth-child(2),.standard-card.Ten .spot:nth-child(2){top:14%;left:80%}.standard-card.Nine .spot:nth-child(3),.standard-card.Ten .spot:nth-child(3){top:38%;left:20%}.standard-card.Nine .spot:nth-child(4),.standard-card.Ten .spot:nth-child(4){top:38%;left:80%}.standard-card.Nine .spot:nth-child(5),.standard-card.Ten .spot:nth-child(5){top:62%;left:20%;transform:translate(-50%,-50%)rotate(180deg)}.standard-card.Nine .spot:nth-child(6),.standard-card.Ten .spot:nth-child(6){top:62%;left:80%;transform:translate(-50%,-50%)rotate(180deg)}.standard-card.Nine .spot:nth-child(7),.standard-card.Ten .spot:nth-child(7){top:86%;left:20%;transform:translate(-50%,-50%)rotate(180deg)}.standard-card.Nine .spot:nth-child(8),.standard-card.Ten .spot:nth-child(8){top:86%;left:80%;transform:translate(-50%,-50%)rotate(180deg)}.standard-card.Nine .spot:nth-child(9){top:50%;left:50%}.standard-card.Ten .spot:nth-child(9){top:26%;left:50%}.standard-card.Ten .spot:nth-child(10){top:74%;left:50%;transform:translate(-50%,-50%)rotate(180deg)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}.oh-intro,.oh-content{max-width:1100px;margin:auto;padding:30px 24px}.oh-intro h1{letter-spacing:0;margin:0 0 6px;font-size:clamp(1.7rem,3vw,2.5rem)}.oh-intro p{color:#50636c;max-width:85ch;margin:0;line-height:1.6}html[data-theme=dark] .oh-intro p{color:#b8c5ca}.oh-shell{color:#fff;background:#03150b;border:2px solid #d977064d;border-radius:18px;width:min(1200px,100% - 32px);max-width:1200px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 24px 60px -8px #0f172a29,0 0 0 1px #d977062e,inset 0 0 40px #0008}html[data-theme=dark] .oh-shell{border-color:#f59e0b59;box-shadow:0 24px 60px #000a,0 0 0 1px #f59e0b40,inset 0 0 40px #0006}.oh-shell{--oh-felt:radial-gradient(ellipse at 50% 50%, #0d6e36 0%, #084c24 55%, #042e15 100%)}.oh-shell[data-felt=blue]{--oh-felt:radial-gradient(ellipse at 50% 50%, #1d5fa8 0%, #124075 55%, #0a254a 100%)}.oh-shell[data-felt=red]{--oh-felt:radial-gradient(ellipse at 50% 50%, #991f1f 0%, #6e1313 55%, #420808 100%)}.oh-shell[data-felt=charcoal]{--oh-felt:radial-gradient(ellipse at 50% 50%, #3e4c5a 0%, #29343e 55%, #182128 100%)}.oh-table.felt-table{border-radius:inherit;background:var(--oh-felt);width:100%;height:min(760px,80vh);min-height:620px;position:relative;overflow:hidden}.oh-table.felt-table:before{color:#0000000f}.oh-toolbar{z-index:40;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:9px 18px;display:flex;position:absolute;inset:0 0 auto}.oh-toolbar-title,.oh-toolbar-actions{align-items:center;gap:12px;display:flex}.oh-logo{color:#e9ba68;font-size:1.35rem}.oh-round-label{color:#c6d6d0;font-size:.82rem}.oh-toolbar button,.oh-toolbar select,.oh-settings summary{color:#fff;cursor:pointer;background:#10251fc9;border:1px solid #ffffff45;border-radius:5px;min-height:36px;padding:6px 10px}.oh-toolbar button:hover,.oh-toolbar button:focus-visible,.oh-settings summary:hover{background:#2c6251}.oh-menu-toggle{width:38px;min-width:38px;font-size:1.25rem;padding:0!important}.oh-settings{position:relative}.oh-settings summary{place-items:center;width:36px;list-style:none;display:grid}.oh-settings summary::-webkit-details-marker{display:none}.oh-settings-menu{z-index:50;background:#152f2c;border:1px solid #496d5c;gap:11px;min-width:220px;padding:15px;display:grid;position:absolute;top:calc(100% + 7px);right:0;box-shadow:0 12px 30px #0006}.oh-settings-menu label{color:#dceadf;gap:4px;font-size:.78rem;display:grid}.oh-settings-menu p{color:#dceadf;border-top:1px solid #496d5c;margin:2px 0 0;padding-top:9px;font-size:.82rem}.oh-menu-overlay{z-index:1000;backdrop-filter:blur(2px);background:#0007;position:absolute;inset:0}.oh-menu-overlay[hidden]{display:none}.oh-menu{z-index:1001;color:#144a27;background:#eff3f0;width:clamp(230px,20vw,260px);max-width:84vw;transition:transform .26s cubic-bezier(.16,1,.3,1);position:absolute;inset:0 auto 0 0;transform:translate(-100%);box-shadow:6px 0 28px #0006}.oh-menu.is-open{transform:translate(0)}.oh-menu-header{padding:14px 18px 10px}.oh-menu-header button{color:#144a27;cursor:pointer;background:#dfe7e1;border:1px solid #c8d6cb;border-radius:50%;place-items:center;width:40px;height:40px;font-size:1.2rem;display:grid}.oh-menu nav{gap:2px;padding:4px 10px 24px;display:grid}.oh-menu nav button,.oh-menu nav a{color:#144a27;min-height:42px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:16px;padding:9px 14px;font-weight:650;text-decoration:none;display:flex}.oh-menu nav button:hover,.oh-menu nav a:hover{background:#144a2714}.oh-menu nav span{text-align:center;width:22px;font-size:1.2rem}.oh-seat{z-index:4;position:absolute}.oh-north{top:62px;left:50%;transform:translate(-50%)}.oh-south{width:min(78%,620px);bottom:24px;left:50%;transform:translate(-50%)}.oh-west,.oh-east{top:50%;transform:translateY(-50%)}.oh-west{left:26px}.oh-east{right:26px}.oh-backs{width:170px;height:68px;position:relative}.oh-backs img{object-fit:fill;width:40px;height:58px;transform:translateX(calc(-50% + var(--spread))) rotate(var(--angle));border:1px solid #e8eef2;border-radius:4px;position:absolute;top:0;left:50%;box-shadow:0 2px 5px #0007}.oh-west .oh-backs,.oh-east .oh-backs{width:68px;height:180px}.oh-west .oh-backs img,.oh-east .oh-backs img{transform:translate(-50%, calc(-50% + var(--spread))) rotate(calc(90deg + var(--angle)));top:50%}.oh-player{z-index:20;white-space:nowrap;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute}.oh-player-west{top:27%;left:14%;transform:translateY(-50%)}.oh-player-north{top:15%;right:22%}.oh-player-east{bottom:27%;right:14%;transform:translateY(50%)}.oh-player-south{bottom:17%;left:22%}.oh-avatar{background:#0f172ad9;border:2px solid #fff5;border-radius:14px;width:54px;height:54px;padding:2px;position:relative;box-shadow:0 6px 18px #0009}.oh-avatar img{object-fit:cover;border-radius:10px;width:100%;height:100%}.oh-avatar i{color:#17231d;background:#e9aa38;border:2px solid #fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:.65rem;font-style:normal;font-weight:900;display:grid;position:absolute;top:-7px;right:-8px}.oh-avatar i[hidden]{display:none}.oh-player-meta{background:#0a1916dc;border:1px solid #ffffff38;border-radius:20px;align-items:center;gap:6px;padding:3px 10px;font-size:.79rem;display:flex;box-shadow:0 4px 12px #0007}.oh-player-meta span{color:#8ed3ed;font-weight:800}.oh-player>small{color:#d7e5df;background:#071b17d9;border-radius:8px;padding:2px 7px;font-size:.65rem}.oh-player.is-active .oh-avatar{border-color:#facc15;box-shadow:0 0 0 2px #facc15,0 0 23px #facc1580}.oh-player.is-active .oh-player-meta{color:#facc15}.oh-card{--card-rank-size:15px;--card-suit-size:12px;--card-spot-size:12px;--card-suit-offset:18px;background:#fff;border:1px solid #0006;border-radius:6px;flex:none;width:72px;height:102px;padding:0;transition:transform .18s,filter .18s,box-shadow .18s;display:inline-block;position:relative;overflow:hidden;box-shadow:0 4px 10px #0006}.oh-card img{object-fit:fill;pointer-events:none;width:100%;height:100%;display:block}button.oh-card{cursor:pointer}button.oh-card.is-playable{filter:brightness(1.04);transform:translateY(-15px);box-shadow:0 9px 20px #0008}button.oh-card.is-playable:hover,button.oh-card.is-playable:focus-visible{outline-offset:1px;outline:3px solid #ffdf76;transform:translateY(-23px)}button.oh-card.is-disabled{cursor:not-allowed;opacity:1}button.oh-card.is-disabled:after{content:"";pointer-events:none;background:#26323870;position:absolute;inset:0}.oh-hand{justify-content:center;align-items:flex-end;min-height:126px;padding-top:24px;display:flex;overflow:visible}.oh-hand .oh-card+.oh-card{margin-left:-16px}.oh-dealt-back{border:0}.oh-dealt-back img{object-fit:fill}.oh-deck{z-index:18;width:42px;height:60px;position:absolute;top:48%;left:18%;transform:translate(-50%,-50%)}.oh-deck[hidden]{display:none}.oh-deck img{object-fit:contain;width:100%;height:100%}.oh-flying-card{z-index:70;pointer-events:none;border-radius:4px;width:40px;height:58px;animation:.19s ease-out forwards ohDeal;position:absolute}@keyframes ohDeal{to{transform:translate(var(--deal-x), var(--deal-y)) scale(.86)}}.oh-center{z-index:10;text-align:center;flex-direction:column;align-items:center;gap:6px;width:min(390px,100% - 360px);min-width:285px;display:flex;position:absolute;top:49%;left:50%;transform:translate(-50%,-50%)}.oh-center>p{color:#f4e4a6;min-height:20px;margin:0;font-size:.88rem;font-weight:750}.oh-message{color:#f4e4a6;min-height:18px;font-size:.75rem}.oh-trump-card{position:absolute;top:46%;left:-78px;transform:translateY(-50%)scale(.82)}.oh-trump-card[hidden]{display:none}.oh-trick{width:300px;height:260px;position:relative}.oh-trick-card{z-index:3;will-change:transform, opacity;position:absolute}.oh-trick-card small{color:#fff;text-shadow:0 1px 2px #000;min-height:14px;padding:1px 3px;font-size:.64rem;font-weight:700;display:block}.trick-north{top:0;left:50%;translate:-50%}.trick-south{bottom:0;left:50%;translate:-50%}.trick-west{top:50%;left:0;translate:0 -50%}.trick-east{top:50%;right:0;translate:0 -50%}.oh-actions{width:min(350px,100%)}.oh-bid-grid{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.oh-bid-grid button{color:#21392d;width:39px;height:36px;font:inherit;cursor:pointer;background:#fff6e2;border:1px solid #f0d69d;border-radius:5px;font-weight:800}.oh-bid-grid button:hover,.oh-bid-grid button:focus-visible{background:#f7d684}.oh-bid-grid button.is-forbidden{color:#9aaca5;cursor:not-allowed;background:#1f332dc7;border-color:#fff5;position:relative}.oh-bid-grid button.is-forbidden:after{content:"×";color:#f8d37f;place-items:center;font-size:1.4rem;display:grid;position:absolute;inset:0}.oh-actions>small{color:#f3dfaa;margin-top:7px;font-size:.68rem;line-height:1.35;display:block}.oh-score-panel{z-index:30;background:#0a181de0;border:1px solid #ffffff35;border-radius:6px;grid-template-columns:repeat(3,1fr);width:220px;padding:9px 11px;display:grid;position:absolute;bottom:16px;right:16px;box-shadow:0 8px 24px #0005}.oh-score-panel>div{flex-direction:column;align-items:center;gap:1px;display:flex}.oh-score-panel span,.oh-score-panel small{color:#bfd0c8;font-size:.66rem}.oh-score-panel b{color:#ffdc91;font-size:1.12rem}.oh-won-pile{z-index:15;opacity:0;pointer-events:none;width:42px;height:59px;transition:opacity .25s,transform .25s;position:absolute;transform:scale(.88)}.oh-won-pile.has-tricks,.oh-won-pile.is-receiving{opacity:1;transform:scale(1)}.oh-won-pile.is-receiving:not(.has-tricks) .oh-won-count{opacity:0}.oh-won-pile.bounce-winner{animation:.5s ohBounceWonPile}@keyframes ohBounceWonPile{0%{transform:scale(1)}40%{transform:scale(1.24)}70%{transform:scale(.94)}to{transform:scale(1)}}.oh-won-pile img{object-fit:cover;border:1px solid #ffffff40;border-radius:4px;width:100%;height:100%;position:absolute;box-shadow:0 3px 8px #0008}.oh-won-pile img:first-child{transform:translate(-3px,-2px)rotate(-6deg)}.oh-won-pile img:nth-child(2){transform:translate(2px,1px)rotate(4deg)}.oh-won-pile img:nth-child(3){transform:translate(4px,3px)}.oh-won-count{z-index:2;color:#ffdf76;background:#10261f;border:1px solid #ffffff8c;border-radius:50%;place-items:center;min-width:20px;height:20px;font-size:.7rem;font-weight:900;display:grid;position:absolute;bottom:-9px;right:-9px}.oh-won-north{top:25px;left:calc(50% + min(170px,22vw))}.oh-won-south{bottom:25px;left:calc(50% - min(300px,38vw))}.oh-won-west{top:calc(50% + 58px);left:22px;rotate:90deg}.oh-won-east{top:calc(50% - 160px);right:22px;rotate:90deg}.oh-result-overlay{z-index:80;backdrop-filter:blur(3px);background:#020c09ad;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.oh-result-overlay[hidden]{display:none}.oh-result-panel{color:#f7fbf8;background:#10251f;border:1px solid #e5c37766;border-radius:8px;width:min(560px,100%);padding:24px;box-shadow:0 22px 58px #0009}.oh-result-panel>p{color:#e9ba68;text-transform:uppercase;margin:0 0 5px;font-size:.73rem;font-weight:800}.oh-result-panel h2{color:#fff;letter-spacing:0;margin:0 0 18px;font-size:1.55rem}.oh-result-head,.oh-result-row{grid-template-columns:minmax(80px,1.4fr) repeat(4,minmax(52px,.7fr));align-items:center;gap:8px;display:grid}.oh-result-head{color:#9fb4ac;padding:0 8px 7px;font-size:.68rem}.oh-result-row{color:#dce8e3;border-top:1px solid #ffffff1f;padding:10px 8px;font-size:.82rem}.oh-result-row.is-you{background:#ffffff0a}.oh-result-row span,.oh-result-row b{text-align:center}.oh-result-row .is-exact{color:#82e5b6;font-weight:900}.oh-result-row .is-missed{color:#ef9b8f;font-weight:900}.oh-result-row b{color:#ffdc91;font-size:1rem}.oh-result-action{color:#173127;width:100%;min-height:44px;font:inherit;cursor:pointer;background:#f3c96e;border:1px solid #f4d58d;border-radius:5px;margin-top:18px;font-weight:850}.oh-result-action:hover,.oh-result-action:focus-visible{outline-offset:2px;background:#ffe19d;outline:3px solid #f4d58d55}.oh-content{gap:14px;padding-top:42px;padding-bottom:65px;line-height:1.7;display:grid}.oh-content section{border-bottom:1px solid #c9d6d2;padding:12px 0 25px}.oh-content h2{letter-spacing:0;margin:0 0 18px;font-size:1.5rem}.oh-content h3{letter-spacing:0;margin:23px 0 6px;font-size:1.08rem}.oh-content p{color:#495b62;max-width:85ch;margin:0}html[data-theme=dark] .oh-content p{color:#bac9cd}.oh-scoring{border-top:1px solid #bfcfc8;max-width:650px;margin-top:16px}.oh-scoring div{border-bottom:1px solid #bfcfc8;justify-content:space-between;gap:20px;padding:9px 0;display:flex}.oh-scoring span{color:#16835d;font-weight:800}.oh-shell:fullscreen,.oh-shell.is-expanded{z-index:1000;border:0;border-radius:0;width:100vw;max-width:none;height:100dvh;margin:0;display:flex;position:fixed;inset:0}.oh-shell:fullscreen .oh-table,.oh-shell.is-expanded .oh-table{border-radius:0;flex:1;height:auto;min-height:0}@media (width<=700px){.oh-shell{border-radius:12px;width:calc(100% - 16px)}.oh-intro,.oh-content{padding-left:16px;padding-right:16px}.oh-intro{padding-top:18px;padding-bottom:18px}.oh-intro h1{font-size:1.65rem}.oh-table.felt-table{height:680px;min-height:0}.oh-toolbar{min-height:42px;padding:6px 8px}.oh-logo,.oh-round-label,.oh-toolbar button span{display:none}.oh-toolbar-title,.oh-toolbar-actions{gap:6px}.oh-toolbar button,.oh-settings summary{min-height:32px;padding:4px 7px}.oh-menu-toggle{width:32px;min-width:32px}.oh-deck{opacity:0}.oh-card{--card-rank-size:12px;--card-suit-size:10px;--card-spot-size:9px;--card-suit-offset:15px;border-radius:5px;width:52px;height:74px}.oh-hand{min-height:96px;padding-top:18px}.oh-hand .oh-card+.oh-card{margin-left:-17px}button.oh-card.is-playable{transform:translateY(-11px)}button.oh-card.is-playable:hover{transform:translateY(-16px)}.oh-north{top:52px}.oh-south{width:100%;bottom:10px}.oh-west{left:4px}.oh-east{right:4px}.oh-backs{width:126px;height:48px}.oh-backs img{width:30px;height:43px}.oh-west .oh-backs,.oh-east .oh-backs{width:42px;height:118px}.oh-player .oh-avatar{border-radius:9px;width:34px;height:34px}.oh-player .oh-avatar img{border-radius:6px}.oh-player-meta{gap:3px;padding:2px 5px;font-size:.63rem}.oh-player>small{padding:1px 4px;font-size:.54rem}.oh-player-north{top:96px;left:50%;right:auto;transform:translate(-50%)}.oh-player-west{top:28%;left:2px}.oh-player-east{top:28%;bottom:auto;right:2px;transform:translateY(-50%)}.oh-player-south{bottom:100px;left:50%;transform:translate(-50%)}.oh-center{gap:4px;width:min(276px,100% - 88px);min-width:0;top:50%}.oh-center>p{min-height:17px;font-size:.72rem}.oh-trick{width:235px;height:190px}.oh-trump-card{top:50%;left:-42px;transform:translateY(-50%)scale(.65)}.oh-bid-grid{gap:4px}.oh-bid-grid button{width:34px;height:32px;font-size:.73rem}.oh-score-panel{width:108px;padding:5px;top:48px;bottom:auto;right:7px}.oh-score-panel span,.oh-score-panel small{font-size:.53rem}.oh-score-panel b{font-size:.82rem}.oh-won-pile{display:none}.oh-result-overlay{padding:10px}.oh-result-panel{padding:17px 12px}.oh-result-panel h2{font-size:1.25rem}.oh-result-head,.oh-result-row{grid-template-columns:minmax(58px,1.15fr) repeat(4,minmax(38px,.7fr));gap:3px}.oh-result-head{font-size:.56rem}.oh-result-row{padding:9px 4px;font-size:.68rem}}@media (width<=370px){.oh-shell{border-radius:8px;width:calc(100% - 8px)}.oh-card{width:48px;height:68px}.oh-hand .oh-card+.oh-card{margin-left:-16px}.oh-center{width:min(238px,100% - 70px)}.oh-trick{width:220px;height:178px}.oh-bid-grid button{width:30px}}