:root{font-family:"Trebuchet MS","Arial Rounded MT Bold",system-ui,sans-serif;color-scheme:only light;--portrait:.45}*{box-sizing:border-box}html,body{position:fixed;inset:0;margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{display:grid;place-items:center;background:#080815}#game-shell{position:relative;width:min(100vw,calc(100svh * var(--portrait)));height:min(100svh,calc(100vw / var(--portrait)));overflow:hidden;isolation:isolate;background:#07113a;box-shadow:0 0 40px #0009}.flow-screen{position:absolute;inset:0;z-index:20;display:none;overflow:hidden}.flow-screen.visible{display:block}.flow-screen[hidden]{display:none!important}.screen-art{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none}.mascot-art{z-index:3}.panel-art{z-index:5}.screen-photo{position:absolute;z-index:2;overflow:hidden;pointer-events:none}.screen-photo canvas{display:block;position:absolute;inset:0;width:100%;height:100%}.live-layer{position:absolute;inset:0;z-index:6;color:#08265f;font-weight:900}input,textarea,select,button,a{font:900 clamp(12px,3.4vw,19px) inherit}input,textarea,select{position:absolute;border:0;background:transparent;color:#56391f;outline:none;padding:0 5%;line-height:1}textarea{resize:none;padding-top:1.5%;line-height:1.15}button,a{position:absolute;display:flex;align-items:center;justify-content:center;border:0;background:transparent;color:#fff;text-align:center;text-decoration:none;cursor:pointer;text-shadow:0 2px 3px #00245c88;-webkit-tap-highlight-color:transparent}
#start-eyebrow{position:absolute;left:15%;top:17.55%;width:70%;margin:0;text-align:center;color:#fff;font-size:clamp(11px,2.8vw,17px)}#intro{position:absolute;left:13%;top:19.05%;width:74%;margin:0;text-align:center;color:#fff;font-size:clamp(10px,2.5vw,15px)}
#to-input{left:12.8%;top:55.45%;width:74.7%;height:4.2%}#from-input{left:12.8%;top:60.05%;width:74.7%;height:4.2%}#message-input{left:12.8%;top:64.65%;width:74.7%;height:5.9%}#message-note{display:none!important;position:absolute;left:15%;top:69.3%;width:70%;font-size:clamp(7px,1.8vw,11px);color:#7b5e42;text-align:center}#language-select{left:12.8%;top:71.15%;width:74.7%;height:4.2%;appearance:none;text-align:center}
#open-photo{left:12.4%;top:76.52%;width:75.2%;height:4.48%}#remove-photo-inline{display:none!important}#start-button{left:12.4%;top:81.52%;width:75.2%;height:4.48%}#buy-button{left:12.4%;top:86.52%;width:75.2%;height:4.48%}#home-button{left:12.4%;top:91.52%;width:75.2%;height:4.48%}#demo-note{position:absolute;left:15%;top:96%;width:70%;margin:0;color:#fff;font-size:clamp(7px,1.65vw,10px);text-align:center}.mode-hidden{display:none!important}#message-field.locked{opacity:.68}
.end-live p,.end-live h1,.end-live h2{position:absolute;margin:0;width:76%;left:12%;text-align:center;color:#08265f}#end-eyebrow{top:53.5%;font-size:clamp(12px,3vw,18px)}#end-title{top:56%;font-size:clamp(18px,5vw,31px)}#end-greeting{top:62%;font-size:clamp(15px,4vw,24px)}#end-message{top:67%;max-height:10%;overflow:hidden;font-size:clamp(12px,3.2vw,19px);line-height:1.2}#end-from{top:78%;font-size:clamp(12px,3.2vw,19px)}#end-primary{left:12.4%;top:81.52%;width:75.2%;height:4.48%}#end-buy{left:12.4%;top:86.52%;width:75.2%;height:4.48%}#end-home{left:12.4%;top:91.52%;width:75.2%;height:4.48%}
.editor-live{touch-action:none;pointer-events:none}.editor-live h2{position:absolute;left:15%;top:16.1%;width:70%;margin:0;color:#08265f;text-align:center;font-size:clamp(14px,3.8vw,23px)}#zoom-slider,#choose-photo,#remove-photo,#photo-cancel,#photo-done{pointer-events:auto}#zoom-slider{position:absolute;left:16.3%;top:53.4%;width:67.4%;height:3.2%;accent-color:#ff7a22;touch-action:pan-x}#choose-photo{left:13.2%;top:58.25%;width:73.6%;height:4.35%}#remove-photo{left:13.2%;top:63.25%;width:73.6%;height:4.35%}#photo-cancel{left:13.2%;top:68.25%;width:73.6%;height:4.35%}#photo-done{left:13.2%;top:73.25%;width:73.6%;height:4.35%}
#game-layer{position:absolute;inset:0}#game-layer[aria-hidden=true]{display:none}#photo-modal{background:rgba(3,5,22,.58);-webkit-backdrop-filter:blur(7px) brightness(.62);backdrop-filter:blur(7px) brightness(.62)}#editor-photo{pointer-events:auto;touch-action:none}#start-eyebrow{display:none!important}#intro{top:24.2%!important}.end-live #end-eyebrow{top:24.2%;color:#fff}.end-live #end-title{top:55%}#end-message{overflow-wrap:anywhere;word-break:normal}@media(max-width:699px){#game-shell{width:100vw;height:100svh}}