:root{--ink:#432f27;--dark:#4a352b;--line:#634431;--paper:#f8e9c0;--cream:#fff2d0;--orange:#d58a4d;--mute:#796348;--gold:#ebbe69;--green:#567846;color:var(--ink);font-family:"Microsoft YaHei",system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;overflow:hidden;height:100%;background:#3b4431;overscroll-behavior:none}body{touch-action:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.52}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px dashed #387766;outline-offset:2px}button{border:2px solid var(--line);background:#edd69f;box-shadow:inset 1px 2px #fff0c5,inset -1px -3px #caa66e,0 2px #443329;padding:8px 12px;font-size:13px;font-weight:650}button:hover:not(:disabled){filter:brightness(1.07)}button:active:not(:disabled){translate:0 1px}button.good,.start-main{background:#749356;color:#fff6cd;text-shadow:1px 1px #394d30;box-shadow:inset 1px 2px #a8c77c,inset -1px -3px #4d6a3c,0 2px #443329}button.danger{color:#9b4633}button img{vertical-align:middle}button[aria-pressed=true],button.selected{background:#efc66e;border-color:#8b562d}input,select,textarea{background:#fff5d8;border:2px solid #a78458;padding:9px;border-radius:0}h1,h2,h3,p{margin:0}button,canvas,#hud,#title,#arcade{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#world{position:fixed;inset:0;width:100%;height:100%;image-rendering:pixelated;outline:0;touch-action:none;cursor:crosshair;display:block}#world:focus{outline:0}.ico{width:32px;height:32px;image-rendering:pixelated;object-fit:contain;vertical-align:middle;flex-shrink:0}[hidden]{display:none!important}
#title{position:fixed;inset:0;display:grid;place-items:center;z-index:9}.title-dim{position:absolute;inset:0;background:linear-gradient(0deg,#152920bd,transparent 25%,transparent 77%,#2b3c383d),linear-gradient(90deg,#1d382f32,#23342122);pointer-events:none}.title-group{position:relative;display:grid;justify-items:center;width:min(520px,89vw);filter:drop-shadow(0 7px 0 #35291b29)}.print-code{color:#fff5bb;background:#314b3fe8;border:2px solid #c7b581;padding:8px 18px;font:700 10px/1.2 monospace;box-shadow:0 4px #443722;z-index:2}.title-board{margin-top:14px;position:relative;text-align:center;width:100%;padding:26px 14px 24px;border:5px solid #563823;outline:2px solid #d4ae69;background:repeating-linear-gradient(0deg,transparent 0px,transparent 27px,#964d3445 27px,#964d3445 29px,transparent 31px),linear-gradient(115deg,#e2aa61,#d18a49 73%,#bb723b);box-shadow:inset 0 4px #f5c986,inset 0 -5px #a5683e,inset 4px 0 #ecc384,inset -4px 0 #b27a46,0 7px #483326}.title-board:before,.title-board:after{content:"";position:absolute;top:-18px;width:8px;height:19px;background:#695342;border:2px solid #42372a}.title-board:before{left:24%}.title-board:after{right:24%}.nail{position:absolute;top:11px;width:5px;height:5px;background:#674737;box-shadow:1px 1px #efc27e}.n1{left:12px}.n2{right:12px}.title-small{font-size:11px;letter-spacing:5px;color:#60452c}.title-board h1{font:900 clamp(42px,5.4vw,75px)/1.35 "Microsoft YaHei",sans-serif;letter-spacing:3px;color:#fff0aa;-webkit-text-stroke:1.3px #643e28;text-shadow:0 3px #805332,3px 5px #85552e;margin:4px 0}.title-rule{display:flex;align-items:center;justify-content:center;gap:9px;color:#80532b}.title-rule i{height:2px;background:#9b6438;width:52px;box-shadow:0 1px #eac281}.title-sub{font-size:13px;letter-spacing:4px;color:#5d402b;margin-top:8px}.title-actions{display:flex;gap:8px;margin-top:27px}.title-actions button{padding:12px 16px;min-height:45px;white-space:nowrap}.title-actions .start-main{background:#597c4c}#title-save{color:#fff4cb;font-size:12px;text-shadow:0 2px 2px #253f33;margin-top:14px}#title footer{position:absolute;bottom:max(14px,env(safe-area-inset-bottom));left:4%;right:4%;display:flex;justify-content:space-between;color:#f2e6ba;font:11px monospace;letter-spacing:1px}
#shade,#arcade{position:fixed;inset:0;z-index:20;background:#16261fcc;display:grid;place-items:center;padding:18px;touch-action:pan-y}#panel,#arcade>section{background:var(--paper);border:4px solid #5c422f;outline:2px solid #c09257;box-shadow:inset 0 0 0 3px #efd5a5,4px 5px #262a1d88;max-height:92dvh;width:min(760px,96vw);display:flex;flex-direction:column;min-height:0}#panel header,#arcade header{display:flex;align-items:center;justify-content:space-between;padding:14px 19px 12px;border-bottom:3px solid #a97e4c;background:linear-gradient(90deg,#eac58b,#f5dba6);flex-shrink:0}header small{font:bold 9px monospace;letter-spacing:2px;color:#816846}h2{font-size:22px;line-height:1.3;margin:3px 0 0;letter-spacing:1px}#x-panel,#arcade-exit{width:34px;height:34px;padding:0;background:#bf6f51;color:#fff1cb;font:24px/1 monospace}#pbody{padding:16px 19px;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#b89563 #eee1b9}#pbody p{line-height:1.75;font-size:13px;color:#705c45;margin-bottom:12px}#pbody h3{font-size:15px;margin:14px 0 8px}#pbody .actions,.actions{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:11px}.tabs{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:12px}.tabs button{padding:6px 10px;font-size:12px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:8px}.card,.row,.paper{background:#fff2d3;border:1px solid #baa078;padding:11px}.card{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.card p,.row small,.card small,.paper small{font-size:11px!important;line-height:1.6!important;color:#826b4d}.row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:6px 0}.row .detail,.row>div:first-child{min-width:0}.row b,.card b{font-size:13px}.row .actions{margin:0}.row small,.card small{display:block}.row button,.card button{font-size:12px;padding:7px 10px}.row .ico{margin-right:6px}.action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(108px,1fr));gap:7px}.action-grid button{min-height:55px;line-height:1.5}.action-grid small{display:block;color:#806549;font-size:10px}.statline,.tag{font:700 11px monospace;color:#705339}.statline{display:flex;flex-wrap:wrap;gap:12px;border:1px solid #b89a65;background:#eed9a7;padding:10px;margin:0 0 10px}.tag{background:#e8d59e;border:1px solid #c1a06a;padding:2px 5px;display:inline-block}.empty{padding:20px;text-align:center}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fields label,.form-line{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:bold}.fields input,.fields select{width:100%;min-width:0}.form-line{margin-bottom:12px}#pbody textarea{width:100%;height:72px;font-size:11px;user-select:text;touch-action:auto}.item-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:6px}.item-list button{text-align:left;font-size:12px;min-height:54px;padding:6px}.item-list small{display:block;font-size:10px;color:#886c46}.muted{color:#8c7759}#region-map{display:block;width:min(100%,550px);margin:0 auto 9px;image-rendering:pixelated;border:2px solid #8c754e}.day-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.day-grid>div{background:#fff4d5;border:1px solid #c6aa78;padding:7px 4px;min-height:36px;font:bold 12px monospace}.day-grid small{display:block;color:#936745;font-size:9px}.day-grid .today{background:#78935a;color:white}.heartline{color:#b35e57;letter-spacing:2px}.pager{justify-content:center}.note{border-left:3px solid #aa7a42;background:#eddbaf;padding:9px 12px;margin:9px 0;font-size:12px;line-height:1.6}.narrow{max-width:510px!important}#arcade>section{width:min(520px,94vw);padding-bottom:13px}#arcade-view{display:block;image-rendering:pixelated;width:calc(100% - 24px);margin:12px auto 5px;border:3px solid #5c4936;touch-action:none}#arcade-line{font-size:13px;text-align:center;padding:7px 13px;line-height:1.6}#arcade .actions{justify-content:center;margin:0}#arcade-key{touch-action:none;min-width:145px}.lib-panel{width:min(950px,96vw)!important}.lib-panel #pbody{padding:3px 6px}.date-line{display:flex;gap:10px;align-items:center}
.compact #panel{width:min(650px,98vw);max-height:93dvh}.compact #shade,.compact #arcade{padding:8px}.compact #panel header,.compact #arcade header{padding:8px 11px}.compact h2{font-size:18px}.compact #pbody{padding:10px}.compact .cards{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.compact .title-group{width:min(440px,90vw)}.compact .title-board{padding:16px 7px}.compact .title-actions{flex-wrap:wrap;justify-content:center;max-width:340px;margin-top:16px}.compact .title-actions button{padding:9px 12px;min-height:41px;font-size:12px}.compact .title-board h1{font-size:43px}.compact .title-sub{font-size:11px}.compact .title-small{font-size:9px}.compact #title footer{font-size:9px}.compact .row{flex-wrap:wrap}.compact .row .actions{gap:4px}.compact .row .actions button{min-height:34px}.compact .fields{gap:7px}
@media(max-height:530px) and (orientation:landscape){.compact .title-group{width:370px}.title-board{margin-top:6px}.compact .title-board{padding:8px 8px 10px}.compact .title-board h1{font-size:39px}.compact .title-actions{max-width:460px;margin-top:11px;flex-wrap:nowrap}.print-code{padding:4px 12px;font-size:8px}.compact #stick{width:80px;height:80px;bottom:8px}.compact #pocket-tool{right:90px;bottom:13px}.compact #pocket-use{height:55px;bottom:12px}.compact #toasts{top:9px;max-width:42vw}.compact #arcade>section{width:min(645px,94vw);display:grid;grid-template-columns:1.55fr 1fr;max-height:95dvh;overflow:auto}.compact #arcade header{grid-column:1/-1}.compact #arcade-view{grid-row:2/4}.compact #arcade-line{align-self:end}.compact #arcade .actions{align-self:start}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

#title-music{position:absolute;top:max(18px,env(safe-area-inset-top));left:max(20px,env(safe-area-inset-left));font-size:12px;background:#f1e4c4e8;min-height:40px;padding:7px 12px}
.bgm-card{display:flex;align-items:center;gap:22px;padding:22px 18px;background:linear-gradient(120deg,#e6d8ac,#f4e6c4);border:2px solid #a17c50;box-shadow:inset 0 0 0 3px #f7edcd}
.bgm-card>div:last-child{min-width:0}.bgm-card small{font-size:10px;color:#836544;letter-spacing:2px}.bgm-card h3{font-size:20px!important;margin:6px 0!important}.bgm-card p{font-size:12px!important;margin-bottom:8px!important}.bgm-card #bgm-status{font-size:11px;line-height:1.6;color:#586544;display:block}.bgm-card time{font:10px monospace;color:#887451;margin-top:5px;display:block}
#bgm-disc{width:96px;height:96px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;background:repeating-radial-gradient(circle,#3c493b 0px,#3c493b 2px,#56604c 3px,#374839 4px,#374839 6px);border:3px solid #6f714f;box-shadow:3px 4px #7e6a4840}#bgm-disc i{font:26px Georgia;color:#f9eac1;display:grid;place-items:center;background:#bb8052;width:39px;height:39px;border:3px solid #d4ae72;border-radius:50%;font-style:normal}#bgm-disc.spinning{animation:bgm-spin 12s linear infinite}@keyframes bgm-spin{to{transform:rotate(360deg)}}
.bgm-volume{display:grid;gap:4px;margin:22px 0 14px;font-size:13px;font-weight:bold}.bgm-volume>span{display:flex;justify-content:space-between}.bgm-volume output{font:12px monospace;color:#7c6548}.bgm-volume input{width:100%;min-height:44px;padding:0;cursor:pointer;accent-color:#648148;touch-action:pan-y}
.bgm-modes{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0 15px}.bgm-modes button{min-height:42px;flex:1;white-space:nowrap}.bgm-footnote{font-size:11px!important;color:#8e7858!important}.bgm-controls button{min-height:42px}
.compact #title-music{top:max(8px,env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));font-size:11px;padding:5px 9px;min-height:36px}.compact .bgm-card{gap:13px;padding:14px 11px}.compact #bgm-disc{width:68px;height:68px}.compact .bgm-card h3{font-size:17px!important}.compact .bgm-modes{gap:5px}.compact .bgm-modes button{padding:7px 9px;font-size:12px}.compact .bgm-volume{margin:15px 0 9px}
@media(prefers-reduced-motion:reduce){#bgm-disc.spinning{animation:none}}