.game-library{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:1100px}.game-library-card{border:1px solid var(--line,#d9dcd6);border-radius:18px;overflow:hidden;background:var(--panel,#fffdf8);box-shadow:0 8px 24px #183c4810}.game-library-card.is-active{border-color:#4a9189;box-shadow:0 0 0 2px #4a91891a}.game-card-art{height:210px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at center,#e5f6ee,#c2dedc)}.game-card-art-gift{background:radial-gradient(ellipse at center,#fff2d5,#ead4c7)}.game-card-badge{position:absolute;top:16px;right:16px;background:#fffffff0;color:#405d63;border-radius:30px;padding:7px 12px;font-size:12px}.is-active .game-card-badge{background:#347c70;color:white}.game-card-content{padding:24px}.game-card-content h2{margin:0 0 12px}.game-card-content p{min-height:40px;line-height:1.6}.game-card-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.game-art-wheel{width:145px;height:145px;border:9px solid #cba655;border-radius:50%;background:conic-gradient(#4b938a 0 60deg,#edb7bd 60deg 120deg,#f1d991 120deg 180deg,#4b938a 180deg 240deg,#edb7bd 240deg 300deg,#f1d991 300deg);box-shadow:0 8px 15px #274e5430;position:relative}.game-art-wheel:after{content:'✦';position:absolute;inset:48px;border-radius:50%;background:#fff0bb;display:grid;place-items:center;color:#8a6527;font-size:26px}.game-art-gifts{display:flex;align-items:end;gap:12px;font-size:56px}.game-art-gifts span:nth-child(2){font-size:85px}.game-settings-dialog{width:100vw;max-width:none;height:100dvh;max-height:none;inset:0;margin:0;padding:0;border:0;background:var(--bg,#f6f5ed);color:var(--text,#173a46)}.game-settings-dialog[open]{display:flex;flex-direction:column}.game-settings-dialog::backdrop{background:#142c3c99}.game-settings-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 32px;background:var(--panel,#fffdf8);border-bottom:1px solid var(--line,#ddd);flex-shrink:0}.game-settings-header h2{margin:6px 0}.game-settings-header span{font-size:12px;color:var(--muted,#58717b)}.game-settings-form{display:flex;flex:1;flex-direction:column;min-height:0;margin:0}.game-settings-content{flex:1;overflow:auto;padding:28px 32px;overscroll-behavior:contain}.game-settings-inner{max-width:860px;margin:auto;display:flex;flex-direction:column;gap:22px}.game-settings-inner h3,.game-settings-inner p{margin:0}.game-settings-inner label:not(.check){display:flex;flex-direction:column;gap:8px;font-size:13px}.game-settings-inner textarea{min-height:95px;font:inherit;padding:12px}.game-settings-inner small{line-height:1.7;color:var(--muted,#58717b)}.game-settings-inner .check{display:flex;align-items:center;gap:10px;font-size:13px}.game-settings-inner .check input{width:auto}.game-settings-inner input[type=color]{height:46px;padding:4px}.game-settings-links{display:grid;grid-template-columns:1fr 1fr;gap:20px}.game-settings-links a{display:flex;flex-direction:column;gap:12px;margin:0;color:inherit;text-decoration:none}.game-settings-links a span{font-size:13px;line-height:1.7}.game-settings-footer{display:flex;justify-content:space-between;gap:12px;padding:18px 32px;background:var(--panel,#fffdf8);border-top:1px solid var(--line,#ddd);flex-shrink:0}.game-settings-save-actions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:680px){.game-library{grid-template-columns:1fr}.game-settings-header,.game-settings-content,.game-settings-footer{padding:16px}.game-settings-links{grid-template-columns:1fr}.game-settings-footer{flex-wrap:wrap}.game-settings-save-actions{margin-left:auto}.game-card-art{height:180px}}

/* Keep this purpose-built editor full screen when shared dialog styles load. */
dialog.game-settings-dialog.backend-dialog{width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;inset:0;margin:0!important;border:0!important;border-radius:0!important;background:var(--bg,#f6f5ed)}

/* Match the existing Edit branch dialog shell and spacing. */
dialog.game-settings-dialog,dialog.game-settings-dialog.backend-dialog{box-sizing:border-box;width:calc(100vw - 32px)!important;height:calc(100dvh - 32px)!important;max-width:none!important;max-height:none!important;inset:0;margin:auto!important;padding:0!important;border:1px solid var(--line)!important;border-radius:14px!important;background:var(--panel)!important;overflow:hidden!important}
.game-settings-dialog::backdrop{background:#14242b99;backdrop-filter:blur(3px)}
.game-settings-header{flex:none;display:flex;align-items:center;gap:16px;margin:0;padding:16px 24px!important;background:var(--panel);border-bottom:1px solid var(--line)}
.game-settings-header h2{flex:1;min-width:0;margin:0;font-size:24px;line-height:1.4;font-weight:400;overflow-wrap:anywhere}
.game-settings-x{display:grid;place-items:center;flex-shrink:0;width:44px;min-width:44px;height:44px;min-height:44px;border:0;background:transparent;color:var(--muted);font-size:24px;line-height:1;cursor:pointer;border-radius:6px}
.game-settings-x:hover{background:#173a460d}.game-settings-x:focus-visible{outline:2px solid var(--accent,#4a9189);outline-offset:2px}
.game-settings-content{padding:24px;scrollbar-gutter:stable}.game-settings-inner{max-width:none;width:100%;margin:0;gap:24px}.game-settings-inner label:not(.check){font-size:12px}.game-settings-inner textarea{min-height:76px}.game-settings-footer{flex:none;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px;padding:14px 24px;background:var(--panel);border-top:1px solid var(--line)}.game-settings-save-actions{display:flex;align-items:center;gap:12px;margin:0}
@media(max-width:760px){dialog.game-settings-dialog,dialog.game-settings-dialog.backend-dialog{width:100vw!important;height:100dvh!important;border-radius:0!important;border:0!important}.game-settings-header{padding:12px 18px!important}.game-settings-content{padding:18px}.game-settings-footer{padding:12px 18px}.game-settings-header h2{font-size:22px}.game-settings-save-actions{margin:0}}

.game-card-art-scratch{background:radial-gradient(ellipse,#e5ebf0,#c5d5dc)}.game-art-scratch{display:flex;flex-direction:column;align-items:center;gap:9px;padding:24px 30px;border-radius:16px;border:2px dashed #faf5df;background:linear-gradient(130deg,#d0d6dc,#f3f4ee,#b2bcc6);color:#465869;box-shadow:0 7px 18px #23445425;rotate:-5deg}.game-art-scratch>span{font-size:36px;color:#ad8031}.game-art-scratch strong{font-size:15px;letter-spacing:.1em}.game-art-scratch small{font-size:10px}

/* Compact catalogue: three cards across on desktop. */
.game-library{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:none;align-items:stretch}
.game-card-art{height:155px}.game-card-content{padding:20px}.game-card-content h2{font-size:25px;margin-bottom:10px}.game-card-content p{font-size:12px;min-height:40px;margin-bottom:18px}.game-card-actions{gap:8px}.game-card-actions .button{padding:10px 12px;font-size:11px}.game-art-wheel{width:110px;height:110px;border-width:7px}.game-art-wheel:after{inset:36px;font-size:22px}.game-art-gifts{gap:8px;font-size:40px}.game-art-gifts span:nth-child(2){font-size:64px}.game-art-scratch{padding:16px 20px;gap:7px}.game-art-scratch>span{font-size:29px}.game-art-scratch strong{font-size:12px}.game-art-scratch small{font-size:9px}.game-card-badge{top:12px;right:12px;font-size:11px;padding:6px 10px}
@media(max-width:1100px){.game-library{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.game-library{grid-template-columns:1fr}.game-card-art{height:145px}.game-card-content{padding:18px}.game-card-content p{min-height:0}}

.game-card-art-capsule{background:radial-gradient(ellipse,#ffe9c4,#e6c5c5)}.game-art-capsule{width:94px;height:128px;background:linear-gradient(#e9f6f8 0 55%,#bd3750 56%);border:5px solid #b7344e;border-radius:45px 45px 14px 14px;display:flex;flex-direction:column;align-items:center;gap:0;padding-top:20px;box-sizing:border-box;box-shadow:0 8px 14px #54334525}.game-art-capsule>span{color:#c5a24c;font-size:19px;letter-spacing:2px;line-height:22px}.game-art-capsule i{color:#fff2b5;font-style:normal;margin-top:12px;font-size:23px}

/* Keep the tree thumbnail inside the fixed card artwork panel. */
.game-card-art-angpao{overflow:hidden;isolation:isolate}.game-card-art-angpao>img{position:absolute;inset:10px;width:calc(100% - 20px)!important;height:calc(100% - 20px)!important;max-width:none;max-height:calc(100% - 20px);object-fit:contain;display:block}.game-card-art-angpao>.game-card-badge{z-index:1}

.game-art-claw{width:130px;height:135px;border:6px solid #d8b96f;border-radius:18px;background:linear-gradient(#edf8f6,#b8dcd7);display:flex;flex-direction:column;align-items:center;justify-content:space-between;color:#57847d;box-shadow:0 8px 20px #1234}.game-art-claw>span{font-size:55px;line-height:1}.game-art-claw>i{font-size:28px;color:#dca2ba;font-style:normal}.game-art-claw>b{font:700 10px Arial;background:#4a9189;color:white;width:100%;padding:10px 0;text-align:center}