:root{--game-chrome-height:calc(48px + env(safe-area-inset-top,0px))}.game-chrome{z-index:20;top:env(safe-area-inset-top,0px);padding:6px max(12px,env(safe-area-inset-right)) 6px max(12px,env(safe-area-inset-left));box-sizing:border-box;pointer-events:none;color:#413d37;justify-content:space-between;align-items:center;gap:12px;height:48px;font:500 14px/1.2 system-ui,Yu Gothic,Apple SD Gothic Neo,Malgun Gothic,Noto Sans KR,sans-serif;display:flex;position:fixed;left:0;right:0}.game-chrome .game-list-link{min-height:36px;color:inherit;white-space:nowrap;pointer-events:auto;touch-action:manipulation;background:#fff9ec;border-radius:999px;align-items:center;gap:6px;padding:0 10px;text-decoration:none;display:inline-flex}.game-chrome svg{flex-shrink:0;width:16px;height:16px;display:block}.game-chrome .language-select{box-sizing:border-box;pointer-events:auto;background:#fff9ec;border:1px solid #81796b;border-radius:999px;flex-shrink:0;align-items:center;height:36px;display:flex;position:relative}.language-select>svg{pointer-events:none;position:absolute;left:10px}.language-select>span{pointer-events:none;position:absolute;right:10px}.game-chrome select{appearance:none;width:128px;height:36px;min-height:36px;color:inherit;font:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:999px;margin:0;padding:0 27px 0 33px;font-size:14px}.game-chrome a:focus-visible,.game-chrome select:focus-visible{outline-offset:2px;outline:3px solid #ad613a}.with-game-chrome #app{top:var(--game-chrome-height);height:calc(100% - var(--game-chrome-height));position:relative}.with-game-chrome #game{top:var(--game-chrome-height);width:100%;height:calc(100% - var(--game-chrome-height));position:fixed;left:0}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:100%;margin:0;overflow:hidden}body{color:#fff0d7;background:#0d0e12;font:500 16px/1.35 system-ui,Yu Gothic,Apple SD Gothic Neo,Malgun Gothic,Noto Sans KR,sans-serif}p,h1,h2{margin:0}button,a,select{font:inherit}button{cursor:pointer;touch-action:none;border:0}button:focus-visible,a:focus-visible,canvas:focus-visible{outline-offset:3px;outline:3px solid #efa46b}[hidden]{display:none!important}#app{max-width:560px;margin:auto}canvas{touch-action:none;width:100%;height:100%;display:block}.game-chrome{color:#fff4e0;z-index:20;max-width:560px;margin:auto}.game-chrome .game-list-link,.game-chrome .language-select{background:#201d1d;border:1px solid #6d5b4c}.game-chrome select{color:#fff4e0}.game-chrome option{color:#17191c;background:#fff4e0}.play{width:100%;height:100%;position:relative;overflow:hidden}.play>canvas{position:absolute;inset:0}.picker{background:radial-gradient(at 35% 80%,#40241bbb,#0e1013e8 65%);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:14px 18px 54px;display:flex;position:absolute;inset:0}.picker h1{letter-spacing:.08em;white-space:nowrap;color:#ffe6c4;font:800 clamp(38px,10vw,52px)/1.2 Yu Mincho,Hiragino Mincho ProN,Apple SD Gothic Neo,Malgun Gothic,Noto Sans KR,serif}.picker>p{color:#c8b59e;letter-spacing:.15em;font-size:16px}.gather-picker{flex-direction:column;align-items:center;gap:8px;width:100%;max-width:400px;display:flex}.gather-picker h2{color:#c8b59e;font-size:16px;font-weight:600}.gathers{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;display:grid}.gathers button{color:#fff0d7;background:#201c1bcc;border:1px solid #8a7660;border-radius:10px;min-height:40px;font-size:16px}.gathers button[aria-pressed=true]{color:#3b2517;background:#ffe6c4;border-color:#ffe6c4;font-weight:800;box-shadow:0 0 16px #f8c86b26}.gather-hint{color:#c8b59e;white-space:nowrap;font-size:14px;line-height:1.35}.colors{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 9px;width:100%;max-width:400px;margin-top:0;display:grid}.colors button{color:#fff0d7;background:0 0;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:4px 0;font-size:16px;line-height:1.25;display:flex}.colors button>span:last-child{justify-content:center;align-items:center;min-height:40px;display:flex}.orb{aspect-ratio:1;border-radius:50%;width:clamp(64px,18vw,86px);display:block;position:relative;overflow:hidden;box-shadow:inset -9px -8px 14px #031323aa,inset 2px 3px 5px #fff8,0 16px 23px -11px #000,0 0 18px #f8c86b13}.orb:after{content:"";background:radial-gradient(at 29% 21%,#fff 0 2%,#fff9 3%,#fff0 17%),linear-gradient(105deg,#0000 15%,#ffffff70 19%,#ffffff12 22%,#0000 30% 73%,#ffffffb0 79%,#0000 83%);border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 2px 2px #ffffff70}.orb-0{background:repeating-conic-gradient(from 20deg at 50% 140%,#1257b2 0deg 7deg,#d3f6ff 8deg 10deg,#499ae3 11deg 21deg)}.orb-1{background:repeating-conic-gradient(from -50deg at 8% 80%,#7f3417 0deg 4deg,#f0b54c 6deg 18deg,#ffe0a0 19deg 22deg)}.orb-2{background:radial-gradient(circle at 31% 34%,#c9ffeb 0 2%,#53af89 3% 6%,#0000 7%) 0 0/30px 29px,radial-gradient(circle at 65% 63%,#d1ffea 0 2%,#418c71 3% 6%,#0000 7%) 0 0/23px 24px,radial-gradient(circle at 67% 21%,#c9ffeb 0 1%,#308668 2% 4%,#0000 5%) 0 0/37px 39px,radial-gradient(circle,#81d1aa,#1e644e) 0 0/100% 100%}.orb-3{background:repeating-linear-gradient(55deg,#0000 0 13px,#ffd8c4d9 14px 15px,#0000 16px 27px),repeating-linear-gradient(-55deg,#b4374a 0 13px,#f8d1c7 14px 15px,#8d1c37 16px 27px)}.orb-4{background:conic-gradient(from 20deg at 30% 25%,transparent 0 20%,#d4a342 22% 39%,transparent 40%),radial-gradient(circle at 69% 70%,#c99732 0 3%,transparent 5%),radial-gradient(circle at 25% 30%,#f4f7e1,#a2b2a8);background-size:27px 29px,38px 32px,100% 100%}.orb-5{background:repeating-radial-gradient(at 0 10%,#edf4e9 0 8px,#b4d7dc 10px 13px,#e1ece5 17px 22px)}.readout{pointer-events:none;grid-template-columns:1fr auto;align-items:center;display:grid;position:absolute;top:5%;left:7%;right:7%}.volume-line{align-items:center;gap:7px;display:flex}#capacity{letter-spacing:.01em;font-variant-numeric:tabular-nums;font-size:22px}.clock{font-variant-numeric:tabular-nums;align-items:baseline;gap:4px;display:flex}#clock{font-size:24px}.clock-unit{color:#b4a495;font-size:14px}.heat-bar{background:#3a2925;border-radius:8px;grid-column:1/-1;height:4px;margin-top:8px;overflow:hidden}.heat-bar span{transform-origin:0;background:linear-gradient(90deg,#942a17,#ff8633,#ffe4a5);width:100%;height:100%;display:block}.danger #capacity{color:#ffc178;text-shadow:0 0 14px #ff672a88}.done{color:#fff2de;background:#28211fbd;border:1px solid #bda88a88;border-radius:30px;min-height:40px;padding:6px 21px;font-weight:700;position:absolute;top:17%;right:7%}.done:disabled{opacity:.3}.sound{color:#dacbb5;background:#201c1b99;border:1px solid #8a76604d;border-radius:50%;width:40px;height:40px;font-size:24px;position:absolute;top:17%;left:5%}.play[data-phase=select] .sound{top:auto;bottom:3%}.controls{align-items:center;gap:16px;height:65px;display:flex;position:absolute;bottom:4%;left:7%;right:7%}.control-wrap{flex:1;height:100%;position:relative}.control-wrap:only-child{max-width:220px;margin:auto}.controls button{border:1px solid #bb83665e;border-radius:18px;width:100%;height:100%;font-size:22px;font-weight:800;transition:background .15s,box-shadow .15s,transform .1s}.furnace-button{color:#ffba7d;background:linear-gradient(145deg,#4b2a24,#2b1b1a);box-shadow:inset 0 1px #fbc08b22,0 4px 18px #0005}.blow-button{color:#3b2517;background:linear-gradient(145deg,#fff1d6,#dcc29d);box-shadow:inset 0 2px #fff9,0 4px 24px #e88b2a22}.controls .pressed{transform:scale(.97);box-shadow:0 0 32px #ff872c77}.furnace-button.pressed{background:#96371d}.cold{animation:1.4s infinite pulse}.cold-warning{z-index:5;color:#ffd9a6;white-space:nowrap;pointer-events:none;background:#2a1c15e6;border:1px solid #e0a15e;border-radius:30px;padding:7px 16px;font-size:17px;font-weight:750;position:absolute;top:calc(17% + 64px);left:50%;transform:translate(-50%)}.cold-warning[data-level=hard]{color:#fff;background:#b3261ef2;border-color:#ffb4a0;animation:.7s infinite warn}.cold-warning[data-level=cracking]{color:#fff;background:#e0160cf7;border-color:#fff;font-size:20px}.guide{pointer-events:none;z-index:4;color:#fff0d2;text-shadow:0 2px 6px #000;position:absolute;inset:0}.guide p{white-space:nowrap;font-size:16px;position:absolute}.hand{filter:drop-shadow(0 2px 4px #000);width:33px;height:42px;display:block;position:absolute}.hand svg{width:100%;height:100%;display:block}.blow-guide .hand,.done-guide .hand{animation:1.6s infinite press}.done.guided{background:#59402b;border-color:#ffe0a0;animation:1.4s infinite pulse}.wall-guide .hand{animation:1.7s infinite squeeze}.lip-guide .hand{animation:1.7s infinite open-lip}.anneal{z-index:9;pointer-events:none;position:absolute;inset:0;overflow:hidden}.door{background:repeating-linear-gradient(0deg,#ffffff03 0 1px,#0000 1px 7px),linear-gradient(90deg,#1c1e23,#33343a 30%,#242329);border:2px solid #55505a;width:50.5%;position:absolute;top:0;bottom:0;box-shadow:0 0 50px #000}.door:after{content:"";background:linear-gradient(90deg,#151518,#7e7570,#2a2524);border-radius:5px;width:12px;height:74px;position:absolute;top:42%;box-shadow:2px 2px 5px #000}.door-left{animation:2.2s both door-left;left:0}.door-right{animation:2.2s both door-right;right:0}.door-left:after{right:14px}.door-right:after{left:14px}.anneal>p{text-align:center;color:#f2ddbb;text-shadow:0 2px 6px #000;font-size:20px;line-height:1.7;animation:2.2s both anneal-copy;position:absolute;top:38%;left:10%;right:10%}.result{color:#24211e;background:#f6f2ea;flex-direction:column;height:100%;display:flex}.scene-window{background:#eee7db;flex:1;min-height:100px;position:relative;overflow:hidden}.scene-window h1{z-index:1;text-align:center;letter-spacing:.1em;color:#756a5b;pointer-events:none;font:700 16px/1.3 Yu Mincho,Apple SD Gothic Neo,Malgun Gothic,Noto Sans KR,serif;position:absolute;top:8px;left:0;right:0}.result-info{text-align:center;flex-direction:column;flex:none;align-items:center;gap:4px;min-width:0;padding:10px 16px 6px;display:flex}.result h2{word-break:keep-all;overflow-wrap:normal;text-wrap:balance;max-width:100%;font-size:28px;font-weight:800;line-height:1.22}.name-word{white-space:pre;display:inline-block}.result-capacity{color:#797166;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:16px;font-weight:500;line-height:1.35}.use{justify-content:center;align-items:baseline;gap:8px;max-width:100%;min-height:35px;padding:3px 0;display:flex}.use>span{color:#83786b;flex-shrink:0;font-size:14px}.use p{text-align:left;font-size:16px;line-height:1.3}.actions{gap:10px;width:100%;margin-top:4px;display:flex}.actions button{border-radius:9px;flex:1;min-height:44px;font-size:16px;font-weight:750}.post{color:#fff;background:#181818;justify-content:center;align-items:center;gap:9px;display:flex}.post svg{width:17px;height:17px}.again{color:#332a22;background:#fff;border:1px solid #c4b9a9}.more-games{color:#70665a;align-items:center;min-height:28px;font-size:14px;text-decoration:none;display:flex}.share-feedback{max-width:100%;font-size:14px;line-height:1.25}.share-feedback:has(#notice:empty){display:none}#notice{font-size:14px}#x-link{color:#554330;min-height:27px;font-size:14px;text-decoration:underline;display:block}@keyframes pulse{50%{border-color:#ffbd77;box-shadow:0 0 30px #ff822b77}}@keyframes warn{50%{opacity:.72}}@keyframes press{0%,45%,65%,to{opacity:1;transform:translateY(0)}20%,85%{opacity:.55;transform:translateY(-4px)}}@keyframes squeeze{0%,65%,to{opacity:1;transform:translate(0)}25%{opacity:.5;transform:translate(-26px)}}@keyframes open-lip{0%,20%,to{opacity:1;transform:translate(0)}65%,80%{opacity:.55;transform:translate(-36px)}}@keyframes door-left{0%,to{transform:translate(-102%)}20%,65%{transform:translate(0)}}@keyframes door-right{0%,to{transform:translate(102%)}20%,65%{transform:translate(0)}}@keyframes anneal-copy{0%,18%,85%,to{opacity:0}26%,65%{opacity:1}}@media (height<=650px){.picker{gap:10px;padding-bottom:50px}.colors{gap:8px;margin-top:0}.orb{width:64px}.result-info{gap:2px;padding:6px 14px 3px}.use{min-height:29px;padding:2px 0}.actions{margin-top:2px}.controls{height:57px;bottom:3%}.readout{top:3%}.done,.sound{top:16%}}@media (width>=760px){body{background:radial-gradient(at 50% 100%,#38261f,#0d0e12 70%)}#app{border-left:1px solid #3d332b;border-right:1px solid #3d332b;box-shadow:0 0 80px #0008}}@media (prefers-reduced-motion:reduce){.hand,.cold,.cold-warning,.done.guided{animation:none}}
