/* Intrinsic content and one scroll area keep the complete introduction readable. */
#grim-mark-screen{padding:max(10px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));overflow:hidden!important}
#grim-mark-screen .gmd-frame{width:min(1540px,100%)!important;height:100%!important;min-height:0!important;max-height:920px!important;padding:14px 18px!important;display:grid!important;grid-template-rows:24px 2px minmax(0,1fr) auto!important;gap:12px!important;overflow:hidden!important}
#grim-mark-screen .gmd-frame::before{inset:8px!important}
#grim-mark-screen .gmd-top{min-width:0;min-height:0;padding:0 4px!important;font-size:.7rem!important;letter-spacing:.22em!important;color:#ccc!important}
#grim-mark-screen .gmd-top span{font-size:.72rem!important;letter-spacing:.26em!important}
#grim-mark-screen .gmd-header-rule{margin:0!important;height:2px!important}
#grim-mark-screen .gmd-scroll{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#777 #0b0b0b;padding:2px 2px 8px;display:flex;flex-direction:column;gap:18px}
#grim-mark-screen .gmd-hero{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;min-height:0!important;max-height:none!important;height:auto!important;gap:20px!important;flex-shrink:0}
#grim-mark-screen .gmd-copy{padding:14px!important;display:flex!important;justify-content:flex-start!important;min-height:0!important;height:auto!important;overflow:visible!important;min-width:0!important}
#grim-mark-screen .gmd-copy h2{font-size:clamp(2.2rem,4.4vw,4.2rem)!important;line-height:1.04!important;letter-spacing:.02em!important;margin:0 0 6px!important;color:#eee!important}
#grim-mark-screen .gmd-sub{font-size:clamp(.7rem,1.1vw,.92rem)!important;line-height:1.3!important;letter-spacing:.17em!important;margin:0 0 16px!important;color:#ccc!important}
#grim-mark-screen .gmd-copy h3{font-size:clamp(1.3rem,2vw,2rem)!important;line-height:1.12!important;max-width:none!important;margin:0 0 12px!important;color:#eee!important}
#grim-mark-screen .gmd-text{font-size:clamp(.85rem,1.1vw,1.05rem)!important;line-height:1.4!important;max-width:54ch!important;margin:0!important;color:#bbb!important}
#grim-mark-screen .gmd-art{height:auto!important;min-height:170px!important;max-height:none!important;background-size:cover!important}
#grim-mark-screen .gmd-cards{height:auto!important;min-height:0!important;max-height:none!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;align-items:stretch!important;flex-shrink:0}
#grim-mark-screen .gmd-card{height:auto!important;min-height:0!important;max-height:none!important;display:grid!important;grid-template-rows:110px auto 12px auto auto auto!important;padding:14px!important;gap:10px!important;overflow:visible!important;transform:none!important}
#grim-mark-screen .gmd-card__art{height:110px!important;min-height:110px!important;max-height:110px!important;background-size:cover!important}
#grim-mark-screen .gmd-card__title{min-height:48px!important;max-height:none!important;font-size:clamp(1.1rem,1.5vw,1.5rem)!important;line-height:1.16!important;align-items:center!important}
#grim-mark-screen .gmd-card__desc,#grim-mark-screen .gmd-card__bonus,#grim-mark-screen .gmd-card__penalty{min-height:0!important;height:auto!important;max-height:none!important;font-size:clamp(.85rem,1vw,1rem)!important;line-height:1.35!important;margin:0!important}
#grim-mark-screen .gmd-card__desc{padding-bottom:5px!important}
#grim-mark-screen .gmd-footer{height:auto!important;min-height:52px!important;max-height:none!important;display:flex!important;align-items:center!important;gap:12px!important;padding:8px 0 0!important;margin:0!important}
#grim-mark-screen .gmd-tagline{font-size:.64rem!important;letter-spacing:.24em!important;color:#aaa!important;white-space:normal!important;line-height:1.5!important}
#grim-mark-screen .gmd-actions{gap:10px!important;flex-shrink:0}
#grim-mark-screen .gmd-action{min-width:136px!important;min-height:44px!important;height:44px!important;padding:0 12px!important;gap:10px!important;color:#eee!important}
#grim-mark-screen .gmd-action span{font-size:.92rem!important}
#grim-mark-screen .gmd-action kbd{min-width:50px!important;height:30px!important;font-size:.8rem!important;color:#eee!important}
#grim-mark-screen .gmd-card:focus-visible{outline:2px solid #fff!important;outline-offset:-4px!important}
/* Urn uses the existing modal, accessibility reader and controller navigation. */
#panel[data-kind="urn"]{position:fixed!important;inset:0!important;margin:auto!important;width:min(1540px,calc(100vw - 32px))!important;height:min(920px,calc(100dvh - 32px))!important;max-width:calc(100vw - 32px)!important;max-height:calc(100dvh - 32px)!important;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;grid-template-columns:minmax(0,1fr)!important;padding:24px 4.2%!important;border:1px solid #777!important;background:linear-gradient(90deg,rgba(0,0,0,.94),rgba(0,0,0,.82)),url('assets/art/linde-cover.png') center/cover!important;color:#eee!important;overflow:hidden!important;box-shadow:0 20px 80px #000!important;transform:none!important}
#panel[data-kind="urn"]:not([open]){display:none!important}
#panel[data-kind="urn"]{background:#050505!important}
#panel[data-kind="urn"]::before,#panel[data-kind="urn"]::after{display:none!important}
#panel[data-kind="urn"]::before{content:"";display:block!important;position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.84),rgba(0,0,0,.6)),url('assets/art/linde-cover.png') center/cover;filter:grayscale(1);opacity:.62}
#panel[data-kind="urn"] .panel-header,#panel[data-kind="urn"] #panel-body,#panel[data-kind="urn"] #panel-footer{z-index:1!important}
#panel[data-kind="urn"] .panel-header{grid-row:1!important;position:relative!important;inset:auto!important;width:auto!important;height:auto!important;margin:0!important;transform:none!important;padding:0 0 16px!important;border:0!important;background:transparent!important;overflow:visible!important}
#panel[data-kind="urn"] .panel-top{display:flex!important;min-height:44px;align-items:center!important;justify-content:space-between!important}
#panel[data-kind="urn"] #panel-eyebrow{color:#ddd!important;font:400 .85rem/1.2 Georgia,serif!important;letter-spacing:.4em!important}
#panel[data-kind="urn"] #close-panel{position:static!important;inset:auto!important;transform:none!important;margin:0!important;display:inline-flex!important;width:52px!important;height:52px!important;min-width:44px;align-items:center;justify-content:center;border:1px solid #777!important;border-bottom:2px solid #af252c!important;color:#eee!important;background:#050505!important;font:300 2rem/1 system-ui,sans-serif!important}
#panel[data-kind="urn"] #close-panel:hover{background:#272727!important}
#panel[data-kind="urn"] #close-panel:focus-visible{outline:2px solid #fff;outline-offset:3px}
#panel[data-kind="urn"] #panel-title{position:relative!important;display:block!important;width:auto!important;max-width:100%!important;white-space:normal!important;margin:0!important;padding:0 0 18px!important;color:#eee!important;font:400 clamp(2.5rem,5.5vw,5.5rem)/1.06 Georgia,serif!important;letter-spacing:.045em!important;border-bottom:1px solid #777!important;text-shadow:none!important}
#panel[data-kind="urn"] #panel-title::after{content:"";position:absolute;left:0;bottom:-1px;width:23%;height:2px;background:#c7222d}
#panel[data-kind="urn"] #panel-portrait,#panel[data-kind="urn"] #panel-detail{display:none!important}
#panel[data-kind="urn"] #panel-body{grid-row:2!important;position:relative!important;inset:auto!important;width:auto!important;height:auto!important;min-height:0!important;padding:0 0 14px!important;overflow:auto!important;background:transparent!important;scrollbar-width:thin;scrollbar-color:#777 #0b0b0b;overscroll-behavior:contain}
#panel[data-kind="urn"] .urn-v37__intro{margin:8px 0 24px;color:#ddd;font:400 clamp(1.05rem,1.6vw,1.8rem)/1.45 Georgia,serif}
#panel[data-kind="urn"] .urn-v37__cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin:0;padding:0}
#panel[data-kind="urn"] .urn-v37__card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0;padding:18px 10px 22px;border:1px solid #6b6b6b;background:rgba(0,0,0,.65)}
#panel[data-kind="urn"] .urn-v37__card::before,#panel[data-kind="urn"] .urn-v37__card::after{content:"";position:absolute;width:12px;height:12px;pointer-events:none;border-color:#aaa}
#panel[data-kind="urn"] .urn-v37__card::before{left:4px;top:4px;border-left:1px solid;border-top:1px solid}
#panel[data-kind="urn"] .urn-v37__card::after{right:4px;bottom:4px;border-right:1px solid;border-bottom:1px solid}
#panel[data-kind="urn"] .urn-v37__seal{position:relative;width:94px;height:94px;margin:7px 0 12px;display:grid;place-items:center;border:1px solid #777;border-radius:50%}
#panel[data-kind="urn"] .urn-v37__seal svg{width:78px;height:78px;fill:none;stroke:#e2e2e2;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#panel[data-kind="urn"] .urn-v37__seal i{position:absolute;top:-7px;left:calc(50% - 3px);width:6px;height:6px;border:1px solid #d9232d;transform:rotate(45deg);background:#060606}
#panel[data-kind="urn"] .urn-v37__card dd{position:relative;margin:0 0 16px;padding:0 0 10px;min-height:60px;color:#eee;font:400 clamp(2rem,3.6vw,3.5rem)/1 Georgia,serif;white-space:nowrap}
#panel[data-kind="urn"] .urn-v37__card dd::after{content:"";position:absolute;left:calc(50% - 25px);bottom:0;width:50px;height:2px;background:#c7222d}
#panel[data-kind="urn"] .urn-v37__card dt{margin:0;color:#ddd;font:400 clamp(.85rem,1.2vw,1.2rem)/1.25 Georgia,serif}
#panel[data-kind="urn"] .urn-v37__rule{position:relative;margin:28px 0 22px;height:1px;background:#777}
#panel[data-kind="urn"] .urn-v37__rule i{position:absolute;left:calc(50% - 5px);top:-5px;width:10px;height:10px;border:1px solid #c7222d;transform:rotate(45deg);background:#060606;box-shadow:0 0 0 10px #060606}
#panel[data-kind="urn"] .urn-v37__lore{margin:0 0 18px;color:#ddd;font:400 clamp(1rem,1.5vw,1.6rem)/1.45 Georgia,serif}
#panel[data-kind="urn"] .urn-v37__note{margin:0;padding:12px 0 0;border-top:1px solid #484848;color:#999;font:400 .85rem/1.45 Georgia,serif}
#panel[data-kind="urn"] #panel-footer{grid-row:3!important;position:relative!important;inset:auto!important;width:auto!important;height:auto!important;margin:0!important;padding:16px 0 0!important;border:0!important;display:flex!important;justify-content:center!important;background:transparent!important}
#panel[data-kind="urn"] #panel-footer button{position:relative;flex:0 1 460px!important;min-height:54px!important;padding:12px 18px!important;border:1px solid #888!important;border-bottom:2px solid #c7222d!important;background:#060606!important;color:#ddd!important;font:400 .85rem/1.2 Georgia,serif!important;letter-spacing:.2em!important}
#panel[data-kind="urn"] #panel-footer button:hover,#panel[data-kind="urn"] #panel-footer button:focus-visible{border-color:#fff!important;background:#222!important;color:#fff!important;outline:1px solid #fff;outline-offset:3px}
@media(max-width:1000px){
 #grim-mark-screen .gmd-frame{padding:12px!important;gap:10px!important}
 #grim-mark-screen .gmd-hero{grid-template-columns:minmax(0,1fr)!important;gap:0!important}
 #grim-mark-screen .gmd-copy{padding:8px!important}
 #grim-mark-screen .gmd-art{display:none!important}
 #grim-mark-screen .gmd-cards{grid-template-columns:1fr!important;gap:14px!important}
 #grim-mark-screen .gmd-card{grid-template-rows:118px auto 12px auto auto auto!important}
 #grim-mark-screen .gmd-card__art{height:118px!important;min-height:118px!important;max-height:118px!important}
 #grim-mark-screen .gmd-card__title{font-size:1.3rem!important;min-height:40px!important}
 #grim-mark-screen .gmd-tagline{display:none!important}
 #grim-mark-screen .gmd-actions{width:100%;margin:0!important}
 #grim-mark-screen .gmd-action{flex:1;justify-content:center}
 #panel[data-kind="urn"]{padding:18px 24px!important}
 #panel[data-kind="urn"] .urn-v37__cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
}
@media(max-width:600px){
 #grim-mark-screen{padding:8px!important}
 #grim-mark-screen .gmd-frame{padding:10px!important;gap:9px!important}
 #grim-mark-screen .gmd-top{font-size:.54rem!important;letter-spacing:.12em!important;gap:6px!important}
 #grim-mark-screen .gmd-top span{font-size:.55rem!important;letter-spacing:.16em!important}
 #grim-mark-screen .gmd-copy h2{font-size:2.1rem!important}
 #grim-mark-screen .gmd-action{min-width:0!important;padding:0 8px!important;gap:8px!important}
 #grim-mark-screen .gmd-action kbd{min-width:44px!important}
 #panel[data-kind="urn"]{width:calc(100vw - 16px)!important;height:calc(100dvh - 16px)!important;max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important;padding:14px 18px!important}
 #panel[data-kind="urn"] .panel-header{padding-bottom:12px!important}
 #panel[data-kind="urn"] #panel-title{font-size:2.1rem!important;letter-spacing:.02em!important}
 #panel[data-kind="urn"] #panel-eyebrow{font-size:.7rem!important;letter-spacing:.25em!important}
 #panel[data-kind="urn"] #close-panel{width:44px!important;height:44px!important}
 #panel[data-kind="urn"] .urn-v37__cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 #panel[data-kind="urn"] .urn-v37__card:last-child{grid-column:1/3}
 #panel[data-kind="urn"] .urn-v37__card{padding:12px 8px 16px}
 #panel[data-kind="urn"] .urn-v37__seal{width:70px;height:70px;margin:5px 0 9px}
 #panel[data-kind="urn"] .urn-v37__seal svg{width:62px;height:62px}
 #panel[data-kind="urn"] .urn-v37__card dd{font-size:2rem;min-height:42px;margin-bottom:8px}
 #panel[data-kind="urn"] #panel-footer{padding-top:12px!important}
 #panel[data-kind="urn"] #panel-footer button{min-height:48px!important;font-size:.75rem!important;letter-spacing:.1em!important}
}
@media(max-height:560px){
 #grim-mark-screen .gmd-frame{padding:10px 12px!important;grid-template-rows:20px 2px minmax(0,1fr) auto!important;gap:8px!important}
 #grim-mark-screen .gmd-footer{min-height:46px!important;padding-top:4px!important}
 #panel[data-kind="urn"]{padding:12px 24px!important}
 #panel[data-kind="urn"] #panel-title{font-size:2.4rem!important;padding-bottom:8px!important}
 #panel[data-kind="urn"] .panel-header{padding-bottom:10px!important}
 #panel[data-kind="urn"] .panel-top{min-height:36px}
 #panel[data-kind="urn"] #close-panel{height:40px!important;width:44px!important}
 #panel[data-kind="urn"] #panel-footer{padding-top:8px!important}
 #panel[data-kind="urn"] #panel-footer button{min-height:44px!important}
}