/* Original paper, logo, hatching and icons are preserved. Only control surfaces and new SVG art are changed. */
html[data-presentation="draw"] :is(input[type="search"],select,input[type="color"]){
 background-color:transparent!important;border:0!important;border-image:none!important;border-radius:0;box-shadow:none;
 border-bottom:1px solid #8b927b55!important;
}
html[data-presentation="draw"] :is(input[type="search"],select):hover{border-bottom-color:#727967!important}
html[data-presentation="draw"] :is(button,a,input,select,summary):focus-visible{
 outline:none;box-shadow:0 3px 0 -1px currentColor;filter:none;
}
html[data-presentation="draw"] :is(input[type="search"],select):focus-visible{border-bottom-color:currentColor!important;border-bottom-width:2px!important;box-shadow:none}
html[data-presentation="draw"] .scene-tabs{scrollbar-width:thin!important;scrollbar-color:#9ca18e77 transparent!important;scrollbar-gutter:stable}
html[data-presentation="draw"] .scene-tabs::-webkit-scrollbar{width:4px!important;background:transparent!important}
html[data-presentation="draw"] .scene-tabs::-webkit-scrollbar-track{border:0!important;border-image:none!important;background:transparent!important}
html[data-presentation="draw"] .scene-tabs::-webkit-scrollbar-thumb{border:0!important;border-image:none!important;background:#92998566!important;border-radius:4px}
html[data-presentation="draw"] .scene-tabs::-webkit-scrollbar-button{display:none!important;height:0!important;width:0!important}
html[data-presentation="draw"] .world-interlude{
 height:auto;min-height:200px;margin-block:5px 40px;display:grid;grid-template-columns:1fr minmax(320px,760px) 1fr;align-items:center;gap:20px;pointer-events:auto;
}
.drawing-caption{font:25px/1.2 var(--hand-font);color:#737968;text-align:right;max-width:190px;justify-self:end;transform:rotate(-4deg)}
.drawing-caption p{margin:0}
.drawing-caption small{display:block;font:12px/1.5 var(--ui-font);letter-spacing:.12em;text-transform:uppercase;margin-top:15px;color:#909482;transform:rotate(4deg)}
.drawing-table{width:100%;height:auto;display:block;overflow:visible;touch-action:pan-y}
html[data-presentation="draw"] :is(.paper-illustration,.feature-symbol)>.illustration-svg{width:100%;height:100%;position:absolute;inset:0}
html[data-presentation="draw"] .feature-symbol{position:relative}
html[data-presentation="draw"] .margin-study>.illustration-svg{width:100%;height:100%;display:block}
.drawing-table.illustration-svg .iso-line{stroke-width:1.25}
.drawing-table.illustration-svg .iso-line[data-tone="hi"]{stroke-width:1.6}
.drawing-table.illustration-svg .iso-line[data-tone="lo"]{stroke-width:1}
.drawing-table.illustration-svg .iso-line[data-tone="faint"]{stroke-width:.7}
html[data-presentation="draw"] .paper-motion{display:none}
.drawing-table .iso-fill{fill:#f4f3eb;stroke:none}
.drawing-table .iso-top{fill:#fcfbf6;stroke:none}
.drawing-table .iso-shade{stroke:none}
.drawing-table .iso-shade[data-shade="0"]{fill:#dbddd0}
.drawing-table .iso-shade[data-shade="1"]{fill:#e2e4d8}
.drawing-table .iso-shade[data-shade="2"]{fill:#e9eadf}
.drawing-table .iso-shade[data-shade="3"]{fill:#f1f0e7}
.drawing-table .iso-line{fill:none;stroke:#656d5b;stroke-width:.7;stroke-linejoin:round;stroke-linecap:round}
.drawing-table .iso-line[data-tone="faint"]{stroke:#adb29c;stroke-width:.45}
.drawing-table .iso-line[data-tone="lo"]{stroke:#939c83;stroke-width:.55}
.drawing-table .iso-line[data-tone="hi"]{stroke:#535e46;stroke-width:.85}
.drawing-table .iso-bevel{stroke-width:.45;opacity:.7}
.drawing-table .iso-dots{fill:#7b846c}
.drawing-table .world-ink{stroke-width:.9}
.drawing-table .plotter-head .iso-top{fill:#e8e8d6}
.drawing-pending{opacity:0}
.drawing-signature{font:18px var(--hand-font);color:#818875;align-self:end;padding-bottom:36px;max-width:130px;transform:rotate(3deg)}
.drawing-signature::before{content:'↖';display:block;font-size:29px;margin-bottom:5px}
.draw-replay{border:0;background:transparent;font:17px/1.2 var(--hand-font);display:flex;align-items:center;gap:6px;padding:3px 0;color:var(--muted);margin:6px 0 0 auto}
.draw-replay img{width:18px;height:18px;object-fit:contain;transition:transform .5s}
.draw-replay:hover img{transform:rotate(-55deg)}
.draw-replay span{border-bottom:1px solid #93998155}
/* A game frame mounted on paper with two translucent pieces of tape. */
html[data-presentation="draw"] .scene-mat{position:relative;isolation:isolate;display:flex;flex:1;min-height:0;min-width:0;padding:7px 7px 14px;margin:8px 3px 4px;background:var(--art-base-paper) center/700px,#eeeee5;box-shadow:0 2px 5px #3b3d2926}
html[data-presentation="draw"] .scene-mat::before,html[data-presentation="draw"] .scene-mat::after{content:'';position:absolute;top:-4px;width:clamp(36px,6%,64px);height:20px;z-index:8;pointer-events:none;background:linear-gradient(90deg,#c8c9b26b,#c4c7aa88 38%,#d0d1bc73);box-shadow:0 1px 1px #fff6;clip-path:polygon(0 8%,6% 3%,10% 6%,17% 0,23% 5%,31% 1%,42% 5%,52% 1%,62% 4%,76% 0,85% 5%,96% 2%,100% 9%,98% 93%,92% 98%,80% 94%,67% 100%,51% 95%,37% 99%,25% 95%,13% 100%,2% 94%)}
html[data-presentation="draw"] .scene-mat::before{left:16px;transform:rotate(-21deg)}
html[data-presentation="draw"] .scene-mat::after{right:16px;transform:rotate(17deg)}
html[data-presentation="draw"] .scene-image{outline:0;background:#20231f}
html[data-presentation="draw"] .scene-image::before,html[data-presentation="draw"] .preset-trace{display:none}
html[data-presentation="draw"] .stage:is(:fullscreen,.is-expanded) .scene-mat{margin:8px 3px 4px}
@media(max-width:1300px){
 html[data-presentation="draw"] .world-interlude{grid-template-columns:1fr minmax(320px,620px);gap:16px}
 .drawing-signature{display:none}
}
@media(max-width:1100px){
 html[data-presentation="draw"] .world-interlude{grid-template-columns:180px minmax(0,1fr)}
 .drawing-caption{font-size:23px}
}
@media(max-width:760px){
 html[data-presentation="draw"] .scene-mat{padding:5px 5px 11px;margin:7px 2px 3px}
 html[data-presentation="draw"] .scene-mat::before,html[data-presentation="draw"] .scene-mat::after{height:16px;top:-3px}
 html[data-presentation="draw"] .scene-mat::before{left:10px}
 html[data-presentation="draw"] .scene-mat::after{right:10px}
 .draw-replay{font-size:15px;margin-top:4px}
 .draw-replay img{width:15px;height:15px}
 html[data-presentation="draw"] .world-interlude{display:flex;flex-direction:column;gap:0;margin-top:15px;margin-bottom:24px}
 .drawing-caption{font-size:26px;align-self:start;text-align:left;margin-left:20px;max-width:none}
 .drawing-caption small{font-size:10px;margin-top:7px}
 .drawing-table{width:100%;margin-top:5px}
}
@media(prefers-reduced-motion:reduce){.drawing-pending{opacity:1}.draw-replay img{transition:none!important}}

/* Coordinated paper, whole content, then real pencil strokes. */
html[data-paper-boot] :is(.site-header,main){visibility:hidden}
.paper-group[data-paper-state="waiting"]{opacity:0}
.paper-group[data-paper-state="waiting"] .paper-content{opacity:0}
:is(h2,h3):has(>.paper-signature-line){position:relative}
.paper-signature-line{position:absolute;left:0;bottom:-7px;width:82px;height:7px;overflow:visible;pointer-events:none}
.paper-signature-line path{fill:none;stroke:#91967b;stroke-width:.7;stroke-linecap:round;opacity:.5}
.section-heading .paper-signature-line{display:none}
.figure-drawing :is(.iso-fill,.iso-top,.iso-shade,.iso-dots){opacity:var(--figure-shade,0)}
.pencil-positioned{position:relative}
.pencil-native{color:transparent!important;-webkit-text-fill-color:transparent!important}
.pencil-text-layer{position:absolute;inset:0;display:block;max-width:none;overflow:visible;pointer-events:none}
.pencil-word :is(path,text){fill:currentColor;fill-opacity:var(--ink-fill,0);stroke:currentColor;stroke-opacity:calc(1 - var(--ink-fill,0));stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 1;stroke-dashoffset:var(--ink-gap,1)}
.pencil-word text{stroke-dasharray:none}
.pencil-control-label{position:absolute;display:block;white-space:nowrap;overflow:hidden;pointer-events:none}
.pencil-control-source,.pencil-control-source::placeholder{color:transparent!important;-webkit-text-fill-color:transparent!important}
html[data-presentation="draw"] :is(.scene-index,.backend-label){position:relative}
.pencil-photo-source{visibility:hidden}
.pencil-photo-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.pencil-card-outline{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.pencil-card-outline path{fill:none;stroke:#747966;stroke-width:.75;stroke-dasharray:1 1;stroke-dashoffset:1}
html[data-presentation="draw"] .catalog-row[data-pencil-card]::before{opacity:var(--pencil-paper,.18)}
@media(prefers-reduced-motion:reduce){
 html[data-paper-boot] :is(.site-header,main){visibility:visible}
 .paper-group[data-paper-state="waiting"],.paper-group[data-paper-state="waiting"] .paper-content{opacity:1}
}
@media(max-width:560px){
 html[data-presentation="draw"] .feature-list{grid-template-columns:1fr}
 html[data-presentation="draw"] .feature-symbol{height:185px;aspect-ratio:auto;margin-bottom:12px}
}