:root{color-scheme:light;font-family:Trebuchet MS,Segoe UI,sans-serif;background:linear-gradient(180deg,#fcf6ea,#f4e7cc 52%,#e7d2aa)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{overflow:hidden}canvas{display:block}.phaser-card-shell{width:560px;display:flex;flex-direction:column;gap:28px;padding:32px 28px 28px;border-radius:28px;background:#f6eee2f0;border:1px solid rgba(208,189,161,.72);box-shadow:0 1px #fffaf2d1 inset,0 18px 44px #7054371f}.phaser-field{display:flex;flex-direction:column;gap:10px}.phaser-field:not(:last-child){margin-bottom:20px}.phaser-field[data-compact=true]{gap:8px}.phaser-label{margin:0;color:#705741;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.phaser-value{margin:0;color:#57483d;font-size:18px;line-height:1.35;word-break:break-word}.phaser-copy{color:#7b6758;font-size:16px;line-height:1.5;margin:0}.phaser-input{width:100%;border:1px solid rgba(207,190,157,.92);border-radius:18px;padding:16px 18px;color:#57483d;background:#f8f1e6f5;font:600 18px/1.2 Trebuchet MS,Segoe UI,sans-serif;box-shadow:0 1px #fffbf4c7 inset}.phaser-input:focus{outline:2px solid rgba(205,169,111,.64);outline-offset:1px}.phaser-toggle-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.phaser-toggle{border:1px solid rgba(207,190,157,.92);border-radius:20px;padding:14px 12px;color:#5a473a;background:#f8f1e6f5;font:700 16px/1.2 Georgia,sans-serif;cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease;box-shadow:0 1px #fffbf4c7 inset}.phaser-toggle:not(:disabled):hover{transform:translateY(-1px);border-color:#c29a65eb}.phaser-toggle[data-active=true]{border-color:#c29a65fa;background:linear-gradient(180deg,#f3e1bafa,#e6c993fa);color:#5a3f28;box-shadow:0 1px #fff9eedb inset,0 10px 20px #9b673c2e}.phaser-toggle:disabled{opacity:.55;cursor:default}.phaser-form-button{width:100%;margin-top:12px;border:1px solid rgba(186,136,81,.98);border-radius:24px;padding:18px;color:#fff8ef;background:linear-gradient(180deg,#c88e54,#a16045);font:800 18px/1.2 Georgia,sans-serif;cursor:pointer;box-shadow:0 1px #fff4e457 inset,0 16px 30px #844e2d38;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.phaser-form-button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 1px #fff4e457 inset,0 20px 34px #844e2d47;filter:saturate(1.05)}.phaser-form-button:disabled{opacity:.55;cursor:default}.phaser-toast-inline{min-height:16px;margin:-4px 0 0;color:#a16450;font:600 14px/1.35 Trebuchet MS,Segoe UI,sans-serif}