dialog.newcomerGift{box-sizing:border-box;width:min(440px,calc(100vw - 20px));max-width:none;max-height:calc(100dvh - 24px);margin:auto;padding:0;border:0;border-radius:5px;overflow:auto;background:#f3ead6;color:#302619;box-shadow:0 16px 60px #0009;text-align:center;overscroll-behavior:contain}
dialog.newcomerGift::backdrop{background:rgba(9,19,18,.82)}
.newcomerFrame{box-sizing:border-box;position:absolute;inset:0;width:100%;height:100%;border:32px solid transparent;border-image-slice:55 fill;border-image-repeat:stretch;pointer-events:none}
.newcomerContent{position:relative;padding:42px 34px 40px;isolation:isolate}
.newcomerSeal{font-size:11px;letter-spacing:.12em;color:#78531c;font-weight:800}
.newcomerContent h2{margin:7px 0 8px;font-size:25px;color:#704612;line-height:1.2;font-family:serif}
.newcomerContent .newcomerHeading p{margin:0 0 14px;font-size:12px;line-height:1.6;color:#655640}
.newcomerRewards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.newcomerRewards article{display:grid;justify-items:center;gap:2px;padding:10px 4px 8px;border:1px solid #cbb88f;border-radius:4px;background:#fff9ebd9;min-width:0}
.newcomerRewards .newcomerLegend{border:2px solid #bb831d;background:#fff0c8e8;padding:9px 3px 7px}
.newcomerItem{display:block;width:44px;height:44px;margin-bottom:3px}
.newcomerItem>svg{display:block;width:100%;height:100%}
.newcomerRewards b{font-size:13px;line-height:1.4;overflow-wrap:anywhere;color:#352e23}
.newcomerLegend b{color:#92600b}
.newcomerRewards strong{font-size:18px;color:#543c19;line-height:1.3;font-variant-numeric:tabular-nums}
.newcomerRewards article:first-child strong{color:#a62735}
.newcomerRewards small{font-size:10px;line-height:1.4;color:#685c48}
.newcomerDelivery{font-size:12px;line-height:1.4;color:#3a6156;font-weight:800;margin:12px 0 9px}
.newcomerContent footer{display:grid;gap:6px}
.newcomerContent button{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;margin:0;padding:8px 6px;border:1px solid #a18b62;border-radius:4px;background:#f4ead0;color:#493b26;font-size:13px;font-weight:800;line-height:1.3;cursor:pointer}
.newcomerContent button.newcomerSummon{background:#8a3033;color:#fff5dc;border-color:#652024;box-shadow:inset 0 0 0 1px #d19465}
.newcomerContent button:focus-visible{outline:3px solid #1a7375;outline-offset:2px}
.newcomerHint{font-size:10px;line-height:1.5;color:#6c5f4b;margin:9px 0 0}
@media(max-width:360px){.newcomerContent{padding:34px 26px 40px}.newcomerContent h2{font-size:22px}.newcomerContent .newcomerHeading p{font-size:11px;margin-bottom:10px}.newcomerRewards{gap:6px}.newcomerRewards article{padding-top:7px;padding-bottom:6px}.newcomerItem{width:36px;height:36px}.newcomerRewards b{font-size:12px}.newcomerRewards strong{font-size:16px}.newcomerRewards small{font-size:9px}}

.newcomerItem .artLabel,.newcomerItem .artCount{display:none}

.newcomerItem>.artIcon{display:block;width:100%;height:100%;border:0;margin:0}

.newcomerShell{position:relative}
.newcomerContent h2:focus{outline:none}