.op-share-trigger.op-share-trigger{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex-shrink:0;min-height:44px;padding:10px 20px;margin:8px 0 0;border:1px solid #b9afa1;border-radius:24px;background:#fffaf1;color:#1f2430;font:600 12px/1.4 Noto Sans KR,Noto Sans,sans-serif;cursor:pointer;letter-spacing:0;box-shadow:none}.op-share-trigger.op-share-trigger svg{width:18px;height:18px;flex:none}.op-share-trigger.op-share-trigger:hover{background:#fff0bf;border-color:#a18a51}.op-share-trigger.op-share-trigger:active{transform:translateY(1px)}.op-share-trigger.op-share-trigger:focus-visible{outline:2px solid #46525c;outline-offset:3px}dialog.op-share{box-sizing:border-box;position:fixed;top:0;right:0;bottom:0;left:0;width:min(440px,100vw - 24px);max-width:440px;max-height:calc(100dvh - 24px);height:fit-content;margin:auto;padding:26px 24px 22px;overflow:auto;overscroll-behavior:contain;border:1px solid #e9e2d8;border-radius:26px;background:#fff8ee;color:#1f2430;box-shadow:0 24px 100px #1f243030;font:400 13px/1.6 Noto Sans KR,Noto Sans,sans-serif;text-align:left;z-index:99999;transform:none}dialog.op-share *{box-sizing:border-box}dialog.op-share ::selection{background:#ffe895}dialog.op-share::backdrop{background:#1f243078;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}dialog.op-share button,dialog.op-share a,dialog.op-share input{font:inherit;letter-spacing:0}dialog.op-share button,dialog.op-share a{cursor:pointer;touch-action:manipulation}dialog.op-share button:focus-visible,dialog.op-share a:focus-visible,dialog.op-share input:focus-visible{outline:2px solid #46525c;outline-offset:3px}dialog.op-share .op-share-close{display:grid;place-items:center;position:absolute;top:5px;right:5px;width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:#46525c;font-size:26px}dialog.op-share .op-share-eyebrow{margin:2px 36px 6px 0;font-size:9px;font-weight:800;letter-spacing:1.5px;color:#667085}dialog.op-share .op-share-heading{margin:0 30px 16px 0;font-size:21px;line-height:1.5;letter-spacing:-.6px}dialog.op-share .op-share-image{display:block;width:176px;height:220px;max-width:100%;object-fit:contain;margin:0 auto 18px;border-radius:12px;box-shadow:0 4px 18px #1f243015}dialog.op-share .op-share-image[hidden]{display:none}dialog.op-share .op-share-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}dialog.op-share .op-share-primary,dialog.op-share .op-share-secondary{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 8px;border:1px solid #cdbf9f;border-radius:14px;background:#fffdf6;color:#1f2430;text-decoration:none;text-align:center;font-size:12px;font-weight:700;line-height:1.5;box-shadow:none;margin:0}dialog.op-share .op-share-primary:hover,dialog.op-share .op-share-secondary:hover{background:#fff0bd}dialog.op-share .op-share-primary:active,dialog.op-share .op-share-secondary:active{transform:translateY(1px)}dialog.op-share .op-share-primary:disabled,dialog.op-share .op-share-secondary:disabled{opacity:.5;cursor:wait}dialog.op-share .op-share-primary{background:#ffd84d;border-color:#d3b439}dialog.op-share .op-share-link{display:block;margin:15px 0 0;font-size:10px;color:#667085}dialog.op-share .op-share-link-input{display:block;width:100%;height:40px;min-height:40px;max-width:none;margin:5px 0 0;padding:8px 10px;border:1px solid #d6ccbe;border-radius:10px;background:#fffdf8;color:#46525c;font-size:11px;text-align:left;box-shadow:none}dialog.op-share .op-share-status{min-height:18px;margin:10px 0 4px;font-size:11px;color:#46525c}dialog.op-share .op-share-note{margin:0;font-size:10px;color:#667085;line-height:1.7}@media(max-height:660px){dialog.op-share{padding:20px}dialog.op-share .op-share-image{width:120px;height:150px;margin-bottom:12px}dialog.op-share .op-share-heading{font-size:18px;margin-bottom:12px}dialog.op-share .op-share-link{margin-top:10px}}#game-panel .record-list li:not(.empty){display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:3px 8px;text-align:left}#game-panel .record-list li:not(.empty)>span{grid-row:1/3}#game-panel .record-list li:not(.empty) b{grid-column:2;grid-row:1}#game-panel .record-list li:not(.empty) small{grid-column:2;grid-row:2}#game-panel .record-list li:not(.empty) .op-share-trigger{grid-column:3;grid-row:1/3;margin:0;padding:8px;min-width:44px}dialog.op-share:lang(ja),html:lang(ja) .op-share-trigger{font-family:Noto Sans JP,Noto Sans,sans-serif}dialog.op-share:lang(en),html:lang(en) .op-share-trigger{font-family:Noto Sans,sans-serif}