#okey-game-screen{--table-ink:#eef3f8;--table-copper:#e7b18d;--table-line:#a7b6c74a;color:var(--table-ink);background:#101722}#okey-game-screen .okey-topbar{background:#101a29;border-bottom:1px solid var(--table-line);padding:7px 14px;gap:8px;flex-wrap:wrap;color:var(--table-ink)}#okey-game-screen .okey-topbar .btn{color:#e5edf6;background:#243348;border:1px solid #8eabc53b;min-height:32px}#okey-game-screen #okey-status{font-size:13px!important;color:#efc6a6}#okey-game-screen .oc-wallpaper{background:radial-gradient(ellipse at 50% 40%,#364457,#172332 80%);padding:8px;perspective:none;overflow:auto;align-items:center}#okey-game-screen .oc-layout{container-type:inline-size;--meld-width:clamp(17px,2.04cqw,29px);--meld-height:calc(var(--meld-width)*1.38);display:flex;flex-direction:column;max-width:1440px;width:100%;height:auto;min-height:0;aspect-ratio:16/9;transform:none;padding:12px 12px 10px 6.7%;gap:8px;border:0;border-radius:8px;background:transparent;box-shadow:none}#okey-game-screen .oc-layout:before{display:none}#okey-game-screen .oc-main{display:grid;grid-template-columns:minmax(0,1fr) 7% 15% 13%;gap:1.3%;padding:0;flex:1;min-height:0}#okey-game-screen .oc-meld-area,#okey-game-screen .oc-pair-area{position:relative;min-height:0;min-width:0;border:2px solid #a5b3c0;border-radius:4px;background-color:#122334;box-shadow:0 2px 5px #0007,inset 0 0 20px #0003;overflow:hidden}#okey-game-screen .oc-meld-area{background-size:auto;background-image:linear-gradient(90deg,transparent calc(50% - 1px),#bbc6ce70 50%,transparent calc(50% + 1px)),repeating-linear-gradient(90deg,transparent 0,transparent calc(var(--meld-width) - 1px),#b7c7d00d calc(var(--meld-width) - 1px),#b7c7d00d var(--meld-width)),repeating-linear-gradient(0deg,transparent 0,transparent calc(var(--meld-height) - 1px),#b7c7d00d calc(var(--meld-height) - 1px),#b7c7d00d var(--meld-height))}#okey-game-screen .oc-meld-area:before,#okey-game-screen .oc-meld-area:after{content:"B / 101";position:absolute;top:43%;width:50%;text-align:center;color:#bdd3e80c;font:bold clamp(30px,5cqw,75px)/1 sans-serif;pointer-events:none}#okey-game-screen .oc-meld-area:after{left:50%}#okey-game-screen .oc-meld-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(var(--meld-rows,12),minmax(var(--meld-height),1fr));gap:0;padding:2px;height:100%;overflow:auto;align-items:start;scrollbar-width:thin}#okey-game-screen .oc-meld-row{display:flex;flex-wrap:nowrap;align-items:start;align-self:start;justify-self:start;gap:0;padding:0;margin:0;background:none;border-radius:0;max-width:100%;outline-offset:1px;cursor:pointer}#okey-game-screen .oc-meld-row:hover,#okey-game-screen .oc-meld-row:focus-visible{outline:2px solid #efbb8f;background:#efbb8f15}#okey-game-screen .oc-meld-row .oc-tile{width:var(--meld-width)!important;height:var(--meld-height)!important;margin:0!important;border-radius:2px;flex-shrink:1!important;min-width:0}#okey-game-screen .oc-meld-row .oc-tile-num{font-size:clamp(12px,1.65cqw,23px)!important;letter-spacing:-.8px}#okey-game-screen .oc-meld-row .oc-tile-dot{width:3px!important;height:3px!important;margin-top:1px}#okey-game-screen .oc-pair-area{background-image:repeating-linear-gradient(90deg,transparent 0,transparent calc(33.333% - 1px),#b2c4cf44 calc(33.333% - 1px),#b2c4cf44 33.333%),repeating-linear-gradient(0deg,transparent 0,transparent calc(var(--meld-height) - 1px),#b7c7d00d calc(var(--meld-height) - 1px),#b7c7d00d var(--meld-height))}#okey-game-screen .oc-pair-grid{height:100%;display:grid;grid-auto-flow:column;grid-template-rows:repeat(12,minmax(var(--meld-height),1fr));grid-auto-columns:33.333%;align-items:start;overflow:auto;padding:2px;scrollbar-width:thin}#okey-game-screen .oc-pair-row{width:100%}#okey-game-screen .oc-side-panel{width:auto;min-width:0;display:flex;flex-direction:column;justify-content:start;gap:7px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible}#okey-game-screen .oc-mode-badges{display:flex;flex-direction:column;gap:4px}#okey-game-screen .oc-badge{border:1px solid #b8cfdf38;border-radius:5px;padding:5px 1px;background:#24384c;color:#e4edf5;font-size:clamp(10px,1.25cqw,16px);font-weight:800;white-space:nowrap}#okey-game-screen .oc-badge-green{background:#355451;color:#e1f8e8}#okey-game-screen .oc-badge-red{background:#654a42;color:#ffe2cf}#okey-game-screen .oc-deck-zone{display:flex;flex-direction:column;align-items:center;justify-content:start;gap:10px;padding:7px 0 0;flex:1}#okey-game-screen .oc-indicator,#okey-game-screen .oc-deck{width:clamp(34px,5cqw,64px);height:clamp(46px,6.8cqw,88px);border-radius:6px;background:linear-gradient(140deg,#fffef9,#dedbd3);border:1px solid #717c86;box-shadow:0 3px 2px #0008,inset 0 -3px #b3b0a8}#okey-game-screen .oc-indicator>.oc-tile{width:100%!important;height:100%!important;margin:0!important}#okey-game-screen .oc-indicator .oc-tile-num{font-size:clamp(24px,3.6cqw,48px)!important}#okey-game-screen .oc-deck:before,#okey-game-screen .oc-deck:after{display:none}#okey-game-screen .oc-deck-count{color:#324253;font-size:clamp(16px,2cqw,26px);text-shadow:none;border-radius:50%;background:#b3bfca54;padding:4px;min-width:30px;text-align:center;align-self:flex-end;margin-bottom:8px}#okey-game-screen .oc-turn-clock{font:700 clamp(12px,1.5cqw,20px)/1.2 monospace;padding:5px 2px;text-align:center;color:#e9f2f9;border:1px solid #aec1d386;border-radius:12px;background:#102033}#okey-game-screen .oc-turn-clock.urgent{color:#ffac8b;border-color:#ffac8b}#okey-game-screen .oc-action-panel{display:flex;flex-direction:column;justify-content:center;min-width:0;min-height:0;padding:44px 0}#okey-game-screen .oc-actions{display:flex;flex-direction:column;gap:8px;margin:0;overflow:auto;scrollbar-width:thin}#okey-game-screen .oc-actions button{width:100%;min-height:42px;padding:8px 2px;font:800 clamp(11px,1.5cqw,20px)/1.2 "DM Sans",sans-serif;letter-spacing:-.5px;border-radius:10px;border:1px solid #8c9aa6;background:linear-gradient(#fffdf7,#dadcd9)!important;color:#25384b!important;box-shadow:inset 0 2px #fff,0 3px #0006!important}#okey-game-screen .oc-actions button:disabled{opacity:.45;filter:none}#okey-game-screen .oc-actions #oc-btn-discard{background:linear-gradient(#eac4a3,#be906c)!important;color:#29201b!important}#okey-game-screen .oc-actions #oc-btn-finish{background:#345553!important;color:#e7f2ec!important;border-color:#79928a}#okey-game-screen .oc-avatar{display:none}#okey-game-screen .oc-discard-slot{display:flex;position:absolute;width:clamp(32px,5cqw,64px);height:clamp(44px,6.8cqw,88px);border:1px solid #d6e3eb48;border-radius:6px;background:#0b17265e;box-shadow:none;z-index:3}#okey-game-screen .oc-discard-slot>.oc-tile{width:100%!important;height:100%!important;margin:0!important}#okey-game-screen .oc-discard-slot .oc-tile-num{font-size:clamp(24px,3.6cqw,48px)!important}#okey-game-screen .oc-discard-slot-2{top:12px;left:4px}#okey-game-screen .oc-discard-slot-1{top:12px;right:12px}#okey-game-screen .oc-discard-slot-3{top:auto;bottom:28%;left:4px}#okey-game-screen .oc-discard-slot-0{top:auto;bottom:28%;right:12px}#okey-game-screen .oc-discard-slot.pickable{border:2px solid #efba8c;box-shadow:0 0 0 3px #efba8c30}#okey-game-screen .oc-score-strip{min-height:20px;background:transparent;border:0;box-shadow:none;padding:0;gap:8px;flex-shrink:0}#okey-game-screen .oc-point-counter{background:#152334;border:1px solid #9db6cc77;border-radius:10px;box-shadow:none;text-shadow:none;color:#edccaf;font:700 clamp(11px,1.1cqw,14px)/1.2 "DM Sans",sans-serif;padding:3px 10px;animation:none}#okey-game-screen .oc-point-counter.can-open{color:#b7f2dc;border-color:#9fdec5}#okey-game-screen .oc-rack-outer{flex:0 0 24%;height:auto;min-height:0;margin-left:-6.9%;gap:0;position:relative}#okey-game-screen .oc-rack-wrap{width:100%;display:flex;min-width:0;gap:0;border:0;border-radius:6px;box-shadow:0 8px 16px #0006;background:#182a3b}#okey-game-screen .oc-rack-btn{width:5.4%;min-width:32px;color:#f0ede6;background:linear-gradient(120deg,#46505c,#0d1825 80%);border:2px solid #b7c4cc99;border-radius:9px;font:800 clamp(12px,1.6cqw,22px)/1.3 "DM Sans",sans-serif;letter-spacing:-.5px}#okey-game-screen .oc-rack{display:grid;grid-template-rows:1fr 1fr;flex:1;min-width:0;padding:0 4px;gap:0;overflow:visible;border:0;border-radius:0;background:linear-gradient(0deg,#4d302b,#a57558 48%,#3d2927 50%,#96694e 96%,#d2a782);box-shadow:inset 8px 0 #8d9ba977,inset -8px 0 #8d9ba977}#okey-game-screen .oc-rack:before,#okey-game-screen .oc-rack:after{display:none}#okey-game-screen .oc-rack-row{display:flex;gap:2px;padding:3px 0 0;border-bottom:4px solid #d4af87aa}#okey-game-screen .oc-rack-slot{background:none;box-shadow:none;border-radius:0}#okey-game-screen .oc-tile{border-radius:5px;background:linear-gradient(150deg,#fffefb,#e9e6df);border:1px solid #f7f7ed;box-shadow:inset 0 -3px #bcb9af,0 2px 2px #0006;color:#17263a}#okey-game-screen .oc-tile-face{background:transparent}#okey-game-screen .oc-rack .oc-tile-num{font:800 clamp(18px,3cqw,42px)/1 "DM Sans",sans-serif!important;letter-spacing:-1px}#okey-game-screen .oc-tile-face:after{display:none}#okey-game-screen .oc-tile-dot{width:8px;height:8px;background:#8c969722!important;box-shadow:-7px -3px #8c96971a,7px -3px #8c96971a;margin-top:4px}#okey-game-screen .oc-tile.selected{outline:3px solid #ffd2a4;outline-offset:1px;transform:translateY(-4px);z-index:4}#okey-game-screen .oc-tile:focus-visible,#okey-game-screen .oc-deck:focus-visible{outline:3px solid #74d4f1;outline-offset:2px}#okey-game-screen .oc-tile-back{background:#193a50;border-color:#adbbc987}#okey-game-screen .oc-tile-back:after{content:"B";font:700 20px/1 sans-serif;color:#e6b88f}#okey-game-screen .oc-tile{border:1px solid #fffdf1;box-shadow:inset 1px 1px 1px #fff,inset -2px -4px 1px #b7b2a4,1px 3px 1px #0007,2px 5px 6px #0003;background:linear-gradient(115deg,#fffef7,#f5f1e5 68%,#dad5c8);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#okey-game-screen .oc-tile-num{text-shadow:0 1px 0 #fff9,0 -1px 1px #0003;font-variant-numeric:lining-nums}#okey-game-screen .oc-tile-dot{box-shadow:inset 0 1px 2px #0002,0 1px #fff9;background:#c3c0b526!important}#okey-game-screen .oc-rack{background-image:repeating-linear-gradient(1deg,#140b0608 0px,#f9d8a60b 1px,transparent 2px,transparent 5px),linear-gradient(0deg,#402b25,#936343 47%,#34221d 50%,#805437 95%,#d5aa7b)}#okey-game-screen .oc-rack-row{box-shadow:inset 0 -3px 3px #281b17a8,0 1px #f4d5a97a;border-bottom-color:#bf9669}#okey-game-screen .oc-meld-row{min-width:calc(var(--meld-width)*5);min-height:var(--meld-height);border-radius:3px;position:relative}#okey-game-screen .oc-pair-row{min-width:0}#okey-game-screen .oc-meld-row.can-process{outline:2px solid #85d6b9;background:#85d6b91c}#okey-game-screen .oc-meld-row.can-process:after{content:attr(data-process-hint);align-self:center;white-space:nowrap;margin-left:5px;padding:3px 4px;border-radius:4px;background:#254d45;color:#d8fff0;font:700 clamp(9px,.85cqw,12px)/1.2 sans-serif;pointer-events:none}#okey-game-screen .oc-pair-row.can-process:after{content:"+";margin-left:2px;padding:0;background:none}#okey-game-screen .oc-tile.is-okey .oc-tile-back{background:linear-gradient(120deg,#fffef9,#f0ecdf);border-color:#fff9e8;box-shadow:inset 1px 1px 2px #fff,inset -2px -4px 2px #b7b2a4}#okey-game-screen .oc-tile.is-okey .oc-tile-back:after{content:""}#okey-game-screen .oc-tile-face{backface-visibility:hidden}#okey-game-screen .oc-tile-back{transition:transform .2s ease}#okey-game-screen .oc-tile.flipped .oc-tile-back{transform:rotateY(0)}#okey-game-screen .oc-fake-mark{font:700 8px/1 sans-serif;color:#795b83;position:absolute;right:4px;bottom:7px;border:1px solid #795b8366;border-radius:3px;padding:1px}#okey-game-screen .oc-meld-row .oc-fake-mark{font-size:5px;right:2px;bottom:3px;padding:0}#okey-game-screen .oc-tile.dragging{will-change:transform;transition:none!important;box-shadow:0 8px 14px #0005,inset -2px -4px 1px #b7b2a4}@media(max-width:680px)and (orientation:portrait){#okey-game-screen{overflow:auto!important}#okey-game-screen .oc-wallpaper{align-items:start;justify-content:start;overflow:auto}#okey-game-screen .oc-layout{min-width:760px;flex-shrink:0;padding-left:52px}#okey-game-screen .oc-rotate-hint{display:block;position:static;padding:7px;font-size:13px;color:#edd3bc;background:#172435}#okey-game-screen .okey-topbar{font-size:12px}}@media(max-height:560px)and (orientation:landscape){#okey-game-screen .oc-wallpaper{align-items:start;padding:4px}#okey-game-screen .oc-layout{max-width:100%;padding-top:6px;padding-bottom:6px}#okey-game-screen .oc-actions{gap:5px}#okey-game-screen .oc-actions button{min-height:30px;padding:5px 2px}}@media(prefers-reduced-motion:reduce){#okey-game-screen *,#okey-game-screen *:after{animation:none!important;transition:none!important}}@media(min-width:681px){#okey-game-screen .oc-avatar{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;pointer-events:none}#okey-game-screen .oc-avatar-top:before{content:"KAR\15eI";font-size:8px;letter-spacing:.12em;color:#a9c1d4;font-weight:800}#okey-game-screen .oc-avatar-right:before{content:"SA\11e";font-size:8px;letter-spacing:.12em;color:#a9c1d4;font-weight:800}#okey-game-screen .oc-avatar-left:before{content:"SOL";font-size:8px;letter-spacing:.12em;color:#a9c1d4;font-weight:800}#okey-game-screen .oc-avatar-me:before{content:"SEN";font-size:8px;letter-spacing:.12em;color:#efbb8f;font-weight:900}#okey-game-screen .oc-main{padding-top:clamp(40px,5.4cqw,66px)}#okey-game-screen .oc-avatar-photo{width:34px;height:34px;font-size:14px}#okey-game-screen .oc-avatar-name{font-size:10px;max-width:88px}#okey-game-screen .oc-avatar-stats{font-size:8px}}@media(max-width:680px){#okey-game-screen .oc-avatar{display:flex;pointer-events:none}#okey-game-screen .oc-avatar-top:before{content:"KAR\15eI"}#okey-game-screen .oc-avatar-right:before{content:"SA\11e"}#okey-game-screen .oc-avatar-left:before{content:"SOL"}#okey-game-screen .oc-avatar-me:before{content:"SEN"}#okey-game-screen .oc-avatar:before{font-size:6px;letter-spacing:.1em;color:#bdd3e8;font-weight:900}}