*{box-sizing:border-box}body{margin:0;background:#222;font-family:system-ui,"Microsoft YaHei",sans-serif}#mount{position:relative;width:100vw;height:100vh;overflow:hidden;color:white}#panel{position:fixed;z-index:10000;right:12px;bottom:10px;width:410px;max-width:94vw;background:#fff8e9;color:#302b25;border:1px solid #887661;border-radius:8px;font-size:14px;box-shadow:0 3px 18px #0006}#panel summary{padding:8px 12px;cursor:pointer}#panel section{padding:12px;max-height:70vh;overflow:auto}#panel label{display:block;margin:10px 0}#panel input{vertical-align:middle;width:180px}#panel p{line-height:1.6}#panel button,#panel select{padding:7px;font:inherit}#stats{white-space:pre-wrap;font:12px/1.4 monospace}.workshop{height:728px;position:relative;text-align:center;color:#fff3d6;user-select:none;touch-action:manipulation}.instruction{position:absolute;top:18px;left:0;width:100%;margin:0;font-size:28px;text-shadow:0 2px 4px #000}.proof{position:absolute;left:315px;top:54px;width:650px;height:292px;color:#302620}.proof img{position:absolute;left:0;top:-49px;width:650px;height:auto;pointer-events:none}.proof .job{position:absolute;left:0;top:34px;width:100%;font-size:22px;color:#625448;letter-spacing:5px}.inkword{position:absolute;left:0;top:83px;width:100%;font-size:86px;line-height:1.3;font-weight:800}.stamp{position:absolute;right:55px;top:162px;border:4px solid #a43828;color:#a43828;padding:5px;font-size:26px;font-weight:bold;transform:rotate(-12deg)}.answers{position:absolute;top:355px;left:110px;width:1060px;display:grid;grid-template-columns:repeat(4,250px);grid-template-rows:122px 122px;gap:22px 20px;justify-content:center}.answer{position:relative;appearance:none;width:250px;height:122px;border:0;background:transparent;color:#292722;font:700 44px system-ui;cursor:pointer;padding:0;touch-action:manipulation}.answer img{position:absolute;left:-8px;top:-27px;width:266px;height:auto;pointer-events:none}.answer span{position:relative;z-index:1}.answer:focus-visible{outline:4px solid #ffd269;outline-offset:4px}.answer.hint{outline:5px solid #e9b650;outline-offset:2px;border-radius:4px}.answer:disabled{opacity:1;cursor:default}.hintline{position:absolute;top:632px;width:900px;left:70px;text-align:left;font-size:26px;line-height:40px;text-shadow:0 2px 4px #000}.help{position:absolute;right:92px;top:635px;background:#f7e8c9;color:#40352b;border:2px solid #9e8968;border-radius:7px;padding:9px 20px;font:24px system-ui;cursor:pointer}
/* Compact research drawer: editing closes it; detailed stats stay separately folded. */
#panel{width:340px;right:8px;bottom:6px;font-size:12px}#panel section{padding:8px;max-height:230px;overflow:auto}#panel label{margin:6px 0}#panel p{font-size:11px;margin:6px 0}#panel strong{display:none}#panel input{width:130px}#panel select,#panel button{padding:4px}#stats{max-height:110px;overflow:auto}.stats-details{margin-top:6px;border-top:1px solid #c9bba5}.stats-details summary{padding:5px!important}
@media(min-aspect-ratio: 19/10){#panel{right:8px;top:8px;bottom:auto;width:280px}#panel section{max-height:65vh}}
/* v0.3.1: center the actual visible paper, and only lay out current answers. */
.workshop{display:flex;align-items:center;justify-content:center}.playgroup{display:flex;flex-direction:column;align-items:center;gap:34px}.proof{position:relative;left:auto;top:auto;width:480px;height:250px;flex:none}.proof img{width:521px;height:auto;left:-21px;top:-47px}.inkword{inset:0;display:flex;align-items:center;justify-content:center;font-size:76px;line-height:1}.stamp{right:23px;top:168px;font-size:22px}.answers{position:relative;top:auto;left:auto;width:auto;display:flex;flex-direction:column;gap:22px}.answer-row{display:flex;justify-content:center;gap:20px}.answer{flex:none}.answer img{top:-27px}.answer span{display:flex;align-items:center;justify-content:center;height:100%;padding-bottom:0}
/* v0.3.2: C-column palette on a light paper center; original bitmap edges stay visible. */
.proof::after{content:"";position:absolute;inset:15px 22px;pointer-events:none;background:radial-gradient(ellipse at center,#FFFEFA 0%,#FFFEFA 40%,rgba(255,254,250,.92) 54%,rgba(255,254,250,0) 75%)}.inkword,.stamp{z-index:1}

/* v0.3.4: approved D2 large type on the unchanged centered paper. */
.inkword{font-size:132px;font-weight:900;font-family:"Microsoft YaHei","SimHei",sans-serif;white-space:nowrap}
