:root{--plavia-safe-top:0px;--plavia-safe-right:0px;--plavia-safe-bottom:0px;--plavia-safe-left:0px;--plavia-page-background:#0b0d11;--plavia-game-background:#111318;--plavia-game-border:#353b48;--plavia-ad-border:#2b303b;--plavia-ad-text:#737b89;--plavia-shell-gutter:clamp(10px, 1.15vw, 22px);--plavia-shell-gap:clamp(10px, .9vw, 18px);--plavia-ad-rail-width:clamp(118px, 8.5vw, 180px)}*{box-sizing:border-box}html,body{background:var(--plavia-page-background);min-width:100%;min-height:100%;margin:0;padding:0}html{min-height:100%}body{overscroll-behavior-y:contain;min-height:100dvh;font-family:Arial,sans-serif;overflow:hidden auto}.plavia-page{width:100%;min-height:100dvh;padding-top:max(10px, env(safe-area-inset-top,0px));padding-right:max(10px, env(safe-area-inset-right,0px));padding-bottom:max(10px, env(safe-area-inset-bottom,0px));padding-left:max(10px, env(safe-area-inset-left,0px))}.play-layout{grid-template-columns:minmax(0,1fr);justify-content:center;place-items:start stretch;width:100%;display:grid}.game-column{width:100%;min-width:0}.game-frame{background:var(--plavia-game-background);border:2px solid var(--plavia-game-border);border-radius:8px;width:100%;height:max(420px,100dvh - 102px);min-height:420px;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000004d}#app{background:var(--plavia-game-background);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}#app canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}.ad-slot{color:var(--plavia-ad-text);border:1px dashed var(--plavia-ad-border);letter-spacing:.08em;text-transform:uppercase;background:#ffffff04;border-radius:6px;justify-content:center;align-items:center;font-size:11px;display:flex}.ad-slot--side{width:100%;min-width:0;min-height:0;display:none}.ad-slot--bottom{width:min(728px,100%);height:60px;margin:12px auto 0}@media (width<=600px) and (orientation:portrait){.plavia-page{padding-top:max(8px, env(safe-area-inset-top,0px));padding-right:max(8px, env(safe-area-inset-right,0px));padding-bottom:max(8px, env(safe-area-inset-bottom,0px));padding-left:max(8px, env(safe-area-inset-left,0px))}.game-frame{border-radius:7px;height:clamp(460px,100dvh - 105px,700px);min-height:0}.ad-slot--bottom{height:54px;margin-top:8px}}@media (height<=560px) and (orientation:landscape){.plavia-page{padding-top:max(6px, env(safe-area-inset-top,0px));padding-right:max(8px, env(safe-area-inset-right,0px));padding-bottom:max(6px, env(safe-area-inset-bottom,0px));padding-left:max(8px, env(safe-area-inset-left,0px))}.game-frame{border-radius:6px;height:calc(100dvh - 12px);min-height:300px}.ad-slot--bottom{height:50px;margin-top:8px}}@media (width>=1420px) and (height>=640px){.plavia-page{padding-top:max(var(--plavia-shell-gutter), env(safe-area-inset-top,0px));padding-right:max(var(--plavia-shell-gutter), env(safe-area-inset-right,0px));padding-bottom:max(var(--plavia-shell-gutter), env(safe-area-inset-bottom,0px));padding-left:max(var(--plavia-shell-gutter), env(safe-area-inset-left,0px))}.play-layout{grid-template-columns:var(--plavia-ad-rail-width) minmax(0, 1fr) var(--plavia-ad-rail-width);column-gap:var(--plavia-shell-gap);align-items:start;width:100%;max-width:none}#plavia-ad-left{grid-area:1/1}.game-column{grid-area:1/2;width:100%;max-width:none}#plavia-ad-right{grid-area:1/3}.ad-slot--side{width:100%;height:calc(100dvh - max(var(--plavia-shell-gutter), env(safe-area-inset-top,0px)) - max(var(--plavia-shell-gutter), env(safe-area-inset-bottom,0px)));display:flex}.ad-slot--bottom{display:none}.game-frame{width:100%;height:calc(100dvh - max(var(--plavia-shell-gutter), env(safe-area-inset-top,0px)) - max(var(--plavia-shell-gutter), env(safe-area-inset-bottom,0px)));min-height:0}}body.plavia-access-locked{overflow:hidden}body.plavia-access-locked .plavia-page{pointer-events:none;-webkit-user-select:none;user-select:none}body.plavia-access-locked .game-frame{filter:blur(8px)brightness(.42);transform-origin:50%;transform:scale(.995)}.plavia-access-overlay{z-index:2147483646;background:#05070ad1;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.plavia-access-card{color:#f4f6f8;text-align:center;background:#171a21;border:1px solid #434b59;border-radius:10px;width:min(520px,100%);padding:28px 28px 24px;box-shadow:0 20px 70px #0009}.plavia-access-title{margin:0 0 14px;font-size:clamp(22px,4vw,28px);line-height:1.15}.plavia-access-message{color:#e1e5eb;margin:0;font-size:15px;line-height:1.55}.plavia-access-detail{color:#a9b1bf;margin:12px 0 22px;font-size:13px;line-height:1.5}.plavia-access-button{color:#fff;min-height:46px;font:inherit;cursor:pointer;background:#303949;border:1px solid #717c8f;border-radius:7px;padding:10px 20px;font-weight:700}.plavia-access-button:hover{background:#3b475c}.plavia-access-button:focus-visible{outline-offset:3px;outline:2px solid #fff}@media (width<=600px){.plavia-access-overlay{padding:14px}.plavia-access-card{padding:23px 18px 20px}.plavia-access-message{font-size:14px}}body.plavia-auth-locked{overflow:hidden}body.plavia-auth-locked .plavia-page{pointer-events:none;-webkit-user-select:none;user-select:none}.plavia-auth-overlay{z-index:2147483645;background:radial-gradient(circle at 50% 25%,#30374847,#0000 42%),#07090df5;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.plavia-auth-card{color:#f4f6f8;text-align:center;background:#171a21;border:1px solid #3c4452;border-radius:12px;width:min(420px,100%);padding:34px 30px 30px;box-shadow:0 24px 80px #00000094}.plavia-auth-title{letter-spacing:.12em;margin:0;font-size:clamp(30px,7vw,42px);line-height:1}.plavia-auth-strapline{color:#9da7b7;letter-spacing:.04em;margin:10px 0 28px;font-size:14px}.plavia-auth-prompt{color:#e7eaf0;margin:0 0 18px;font-size:15px;font-weight:700}.plavia-auth-google-host{justify-content:center;align-items:center;min-height:44px;transition:opacity .12s;display:flex}.plavia-auth-detail{color:#9da7b7;max-width:310px;margin:18px auto 0;font-size:12px;line-height:1.5}.plavia-auth-status{color:#b8c0cc;min-height:20px;margin:16px 0 0;font-size:13px;line-height:1.45}.plavia-auth-status--error{color:#e8a7aa}@media (width<=600px){.plavia-auth-overlay{padding:14px}.plavia-auth-card{padding:28px 18px 24px}.plavia-auth-detail{max-width:280px}}.plavia-auth-card--player-name{width:min(460px,100%)}.plavia-player-name-form{text-align:left;flex-direction:column;gap:10px;margin-top:2px;display:flex}.plavia-player-name-label{color:#c9d0db;letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:700}.plavia-player-name-input{color:#f4f6f8;width:100%;min-height:48px;font:inherit;background:#0f1218;border:1px solid #4a5363;border-radius:7px;outline:none;padding:11px 13px;font-size:16px;line-height:1.2}.plavia-player-name-input::placeholder{color:#697281}.plavia-player-name-input:hover{border-color:#606b7d}.plavia-player-name-input:focus{border-color:#9ba7ba;box-shadow:0 0 0 2px #9ba7ba29}.plavia-player-name-input:disabled{opacity:.6;cursor:wait}.plavia-player-name-rules{color:#8e98a8;margin:-1px 0 6px;font-size:11px;line-height:1.45}.plavia-player-name-button{color:#fff;min-height:46px;font:inherit;letter-spacing:.05em;cursor:pointer;background:#38465c;border:1px solid #6e7c92;border-radius:7px;padding:10px 18px;font-size:13px;font-weight:800;transition:background .12s,opacity .12s}.plavia-player-name-button:hover:not(:disabled){background:#445671}.plavia-player-name-button:focus-visible,.plavia-auth-secondary-button:focus-visible{outline-offset:3px;outline:2px solid #fff}.plavia-player-name-button:disabled{opacity:.42;cursor:not-allowed}.plavia-auth-secondary-button{color:#9da7b7;font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin-top:4px;padding:5px 8px;font-size:12px;text-decoration:underline}.plavia-auth-secondary-button:hover{color:#d3d8e0}@media (width<=600px){.plavia-auth-card--player-name{width:min(420px,100%)}.plavia-player-name-input{min-height:46px}}.plavia-auth-card--control{width:min(460px,100%)}.plavia-auth-detail--control{max-width:370px;margin-bottom:20px}.plavia-control-takeover-button{width:100%}@media (width<=600px){.plavia-auth-card--control{width:min(420px,100%)}}.plavia-environment-badge{top:max(8px, env(safe-area-inset-top,0px));right:max(8px, env(safe-area-inset-right,0px));z-index:2147483647;color:#201500;letter-spacing:.09em;text-transform:uppercase;pointer-events:none;-webkit-user-select:none;user-select:none;background:#f0b84b;border:1px solid #ffe0a0;border-radius:6px;padding:6px 9px;font-size:10px;font-weight:800;line-height:1;position:fixed;box-shadow:0 4px 14px #00000061}@media (width<=600px){.plavia-environment-badge{top:max(6px, env(safe-area-inset-top,0px));right:max(6px, env(safe-area-inset-right,0px));padding:5px 7px;font-size:9px}}
