:root{--paper:#f7f3e9;--ink:#233e37;--muted:#73776b;--line:#d8d6c7;--green:#284b40;--gold:#b78d4f;--orange:#ac5a38;--serif:Georgia,'Noto Serif KR','Batang',serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Pretendard','Noto Sans KR',Arial,sans-serif;font-size:14px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:4px}button{border:0;background:none}header{height:100px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4%;gap:24px}.brand{display:flex;gap:14px;align-items:center;text-decoration:none;color:inherit;font-family:var(--serif);font-size:25px;font-weight:bold}.seal{border:1px solid var(--gold);color:var(--gold);padding:9px 10px;font-size:26px}.brand small{display:block;font:9px Arial;letter-spacing:2.4px;margin-top:9px}.header-note{font-family:var(--serif);color:#727969;font-size:13px}nav{display:flex;gap:20px;align-items:center}nav button{font-size:12px}nav span{color:var(--gold);margin-left:9px}.icon-button{font-size:22px}main{max-width:1500px;margin:0 auto;padding:34px 4% 24px}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:700;color:var(--gold);text-transform:uppercase}.topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:20px}.topline h1{font:29px var(--serif);margin:8px 0}.subtext{font-size:12px;color:var(--muted);line-height:1.7}.stats{display:flex;gap:0}.stat{padding:0 25px;border-left:1px solid var(--line)}.stat small{display:block;font-size:10px;color:var(--muted);margin-bottom:8px}.stat b{font:27px var(--serif)}.stat em{font:12px Arial;color:var(--muted);font-style:normal;margin-left:5px}.layout{display:grid;grid-template-columns:185px minmax(300px,1fr) 370px;gap:24px;align-items:start}.side{padding-top:10px}.side h2{font:18px var(--serif);margin:8px 0 24px}.day-list{display:grid;gap:0}.day-step{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid #deded1;color:#969b8f;font-size:12px;align-items:center}.day-step .num{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;border:1px solid #d7dace;font-size:11px}.day-step.active{color:var(--green);font-weight:bold}.day-step.active .num{background:var(--green);border-color:var(--green);color:#fff}.day-step.done .num{color:var(--gold)}.day-step small{display:block;font-size:10px;font-weight:normal;margin-top:4px;color:var(--muted)}.side-note{margin-top:25px;border-left:2px solid var(--gold);padding-left:13px;font:14px/1.8 var(--serif);color:#737c6d}.visitor-panel{min-width:0}.stage{position:relative;height:410px;overflow:hidden;background:#dddcc4;border:1px solid #d0d1bc;isolation:isolate}.stage:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 89px,#7e947c22 90px,#7e947c22 91px),linear-gradient(#a5b29a44,#eef0d544);z-index:-1}.arch{position:absolute;width:61%;height:370px;border-radius:220px 220px 0 0;bottom:50px;left:19.5%;background:linear-gradient(160deg,#fdf8df,#d5dac1);box-shadow:0 0 0 10px #697e6433,0 0 0 11px #abb398}.arch:before{content:'';position:absolute;left:49%;height:100%;border-left:2px solid #97a58a66}.arch:after{content:'';position:absolute;top:48%;width:100%;border-top:2px solid #97a58a66}.moon{position:absolute;left:24%;top:35px;background:#fff8d1;border-radius:50%;width:55px;height:55px;box-shadow:0 0 40px #fff9d5}.shelf{position:absolute;right:0;top:98px;width:65px;height:12px;background:#899477;border-bottom:4px solid #647358;box-shadow:0 75px #899477,0 150px #899477}.shelf:before{content:'▰ ▰';position:absolute;top:-30px;color:#b7ab82;font-size:27px}.hanging{position:absolute;left:35px;top:0;width:1px;height:74px;background:#6a735a}.hanging:after{content:'';position:absolute;width:48px;height:28px;border-radius:40px 40px 0 0;background:#3e5a4c;left:-24px;bottom:0;box-shadow:0 10px 30px #fff1a6}.visitor-image{position:absolute;height:365px;width:245px;object-fit:contain;bottom:12px;left:50%;transform:translateX(-50%);mix-blend-mode:multiply;filter:drop-shadow(10px 5px 1px #4b59421a);animation:arrive .5s ease-out}.silhouette{position:absolute;inset:70px 10px 40px;display:grid;place-content:center;text-align:center;font-size:90px;color:#324c4055}.silhouette small{font:12px Arial;line-height:2;color:var(--ink)}.counter{position:absolute;bottom:0;left:0;right:0;height:45px;background:linear-gradient(#6d4d37 0 7px,#977553 7px 12px,#76563e 12px);box-shadow:0 -2px 0 #c7a66f}.stage-label{position:absolute;top:18px;right:18px;font-size:9px;letter-spacing:2px;color:#69755c;writing-mode:vertical-rl}.stage-tag{position:absolute;left:18px;bottom:60px;background:#f8f5e9e8;padding:8px 12px;border:1px solid #c4c6b1;font-size:10px;letter-spacing:1px}.dialogue{background:#fffcf4;border:1px solid var(--line);margin-top:-1px;padding:22px 24px;min-height:132px;position:relative}.guest-label{font-size:11px;font-weight:bold;display:flex;align-items:center;gap:8px;margin-bottom:11px}.guest-label:before{content:'';width:5px;height:5px;background:var(--gold);border-radius:50%}.dialogue p{font:15px/1.8 var(--serif);margin:0}.observation{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.trait{font-size:10px;border:1px solid #d4d7c8;color:#66705e;border-radius:20px;padding:5px 9px}.workbench{background:#fffdf7;border:1px solid var(--line);padding:22px}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.panel-heading h2{font:22px var(--serif);margin:0}.panel-heading span{font-size:10px;color:var(--muted)}.ticket{position:relative;background:#f1eee2;padding:17px 18px 19px;margin-bottom:22px;border-top:2px solid #c2ad80}.ticket:after{content:'';position:absolute;bottom:-5px;left:0;right:0;height:6px;background:linear-gradient(135deg,#f1eee2 25%,transparent 25%) -5px 0/10px 10px,linear-gradient(225deg,#f1eee2 25%,transparent 25%) -5px 0/10px 10px}.ticket-head{display:flex;justify-content:space-between;font-size:9px;color:#777d6e;letter-spacing:1.5px;margin-bottom:12px}.ticket p{margin:0;font:16px/1.75 var(--serif)}.ticket strong{font-weight:400;color:var(--orange)}.recipe{display:grid;gap:16px}.recipe fieldset{border:0;margin:0;padding:0;min-width:0}.recipe legend{display:flex;font-size:10px;margin-bottom:8px;color:#6b7566}.recipe legend b{color:#b3986e;margin-right:7px;font-weight:normal}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.choice-grid button{border:1px solid #dbddcf;padding:10px 4px;font-size:11px;background:#fdfcf8;transition:all .15s}.choice-grid button:hover{border-color:#6b8b74;background:#f0f3e9}.choice-grid button[aria-pressed=true]{background:var(--green);border-color:var(--green);color:#fff}.recipe fieldset:first-child .choice-grid{grid-template-columns:repeat(3,1fr)}.cup-line{display:flex;justify-content:space-between;padding:18px 0 13px;font-size:10px;color:var(--muted);gap:8px}.primary{background:var(--green);color:#fff;border:1px solid var(--green);padding:14px 20px;font-size:12px;display:inline-flex;justify-content:center;gap:20px;align-items:center;min-height:45px}.primary:hover:not(:disabled){background:#18392f}.wide{width:100%}.secondary{padding:12px 18px;border:1px solid var(--line);font-size:12px;background:#fffdf7;display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:44px}.helper{font-size:10px;text-align:center;color:var(--muted);line-height:1.6;margin:10px 0 0}.result h3{font:28px var(--serif);margin:10px 0}.result .delta{font:36px var(--serif);color:var(--gold);margin:10px 0}.result .negative{color:#a35740}.result p{font-size:12px;line-height:1.7;color:var(--muted)}.audit{margin:18px 0;border-top:1px solid var(--line)}.audit-row{display:grid;grid-template-columns:50px 1fr 1fr;gap:8px;padding:12px 0;border-bottom:1px solid #e6e5da;font-size:10px}.audit-row span:first-child{color:var(--muted)}.audit-row .wrong{color:#a35740}.audit-row .correct{color:#54765f}.result-note{background:#f3f1e8;padding:14px;font-size:11px;line-height:1.8}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:550px;border:1px solid var(--line);background:#fffcf4}.hero-copy{padding:65px 12% 45px}.hero h1{font:52px/1.25 var(--serif);letter-spacing:-2px;margin:22px 0}.hero h1 em{color:var(--gold);font-style:normal}.hero-copy p{font-size:13px;line-height:2;color:#6f776b;max-width:360px}.hero .actions{display:flex;gap:10px;margin:26px 0;flex-wrap:wrap}.hero-stage{background:#cbd1b7;position:relative;overflow:hidden;min-height:520px}.hero-stage .arch{bottom:0;height:90%;width:80%;left:10%;background:linear-gradient(#f7f1d7,#cfd6b5)}.hero-stage img{position:absolute;width:90%;height:92%;bottom:-20px;left:5%;object-fit:contain;mix-blend-mode:multiply}.hero-stamp{position:absolute;bottom:35px;left:35px;z-index:1;font:15px/1.8 var(--serif);color:#34513c}.contract-line{border-top:1px solid var(--line);margin-top:26px;padding-top:20px;display:flex;gap:20px;font-size:11px;color:#66705e}.contract-line b{font:22px var(--serif);display:block;margin-bottom:7px}.summary{max-width:850px;margin:10px auto 25px;background:#fffcf5;padding:45px;border:1px solid var(--line)}.summary h1{font:38px var(--serif);margin:13px 0}.summary-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;gap:16px}.summary-total{font:46px var(--serif);color:var(--gold)}.summary table{width:100%;border-collapse:collapse;font-size:12px;margin:22px 0}.summary th{text-align:left;color:var(--muted);font-size:10px;font-weight:normal}.summary th,.summary td{border-bottom:1px solid var(--line);padding:14px 8px}.summary td:last-child,.summary th:last-child{text-align:right}.summary blockquote{font:17px/1.9 var(--serif);margin:25px 0;color:#75806d}.summary .actions{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap}.good{color:#4d745c}.bad{color:#a05b43}footer{max-width:1500px;margin:0 auto;padding:20px 4% 30px;display:flex;justify-content:space-between;gap:16px;font-size:9px;letter-spacing:.7px;color:#8a8f7d}footer i{margin:0 10px}dialog{padding:0;border:1px solid #c8cbb8;background:#fcfaf1;color:var(--ink);width:min(760px,92vw);max-height:88vh;box-shadow:0 30px 100px #172d3044}dialog::backdrop{background:#1b332bbb;backdrop-filter:blur(4px)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:24px 30px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fcfaf1;z-index:2}.modal-head h2{font:24px var(--serif);margin:0}.modal-head button{font-size:25px;width:40px;height:40px}.modal-body{padding:25px 30px;font-size:12px;line-height:1.9}.modal-body h3{font:20px var(--serif);margin:24px 0 12px}.modal-body h3:first-child{margin-top:0}.modal-body table{width:100%;border-collapse:collapse;margin:14px 0}.modal-body td,.modal-body th{text-align:left;border-bottom:1px solid var(--line);padding:9px;font-size:11px}.modal-body .notice{color:#8b7351;font-size:11px}.album{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.album-item{border:1px solid var(--line);background:#eeeee0;text-align:center;padding:10px}.album-item img{width:100%;height:155px;object-fit:contain;mix-blend-mode:multiply}.album-item b{display:block;font-size:11px}.album-item small{color:var(--muted);font-size:9px}.unknown{height:155px;display:grid;place-items:center;font:50px var(--serif);color:#bdc2ac}.settings-row{padding:18px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;align-items:center}#toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,20px);background:#263f35;color:#fff;padding:14px 22px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:20}#toast.show{opacity:1;transform:translate(-50%,0)}@keyframes arrive{from{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%,0)}}@media(min-width:1450px){.stage{height:470px}.visitor-image{height:425px;width:290px}.arch{height:430px}.dialogue{min-height:142px}}@media(max-width:1150px){.layout{grid-template-columns:140px minmax(250px,1fr) 330px;gap:18px}main{padding:25px 3%}.header-note{display:none}header{padding:0 3%}.stat{padding:0 17px}.workbench{padding:18px}.hero-copy{padding:50px 9%}.hero h1{font-size:44px}}@media(max-width:930px){.layout{grid-template-columns:minmax(250px,1fr) 330px}.side{display:none}.stage{height:440px}.visitor-image{height:400px;width:270px}.arch{height:400px}.topline h1{font-size:26px}.stat{padding:0 15px}.hero h1{font-size:37px}.hero-copy{padding:40px 9%}.hero-stage{min-height:530px}}@media(max-width:680px){header{height:80px;padding:0 20px}.brand{font-size:21px;gap:10px}.seal{font-size:20px;padding:8px}.brand small{font-size:7px;letter-spacing:1.2px}nav{gap:10px}nav button{font-size:10px}nav span{display:none}.icon-button{font-size:19px}main{padding:24px 18px}.topline{align-items:flex-start;gap:15px;margin-bottom:22px}.topline h1{font-size:22px}.topline .subtext{display:none}.stat{padding:0 10px}.stat b{font-size:23px}.stat small{font-size:9px}.stat:first-child{display:none}.layout{grid-template-columns:1fr;gap:22px}.stage{height:350px}.visitor-image{height:320px;width:215px}.arch{height:310px}.dialogue{padding:19px 21px;min-height:115px}.dialogue p{font-size:14px}.workbench{padding:22px}.choice-grid button{padding:13px 5px;font-size:12px}.recipe{gap:17px}.hero{grid-template-columns:1fr}.hero-copy{padding:30px 27px}.hero h1{font-size:40px;margin:20px 0}.hero-stage{min-height:320px;grid-row:2}.hero-stage img{height:112%;bottom:-36px}.hero-stamp{font-size:11px;left:20px;bottom:20px}.hero-copy p{font-size:12px}.contract-line{gap:20px}.summary{padding:25px 20px}.summary h1{font-size:29px}.summary-total{font-size:35px}.summary td,.summary th{font-size:10px;padding:12px 5px}.summary td:nth-child(2),.summary th:nth-child(2){display:none}.album{grid-template-columns:repeat(3,1fr);gap:8px}.album-item img,.unknown{height:115px}.modal-body,.modal-head{padding:20px}.modal-body th,.modal-body td{padding:8px 4px;font-size:10px}.settings-row{flex-wrap:wrap}footer{padding:0 20px 24px;flex-direction:column;gap:10px;font-size:8px}.summary-top{align-items:flex-start}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* Order scene supplied by the user. The portrait mat keeps opaque illustrations legible. */
.stage-cafe{background:#251b2d url('assets/order-cafe.webp') center center/cover no-repeat;border-color:#77563e}
.stage-cafe:before{background:linear-gradient(180deg,#13102510 50%,#160f2580);z-index:0;pointer-events:none}
.stage-cafe .visitor-portrait{position:absolute;left:50%;bottom:25px;transform:translateX(-50%);width:245px;height:365px;background:#f5e9d2;border:1px solid #d6b87b;border-radius:130px 130px 5px 5px;box-shadow:0 8px 32px #09081980,inset 0 0 0 5px #f8eddb}
.stage-cafe .visitor-image{bottom:28px;height:350px;width:233px;filter:none;border-radius:125px 125px 2px 2px;animation:none}
.stage-cafe .stage-label{color:#f5d8aa;text-shadow:0 1px 5px #160c0a;top:16px;right:14px}
.stage-cafe .stage-tag{left:14px;bottom:14px;background:#231c25ed;color:#f7e4bf;border-color:#aa814c;z-index:1}
@media(min-width:1450px){.stage-cafe .visitor-portrait{height:425px;width:290px}.stage-cafe .visitor-image{height:410px;width:278px}}
@media(min-width:681px) and (max-width:930px){.stage-cafe .visitor-portrait{height:400px;width:270px}.stage-cafe .visitor-image{height:385px;width:258px}}
@media(max-width:680px){.stage-cafe{height:350px;background-position:50% 45%}.stage-cafe .visitor-portrait{height:310px;width:209px;bottom:20px}.stage-cafe .visitor-image{height:297px;width:197px;bottom:23px}.stage-cafe .stage-label{font-size:8px;right:10px}}

/* Preserve the supplied title artwork; align real controls with its painted buttons. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body.is-menu{background:#171321;color:#f6ddb9}
body.is-menu>header,body.is-menu>footer{display:none}
body.is-menu>main{max-width:none;width:100%;min-height:100vh;min-height:100dvh;padding:0;display:grid;place-items:center}
.main-menu{width:min(100vw,calc((100dvh - 64px)*1821/864));margin:auto}
.title-screen{position:relative;width:100%;aspect-ratio:1821/864;isolation:isolate}
.title-art{display:block;width:100%;height:100%;object-fit:contain}
.menu-start{position:absolute;left:38.6%;top:65.8%;width:22.8%;height:16.2%;border-radius:10px;cursor:pointer;transition:background .2s,box-shadow .2s}
.menu-start:hover{background:#ffd99922;box-shadow:0 0 25px #f5c77b66}
.menu-start:focus-visible,.menu-settings:focus-visible{outline:3px solid #fff0b5;outline-offset:4px;box-shadow:0 0 28px #ffd99588}
.menu-settings{position:absolute;left:3.5%;top:.5%;width:8.1%;height:16%;border-radius:12px;transition:background .2s}
.menu-settings:hover{background:#ffd99933}
.menu-resume{position:absolute;left:34%;top:82.3%;width:32%;margin:0;text-align:center;padding:8px 10px;color:#ffe7bd;background:#201423df;border:1px solid #bc8a58aa;border-radius:4px;font-size:clamp(10px,1vw,14px);line-height:1.4}
.menu-controls{display:flex;align-items:center;justify-content:center;gap:16px;min-height:64px;padding:10px 18px;color:#d8b693}
.menu-controls button{font-size:12px;min-height:44px;padding:6px 12px;transition:color .2s}
.menu-controls button:hover{color:#fff0c7}
.menu-controls>span{color:#785c4f}
.menu-controls small{font-size:10px;color:#947e78;margin-left:16px;letter-spacing:2px}
@media(max-width:680px){.main-menu{width:100%}.menu-start{min-height:44px;top:63.5%}.menu-settings{min-width:44px;min-height:44px}.menu-controls{gap:2px;flex-wrap:wrap;padding:14px 8px}.menu-controls button{font-size:11px;padding:6px 10px}.menu-controls small{flex-basis:100%;text-align:center;margin:0;padding-top:4px}.menu-resume{top:83.5%;width:50%;left:25%;font-size:10px;padding:4px 6px}}

/* Guests stand behind the counter; dialogue floats over the cafe scene. */
.visitor-panel{position:relative}
.stage-cafe{height:480px;background-position:center center}
.stage-cafe .visitor-portrait{display:none}
.stage-cafe .visitor-image{left:24%;bottom:10px;transform:translateX(-50%);width:46%;height:91%;border:0;border-radius:0;mix-blend-mode:normal;filter:drop-shadow(0 8px 10px #140e2180);z-index:1}
.visitor-panel>.dialogue{position:absolute;top:24px;left:45%;right:18px;min-height:0;margin:0;padding:19px 20px;background:#fff7e8;color:#423429;border:2px solid #9c7253;border-radius:17px;box-shadow:0 5px 20px #120c2544;z-index:5}
.visitor-panel>.dialogue:after{content:'';position:absolute;left:15px;bottom:-14px;width:22px;height:22px;background:#fff7e8;border-right:2px solid #9c7253;border-bottom:2px solid #9c7253;transform:skewY(-35deg);clip-path:polygon(0 0,100% 0,100% 100%)}
.visitor-panel>.dialogue p{font-size:14px;line-height:1.8}
.visitor-panel>.dialogue .guest-label{font-size:10px;color:#8b6544}
.visitor-panel>.dialogue .observation{margin-top:12px;gap:4px}
.visitor-panel>.dialogue .trait{font-size:9px;padding:4px 7px}
.stage-cafe .stage-label{display:none}
.stage-cafe .stage-tag{bottom:18px;left:18px;z-index:4}
.scene-counter{position:absolute;bottom:0;left:0;right:0;height:58px;background:linear-gradient(#d2a06d 0 4px,#875236 4px 12px,#4c2d27 12px 15px,#70432e 15px);border-top:2px solid #e4b47a;box-shadow:0 -8px 20px #170e2033;z-index:3}
.scene-counter:after{content:'';position:absolute;width:54px;height:32px;right:20px;top:-25px;background:#eee2c8;border:3px solid #6f4935;border-radius:3px 3px 16px 16px;box-shadow:8px 2px 0 -2px #d1b892}
.sprite-loading{opacity:1}
.sprite-fallback{background:#fff9ee;border-radius:10px}
.album-item img{mix-blend-mode:normal}
@media(min-width:1450px){.stage-cafe{height:530px}.stage-cafe .visitor-image{height:92%;width:45%}}
@media(max-width:930px) and (min-width:681px){.stage-cafe{height:490px}.visitor-panel>.dialogue{left:43%;right:12px;top:20px;padding:16px}.stage-cafe .visitor-image{width:49%;left:24%}}
@media(max-width:680px){.stage-cafe{height:390px}.stage-cafe .visitor-image{height:91%;width:49%;left:24%;bottom:8px}.visitor-panel>.dialogue{left:44%;right:10px;top:16px;padding:14px 12px}.visitor-panel>.dialogue p{font-size:12px;line-height:1.8}.visitor-panel>.dialogue .trait{font-size:8px}.scene-counter{height:47px}}
.order-clock{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0 0 15px;color:#57725a;font-size:10px}.order-clock b{font:25px var(--serif);margin-left:auto}.order-clock progress{width:100%;height:5px;accent-color:#54745a}.order-clock.urgent{color:#b84a38}.order-clock.urgent progress{accent-color:#b84a38}

/* Real hit targets for all six illustrated menu tools. */
.menu-tool{position:absolute;top:.5%;width:8.1%;height:16%;border-radius:12px;transition:background .2s,box-shadow .2s}
.menu-tool:hover{background:#ffd99933;box-shadow:0 0 24px #f5c77b55}
.menu-tool:focus-visible{outline:3px solid #fff0b5;outline-offset:2px}
.menu-tool span{position:absolute;left:50%;bottom:-22px;transform:translateX(-50%);white-space:nowrap;color:#ffe7bd;background:#201423ed;border:1px solid #bc8a5877;border-radius:4px;padding:3px 7px;font-size:clamp(9px,1vw,12px)}
@media(max-width:680px){.menu-tool span{bottom:-19px;padding:2px 3px;font-size:8px}}

.menu-game-title{position:absolute;left:33%;top:23%;width:34%;height:23%;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2%;background:radial-gradient(ellipse,#51302c,#342028);border:2px solid #b37d4d;border-radius:14% 9% 13% 8%;box-shadow:inset 0 0 0 4px #392329,inset 0 0 0 5px #9d674344,0 4px 14px #180f2580;color:#ffe3ac;text-shadow:0 2px 2px #150b18;font:bold clamp(18px,3.7vw,62px)/1.15 var(--serif);letter-spacing:-.04em;pointer-events:none}
.menu-game-title span:first-child{color:#e6a37f;font-size:.75em}
header .brand{font-size:20px}
@media(max-width:680px){.menu-game-title{border-width:1px;font-size:clamp(15px,3.9vw,27px)}header .brand{font-size:15px;max-width:52%}}

.recipe-guide{margin:0 0 20px;padding:14px;border:2px solid #b78d4f;background:#fff5db;border-radius:6px;color:#34483c}.recipe-guide h3{font-size:14px;margin:0 0 10px}.recipe-guide h3 small{float:right;font-size:10px;font-weight:normal;color:#75613e}.recipe-guide>div{display:grid;gap:7px;font-size:12px}.recipe-guide b{color:#986c2e;padding:0 5px}.recipe-guide p{border-top:1px solid #d6bf88;margin:12px 0 0;padding-top:10px;font-size:11px;line-height:1.6}.recipe-guide strong{display:block;color:#8e432e}
.notice-board{max-width:1200px;margin:14px auto;padding:16px 22px;background:#fff7e8;color:#34483c;border:1px solid #b78d4f;border-radius:8px;width:92%}.notice-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.notice-heading h2{font:20px var(--serif);margin:0}.notice-heading button,.notice-heading a,.notice-actions button{font-size:12px;padding:9px 12px;border:1px solid #b9aa8b;border-radius:4px;background:#fffaf0;color:#34483c;text-decoration:none;min-height:40px}.notice-status{font-size:12px;color:#974632}.notice-status:empty{display:none}.notice-items details{border-top:1px solid #dbcba7;margin-top:12px;padding-top:12px}.notice-items summary{cursor:pointer;font-weight:bold;line-height:1.8;overflow-wrap:anywhere}.notice-items time{font-size:11px;color:#73776b;margin-left:14px;font-weight:normal}.notice-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;font-size:14px}.notice-actions{display:flex;gap:10px;justify-content:flex-end}.notice-editor{padding:25px}.notice-editor label{display:block;margin:16px 0}.notice-editor input,.notice-editor textarea{display:block;width:100%;font:inherit;padding:12px;margin-top:6px;border:1px solid #b9aa8b;background:#fffdf7;color:#233e37}.notice-error{color:#973b2a}body.is-onboarding>.notice-board,body.is-ending>.notice-board{display:none}body.is-menu{display:flex;flex-direction:column}body.is-menu>.notice-board{order:2}body.is-menu>main{min-height:0;order:1}@media(max-width:680px){.notice-heading{align-items:flex-start}.notice-heading h2{font-size:17px}.notice-heading>div{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end}.notice-heading button,.notice-heading a{font-size:10px;padding:7px}.notice-board{padding:15px}}
.stage-tag{max-width:calc(100% - 36px);font-weight:700;line-height:1.45}.stage-tag-special{background:#fff4d8;color:#72501f;border-color:#c29a54;box-shadow:0 2px 14px #3c2c1522}